Difference between revisions of "Skins"

From Mibbit Wiki
Jump to: navigation, search
(→‎Pastel Blue: shown, mwahaa)
m (reset b4 load (due to a bug?))
Line 1: Line 1:
 
{{articles}}
 
{{articles}}
−
 
 
{{RightTOC}}
 
{{RightTOC}}
 
Skins are basically all saved preferences from a user represented by a (Hex-)string of 32 letters (a..f) and ciphers.  
 
Skins are basically all saved preferences from a user represented by a (Hex-)string of 32 letters (a..f) and ciphers.  
  
 
== Adding Skins ==
 
== Adding Skins ==
−
 
 
These are the steps needed to create a skin for Mibbit.
 
These are the steps needed to create a skin for Mibbit.
  
−
=== For the Widget ===
+
===For the Widget===
−
 
 
 
# Go to http://mibbit.com/chat/ (for your special widget skin)
 
# Go to http://mibbit.com/chat/ (for your special widget skin)
 
# Register as, e.g., "skinMyName" (remember your pw!)
 
# Register as, e.g., "skinMyName" (remember your pw!)
 
# Open the "Prefs" page
 
# Open the "Prefs" page
−
# Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
+
# Optionally (reset and) load an external skin through the "Load A Skin" button near the "Save and Close" button.
 
# Modify colors and other settings
 
# Modify colors and other settings
 
# Copy the '''id''' (2nd line, which follows "id=") and click ['''Save''' and close]
 
# Copy the '''id''' (2nd line, which follows "id=") and click ['''Save''' and close]
Line 22: Line 19:
 
Make sure that if you publish it, not to have any private info in it (like a password in an alias)!
 
Make sure that if you publish it, not to have any private info in it (like a password in an alias)!
  
−
=== For the full Client ===
+
===For the full Client===
−
 
 
 
# Go to https://www.mibbit.com/chat/ (for daily use)
 
# Go to https://www.mibbit.com/chat/ (for daily use)
 
# Register or login (if you have not done so already)
 
# Register or login (if you have not done so already)
 
# Open the "Prefs" page
 
# Open the "Prefs" page
−
# Optionally load an external skin through the "Load A Skin" button near the "Save and Close" button.
+
# Optionally (reset and) load an external skin through the "Load A Skin" button near the "Save and Close" button.
 
# Modify colors and other settings to your liking.
 
# Modify colors and other settings to your liking.
 
# Click the "Save and Close" button.
 
# Click the "Save and Close" button.
Line 33: Line 29:
 
Note: some settings (like "Auto away ...") require a reload to take effect, others (like ...width) need a "/clear".
 
Note: some settings (like "Auto away ...") require a reload to take effect, others (like ...width) need a "/clear".
  
−
=== Tools ===
+
===Tools===
−
 
 
 
Any tools that are useful for creating a skin shall be listed here.
 
Any tools that are useful for creating a skin shall be listed here.
  
Line 42: Line 37:
  
 
== List of Skins ==
 
== 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.
 
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 ===
+
===Clean Blue===
−
 
 
 
*Settings ID:  '''40d4f6c76550fbd0daaf419a85b2e1e6'''
 
*Settings ID:  '''40d4f6c76550fbd0daaf419a85b2e1e6'''
 
*Creator:  mibbit/Axod (Same person)
 
*Creator:  mibbit/Axod (Same person)
Line 54: Line 47:
  
  
−
=== Nice Textures ===
+
===Nice Textures===
−
 
 
 
*Settings ID:  '''22041f31cac0adf2d1959cdc21aed853'''
 
*Settings ID:  '''22041f31cac0adf2d1959cdc21aed853'''
 
[[Image:skin2.png]]
 
[[Image:skin2.png]]
  
−
=== Pastel Blue ===
+
===Pastel Blue===
−
 
 
 
*Settings ID:  '''90772f4b0ed9e9fc1e4ae12bc47e6c66'''
 
*Settings ID:  '''90772f4b0ed9e9fc1e4ae12bc47e6c66'''
 
*Description:  The image is for the most part, accurate, but changes have been made since then.  It incorporates a color closer to blue but between blue and purple to give a smooth and less distracting then white background.
 
*Description:  The image is for the most part, accurate, but changes have been made since then.  It incorporates a color closer to blue but between blue and purple to give a smooth and less distracting then white background.
Line 66: Line 57:
 
*Creator:  Havvy
 
*Creator:  Havvy
  
−
=== PortableApps.com (Red) ===
+
===PortableApps.com (Red)===
−
 
 
 
*Settings ID:  '''3627414e3771f9250fce659187969141'''
 
*Settings ID:  '''3627414e3771f9250fce659187969141'''
 
