Difference between revisions of "Skins"

From Mibbit Wiki
Jump to: navigation, search
(Added My Skin ID; Pic coming quickly)
(Major rewrite. Looks much cleaner, and much more helpful.)
Line 1: Line 1:
Here a little "howto" create your own skin:
+
Skins are basically all saved preferences from a user as a string of letters and numbers. Skins can either be in the widget or in the actual client.
* goto http://mibbit.com
 
* register as, e.g., "skinMyName" (remember your pw!)
 
* open the "Prefs" page
 
* optionally load an external skin
 
* modify colors and other settings
 
* copy the id (2nd line) ... '''save''' your work
 
* use the id (from the "Prefs" page) for your own skin in the widget's [[Uri_parameters | uri]] "settings=" or in the [http://mibbit.com/widget.html Widget-Creator]
 
  
example: http://embed.mibbit.com/?settings=c76462e5055bace06e32d325963b39f2&... ("grayish style")
+
== Adding Skins ==
+
 
----
+
These are the steps needed to create a skin for Mibbit.
 +
 
 +
=== For the Client ===
 +
 
 +
# Go to http://mibbit.com
 +
# Register and log in (if you have not done so already)
 +
# Open the "Prefs" page
 +
# Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
 +
# Modify colors and other settings to your liking.
 +
# Click the "Save and Close" button.
  
 +
=== For the Widget ===
  
40d4f6c76550fbd0daaf419a85b2e1e6 - This is a clean blue skin
+
# Go to http://mibbit.com
 +
# Register as, e.g., "skinMyName" (remember your pw!)
 +
# Open the "Prefs" page
 +
#Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
 +
# Modify colors and other settings
 +
# Copy the id (2nd line) ... '''save''' your work
 +
# Use the id (from the "Prefs" page) for your own skin in the widget's [[Uri_parameters | uri]] "settings=" or in the [http://mibbit.com/widget.html Widget-Creator]
  
[[Image:blue.png]]
+
example: http://embed.mibbit.com/?settings=c76462e5055bace06e32d325963b39f2&... ("grayish style")
  
----
+
=== Tools ===
  
 +
Any tools that are useful for creating a skin shall be listed here.
  
22041f31cac0adf2d1959cdc21aed853 - Some nice textures
+
*The GUI widget code creator.[http://mibbit.com/widget.html]
 +
*A tool for selecting color values.[http://www.colorpicker.com/]
 +
 +
== List of Skins ==
  
[[Image:skin2.png]]
+
Feel free to add your own skins to this list.  Just make sure that they are different enough these skins below.  Please keep the list alphabetized.
  
----
+
=== Clean Blue ===
  
3627414e3771f9250fce659187969141 - PortableApps.com red theme. Picture will be added when fully completed.
+
*Settings ID: '''[40d4f6c76550fbd0daaf419a85b2e1e6'''
  
---
+
[[Image:blue.png]]
  
acb704a14e67d7a7e95e81047d72cebc - The skin uses heavily #CCCCFF & #AAAACC for background elements; uses #880000 for server messages, mode changes, and joins; #FF0000 [red] for any type of leave, and various shades of gray for people being away and thing like that.  A picture will come soon.  I'm getting a test of colors.
+
=== Nice Textures ===
  
---
+
*Settings ID:  '''22041f31cac0adf2d1959cdc21aed853'''
 +
[[Image:skin2.png]]
  
Please add any cool skins here.
+
=== Pastel Blue ===
  
----
+
*Settings ID:  '''acb704a14e67d7a7e95e81047d72cebc'''
 +
*Description:  The skin uses heavily #CCCCFF & #AAAACC for background elements; uses #880000 for server messages, mode changes, and joins; #FF0000 [red] for any type of leave, and various shades of gray for people being away and thing like that.
 +
*Image[http://wiki.mibbit.com/images/3/37/MibbitSkin.PNG]:  Not shown here for size reasons.
  
 +
=== Portable Apps Red ===
  
A nice [http://www.colorpicker.com/ ColorPicker] tool for selecting color values for your skins.
+
*Settings ID: '''3627414e3771f9250fce659187969141'''
 +
*Notice:  Picture will be added when fully completed.

Revision as of 14:34, 13 July 2008

Skins are basically all saved preferences from a user as a string of letters and numbers. Skins can either be in the widget or in the actual client.

Adding Skins

These are the steps needed to create a skin for Mibbit.

For the Client

  1. Go to http://mibbit.com
  2. Register and log in (if you have not done so already)
  3. Open the "Prefs" page
  4. Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
  5. Modify colors and other settings to your liking.
  6. Click the "Save and Close" button.

For the Widget

  1. Go to http://mibbit.com
  2. Register as, e.g., "skinMyName" (remember your pw!)
  3. Open the "Prefs" page
  4. Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
  5. Modify colors and other settings
  6. Copy the id (2nd line) ... save your work
  7. Use the id (from the "Prefs" page) for your own skin in the widget's uri "settings=" or in the Widget-Creator

example: http://embed.mibbit.com/?settings=c76462e5055bace06e32d325963b39f2&... ("grayish style")

Tools

Any tools that are useful for creating a skin shall be listed here.

  • The GUI widget code creator.[1]
  • A tool for selecting color values.[2]

List of Skins

Feel free to add your own skins to this list. Just make sure that they are different enough these skins below. Please keep the list alphabetized.

Clean Blue

  • Settings ID: [40d4f6c76550fbd0daaf419a85b2e1e6

Blue.png

Nice Textures

  • Settings ID: 22041f31cac0adf2d1959cdc21aed853

Skin2.png

Pastel Blue

  • Settings ID: acb704a14e67d7a7e95e81047d72cebc
  • Description: The skin uses heavily #CCCCFF & #AAAACC for background elements; uses #880000 for server messages, mode changes, and joins; #FF0000 [red] for any type of leave, and various shades of gray for people being away and thing like that.
  • Image[3]: Not shown here for size reasons.

Portable Apps Red

  • Settings ID: 3627414e3771f9250fce659187969141
  • Notice: Picture will be added when fully completed.