*Description:  Has pictures in it, and  
 
*Description:  Has pictures in it, and  
Line 74: Line 64:
 
** needs to be debugged (e.g. users vanishing when hovered)
 
** needs to be debugged (e.g. users vanishing when hovered)
  
−
=== Simple Text ===
+
===Simple Text===
−
 
 
 
*Settings ID:  '''1529ea977baeb4471a913b48465ca96e'''
 
*Settings ID:  '''1529ea977baeb4471a913b48465ca96e'''
 
*Description:  Has simple colors with it.  Greenish-Gray theme.
 
*Description:  Has simple colors with it.  Greenish-Gray theme.
Line 81: Line 70:
 
*Creator:  molkmin
 
*Creator:  molkmin
  
−
=== Galava ===
+
===Galava===
−
 
 
 
*Settings ID:  '''17298af2d1a0148d2fd19b8a7d93879d'''
 
*Settings ID:  '''17298af2d1a0148d2fd19b8a7d93879d'''
 
*Description:  Brownish colors to go along with the color scheme of Galava.net
 
*Description:  Brownish colors to go along with the color scheme of Galava.net
Line 88: Line 76:
 
*Creator:  Havvy
 
*Creator:  Havvy
  
−
=== KGS Network ===
+
===KGS Network===
−
 
 
 
*Settings ID:  '''2629f7cf876735e197d9752bc27b15cd'''
 
*Settings ID:  '''2629f7cf876735e197d9752bc27b15cd'''
 
*Description:  Made to imitate Xat Flash Client at the KGS Network website.  Very dark, and currently incomplete.  Hopefully it'll be used.
 
*Description:  Made to imitate Xat Flash Client at the KGS Network website.  Very dark, and currently incomplete.  Hopefully it'll be used.

Revision as of 19:24, 15 November 2008

Wiki Home | FAQ | Features | IRC Commands | IRC Modes | Widget Information | Widget: WebIRC Server Setup | URI Parameters | Wish List | Registration Information | Mibbit Staff

Home | Quick Start Guide | Live Mibbit Help


Skins are basically all saved preferences from a user represented by a (Hex-)string of 32 letters (a..f) and ciphers.

Adding Skins

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

For the Widget

  1. Go to http://mibbit.com/chat/ (for your special widget skin)
  2. Register as, e.g., "skinMyName" (remember your pw!)
  3. Open the "Prefs" page
  4. Optionally (reset and) 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, which follows "id=") and click [Save and close]
  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").

Make sure that if you publish it, not to have any private info in it (like a password in an alias)!

For the full Client

  1. Go to https://www.mibbit.com/chat/ (for daily use)
  2. Register or login (if you have not done so already)
  3. Open the "Prefs" page
  4. Optionally (reset and) 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.

Note: some settings (like "Auto away ...") require a reload to take effect, others (like ...width) need a "/clear".

Tools

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

  • The GUI widget code creator.[1] (not especially skin related though)
  • A tool for selecting color values.[2]
  • A tool for helping find gradients.[3]

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
  • Creator: mibbit/Axod (Same person)

Blue.png


Nice Textures

  • Settings ID: 22041f31cac0adf2d1959cdc21aed853

Skin2.png

Pastel Blue

  • Settings ID: 90772f4b0ed9e9fc1e4ae12bc47e6c66
  • Description: The image is for the most part, accurate, but changes have been made since then. It incorporates a color closer to blue but between blue and purple to give a smooth and less distracting then white background.

MibbitSkin.PNG

  • Creator: Havvy

PortableApps.com (Red)

  • Settings ID: 3627414e3771f9250fce659187969141
  • Description: Has pictures in it, and
  • Image[4] Not shown for size reasons.
  • Creator: Chris Morgan
    • needs to be debugged (e.g. users vanishing when hovered)

Simple Text

  • Settings ID: 1529ea977baeb4471a913b48465ca96e
  • Description: Has simple colors with it. Greenish-Gray theme.
  • Image:[5] Not shown for size reasons.
  • Creator: molkmin

Galava

  • Settings ID: 17298af2d1a0148d2fd19b8a7d93879d
  • Description: Brownish colors to go along with the color scheme of Galava.net
  • Image: None Uploaded
  • Creator: Havvy

KGS Network

  • Settings ID: 2629f7cf876735e197d9752bc27b15cd
  • Description: Made to imitate Xat Flash Client at the KGS Network website. Very dark, and currently incomplete. Hopefully it'll be used.
  • Image: None Uploaded
  • Creator: Havvy
Retrieved from ‘https://wiki.mibbit.com/index.php?title=Skins&oldid=2513’