Difference between revisions of "Skins"

From Mibbit Wiki
Jump to: navigation, search
(no idea why this was changed - link bombing attempt?)
m (clean up)
Line 2: Line 2:
 
{{widget}}
 
{{widget}}
 
{{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 ==
Line 19: Line 19:
 
example: http://widget.mibbit.com/?settings=42c110f3cbbaea489c0b0e40a40e6e18&... ("simple style").
 
example: http://widget.mibbit.com/?settings=42c110f3cbbaea489c0b0e40a40e6e18&... ("simple style").
  
−
See also [http://irc.mibbit.com/widget-uri-creator/ Widget iFrame and URI Creator] and [[Uri_parameters]] for the meanings of the values.
+
See also [http://irc.mibbit.com/widget-uri-creator/ Widget iFrame and URI Creator] and [[Uri parameters]] for the meanings of the values.
  
 
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)!
Line 46: Line 46:
 
*Settings ID:  '''6492d2ae4202ac1030e71173a51e488f'''
 
*Settings ID:  '''6492d2ae4202ac1030e71173a51e488f'''
 
*Description: Default settings before any changes are applied with the addition of larger fonts throughout.
 
*Description: Default settings before any changes are applied with the addition of larger fonts throughout.
−
*Image: [[Image:mibbit_prefs_large.png]]
+
*Image: [[Image:mibbit prefs large.png]]
 
*Creator: molkmin
 
*Creator: molkmin
  
Line 52: Line 52:
 
*Settings ID:  '''ad9539b735c13c87bd3c86b2a52cadf0'''
 
*Settings ID:  '''ad9539b735c13c87bd3c86b2a52cadf0'''
 
*Description: The default settings before any changes are applied.  To reset your custom prefs back to the default, you may use the "Reset all to defaults" button at the bottom of the preference edit page.
 
*Description: The default settings before any changes are applied.  To reset your custom prefs back to the default, you may use the "Reset all to defaults" button at the bottom of the preference edit page.
−
*Image:  [[Image:mibbit_prefs_default.png]]
+
*Image:  [[Image:mibbit prefs default.png]]
 
*Creator: molkmin
 
*Creator: molkmin
  
Line 58: Line 58:
 
*Settings ID:  '''a36fc852e105e579011f7589c14222f4'''
 
*Settings ID:  '''a36fc852e105e579011f7589c14222f4'''
 
*Description:  This is a Black theme requested by some members on my website. I hope you enjoy using this theme.
 
*Description:  This is a Black theme requested by some members on my website. I hope you enjoy using this theme.
−
*Image: [[Image:Mibbit_prefs_basic_black.png]]
+
*Image: [[Image:Mibbit prefs basic black.png]]
 
*Creator:  unixbro
 
*Creator:  unixbro
  
 
===Clean Blue===
 
===Clean Blue===
 
*Settings ID:  '''40d4f6c76550fbd0daaf419a85b2e1e6'''
 
*Settings ID:  '''40d4f6c76550fbd0daaf419a85b2e1e6'''
−
*Image: [[Image:Mibbit_prefs_clean_blue.png]]
+
*Image: [[Image:Mibbit prefs clean blue.png]]
 
*Creator:  mibbit/Axod
 
*Creator:  mibbit/Axod
  
 
===Nice Textures===
 
===Nice Textures===
 
*Settings ID:  '''22041f31cac0adf2d1959cdc21aed853'''
 
*Settings ID:  '''22041f31cac0adf2d1959cdc21aed853'''
−
*Image: [[Image:Mibbit_prefs_textures.png]]
+
*Image: [[Image:Mibbit prefs textures.png]]
  
 
===Pastel Blue===
 
===Pastel Blue===
 
*Settings ID:  '''90772f4b0ed9e9fc1e4ae12bc47e6c66''' (main only)
 
*Settings ID:  '''90772f4b0ed9e9fc1e4ae12bc47e6c66''' (main only)
 
*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.
−
*Image: [[Image:Mibbit_prefs_pastel_blue.png]]
+
*Image: [[Image:Mibbit prefs pastel blue.png]]
 
*Creator:  Havvy
 
*Creator:  Havvy
  
Line 79: Line 79:
 
*Settings ID:  '''e79edf341a7291ae57738feff858bc16'''
 
*Settings ID:  '''e79edf341a7291ae57738feff858bc16'''
 
*Description:  This is a Phoenix theme requested by the members on my website. I hope you enjoy using this theme. If you use the PHP-Fusion Phoenix theme this skin is for you.
 
*Description:  This is a Phoenix theme requested by the members on my website. I hope you enjoy using this theme. If you use the PHP-Fusion Phoenix theme this skin is for you.
−
*Image: [[Image:Mibbit_prefs_phoenix.png]]
+
*Image: [[Image:Mibbit prefs phoenix.png]]
 
*Creator:  unixbro
 
*Creator:  unixbro
  
Line 85: Line 85:
 
*Settings ID:  '''5d97d370a6e3c9694b10f0db3b50c122'''
 
*Settings ID:  '''5d97d370a6e3c9694b10f0db3b50c122'''
 
*Description:  This is a pink theme requested by the ladies on my website. I hope you enjoy using this theme.
 
*Description:  This is a pink theme requested by the ladies on my website. I hope you enjoy using this theme.
−
*Image: [[Image:Mibbit_prefs_pink.png]]
+
*Image: [[Image:Mibbit prefs pink.png]]
 
*Creator:  unixbro
 
*Creator:  unixbro
  
Line 91: Line 91:
 
*Settings ID:  '''3627414e3771f9250fce659187969141'''
 
*Settings ID:  '''3627414e3771f9250fce659187969141'''
 
*Description:  Portable Apps theme  
 
*Description:  Portable Apps theme  
−
*Image: [[Image:Mibbit_prefs_portable_apps.png]]
+
*Image: [[Image:Mibbit prefs portable apps.png]]
 
*Creator:  Chris Morgan
 
*Creator:  Chris Morgan
  
Line 97: Line 97:
 
*Settings ID:  '''29fdcba523719e5c15e2df228ac6456a'''
 
*Settings ID:  '''29fdcba523719e5c15e2df228ac6456a'''
 
*Description:  This is a red theme requested by the members on my website. I hope you enjoy using this theme.
 
*Description:  This is a red theme requested by the members on my website. I hope you enjoy using this theme.
−
*Image: [[Image:Mibbit_prefs_red.png]]
+
*Image: [[Image:Mibbit prefs red.png]]
 
*Creator:  unixbro
 
*Creator:  unixbro
  
Line 103: Line 103:
 
*Settings ID: '''e04a79313c47f155f346aa1b25615a06'''
 
*Settings ID: '''e04a79313c47f155f346aa1b25615a06'''
 
*Description:  This is a light lavender purple and light blue theme.  I hope you enjoy using this theme.
 
*Description:  This is a light lavender purple and light blue theme.  I hope you enjoy using this theme.
−
*Image: [[Image:mibbit_prefs_purple.png]]
+
*Image: [[Image:mibbit prefs purple.png]]
 
*Creator: Ruth
 
*Creator: Ruth
  
Line 109: Line 109:
 
*Settings ID:  '''e45b6397f1cdd3f1e3db04091b842551'''
 
*Settings ID:  '''e45b6397f1cdd3f1e3db04091b842551'''
 
*Description:  This is a sandstorm theme requested by the members on my website. I hope you enjoy using this theme.
 
*Description:  This is a sandstorm theme requested by the members on my website. I hope you enjoy using this theme.
−
*Image: [[Image:Mibbit_prefs_sandstorm.png]]
+
*Image: [[Image:Mibbit prefs sandstorm.png]]
 
*Creator:  unixbro
 
*Creator:  unixbro
  
Line 115: Line 115:
 
*Settings ID:  '''1529ea977baeb4471a913b48465ca96e'''
 
*Settings ID:  '''1529ea977baeb4471a913b48465ca96e'''
 
*Description:  Basic light blue theme with slightly larger fonts with channel tabs on the left side.
 
*Description:  Basic light blue theme with slightly larger fonts with channel tabs on the left side.
−
*Image: [[Image:Mibbit_prefs_basic.png]]
+
*Image: [[Image:Mibbit prefs basic.png]]
 
*Creator:  molkmin
 
*Creator:  molkmin
  
Line 121: Line 121:
 
*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
−
*Image: [[Image:Mibbit_prefs_galava.png]]
+
*Image: [[Image:Mibbit prefs galava.png]]
 
*Creator:  Havvy
 
*Creator:  Havvy
  
Line 127: Line 127:
 
*Settings ID:  '''eea994908812991289a6478e2c12366f'''
 
*Settings ID:  '''eea994908812991289a6478e2c12366f'''
 
*Description:  Minimalistic red/dark theme.
 
*Description:  Minimalistic red/dark theme.
−
*Image: [[Image:Mibbit_prefs_darkred.png]]
+
*Image: [[Image:Mibbit prefs darkred.png]]
 
*Creator:  Andra - MonsterHunterFreedom2.com
 
*Creator:  Andra - MonsterHunterFreedom2.com
  
Line 133: Line 133:
 
*Settings ID:  '''cbcf3df6852520be320feacf5c8d4e49'''
 
*Settings ID:  '''cbcf3df6852520be320feacf5c8d4e49'''
 
*Description:  a theme with the colors of the game "hordes"
 
*Description:  a theme with the colors of the game "hordes"
−
*Image: [[Image:mibbit_prefs_hordes.png]]
+
*Image: [[Image:mibbit prefs hordes.png]]
 
*Creator:  renard7
 
*Creator:  renard7
  

Revision as of 21:05, 28 December 2009

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


API | URI Parameters | Auto Connect


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 Widget-Manager to create/edit your special widget skin
  2. Fill username, password in "Create a new chat widget" (and remember them!), click [Create an account]
  3. Enter your email address into "My Account" (in case you forget your pw we can send it there)
  4. Open the "Prefs" page (the settings id for this account can be found at the bottom of the tab)
  5. Optionally click the "Skins" tab and load an external skin through the "Load A Skin ID:" form (from another widget id, the main client still uses a different database)
  6. Modify colors and other settings, click [Save and close]. Don't reload the manager.
  7. Open "Preview", choose the parameters (if your widget is redirected to widget2.mibbit.com you have to reload twice to see the effect of any changes or wait ten minutes).
  8. Copy & paste the link into your web-page (as iframe or popup)

example: http://widget.mibbit.com/?settings=42c110f3cbbaea489c0b0e40a40e6e18&... ("simple style").

See also Widget iFrame and URI Creator and Uri parameters for the meanings of the values.

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/
  2. Create an account or Login (if you have not done so already)
  3. Open the "Prefs" page
  4. Optionally click the "Skins" tab and load an external skin through the "Load A Skin ID:" form
  5. Modify colors and other settings to your liking.
  6. Click the "Save and Close" button.
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 customized skin shall be listed here.

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. Note: at the moment main and widget use different databases (will perhaps be merged later).

Large Fonts

  • Settings ID: 6492d2ae4202ac1030e71173a51e488f
  • Description: Default settings before any changes are applied with the addition of larger fonts throughout.
  • Image: Mibbit prefs large.png
  • Creator: molkmin

Default

  • Settings ID: ad9539b735c13c87bd3c86b2a52cadf0
  • Description: The default settings before any changes are applied. To reset your custom prefs back to the default, you may use the "Reset all to defaults" button at the bottom of the preference edit page.
  • Image: Mibbit prefs default.png
  • Creator: molkmin

Black

  • Settings ID: a36fc852e105e579011f7589c14222f4
  • Description: This is a Black theme requested by some members on my website. I hope you enjoy using this theme.
  • Image: Mibbit prefs basic black.png
  • Creator: unixbro

Clean Blue

  • Settings ID: 40d4f6c76550fbd0daaf419a85b2e1e6
  • Image: Mibbit prefs clean blue.png
  • Creator: mibbit/Axod

Nice Textures

  • Settings ID: 22041f31cac0adf2d1959cdc21aed853
  • Image: Mibbit prefs textures.png

Pastel Blue

  • Settings ID: 90772f4b0ed9e9fc1e4ae12bc47e6c66 (main only)
  • 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.
  • Image: Mibbit prefs pastel blue.png
  • Creator: Havvy

Phoenix

  • Settings ID: e79edf341a7291ae57738feff858bc16
  • Description: This is a Phoenix theme requested by the members on my website. I hope you enjoy using this theme. If you use the PHP-Fusion Phoenix theme this skin is for you.
  • Image: Mibbit prefs phoenix.png
  • Creator: unixbro

Pink

  • Settings ID: 5d97d370a6e3c9694b10f0db3b50c122
  • Description: This is a pink theme requested by the ladies on my website. I hope you enjoy using this theme.
  • Image: Mibbit prefs pink.png
  • Creator: unixbro

PortableApps.com (Red)

  • Settings ID: 3627414e3771f9250fce659187969141
  • Description: Portable Apps theme
  • Image: Mibbit prefs portable apps.png
  • Creator: Chris Morgan

Red

  • Settings ID: 29fdcba523719e5c15e2df228ac6456a
  • Description: This is a red theme requested by the members on my website. I hope you enjoy using this theme.
  • Image: Mibbit prefs red.png
  • Creator: unixbro

Relaxing Purple Pathos

  • Settings ID: e04a79313c47f155f346aa1b25615a06
  • Description: This is a light lavender purple and light blue theme. I hope you enjoy using this theme.
  • Image: Mibbit prefs purple.png
  • Creator: Ruth

Sandstorm

  • Settings ID: e45b6397f1cdd3f1e3db04091b842551
  • Description: This is a sandstorm theme requested by the members on my website. I hope you enjoy using this theme.
  • Image: Mibbit prefs sandstorm.png
  • Creator: unixbro

Simple Text

  • Settings ID: 1529ea977baeb4471a913b48465ca96e
  • Description: Basic light blue theme with slightly larger fonts with channel tabs on the left side.
  • Image: Mibbit prefs basic.png
  • Creator: molkmin

Galava

  • Settings ID: 17298af2d1a0148d2fd19b8a7d93879d
  • Description: Brownish colors to go along with the color scheme of Galava.net
  • Image: Mibbit prefs galava.png
  • Creator: Havvy

Rathalos

  • Settings ID: eea994908812991289a6478e2c12366f
  • Description: Minimalistic red/dark theme.
  • Image: File:Mibbit prefs darkred.png
  • Creator: Andra - MonsterHunterFreedom2.com

Hordes Skin

  • Settings ID: cbcf3df6852520be320feacf5c8d4e49
  • Description: a theme with the colors of the game "hordes"
  • Image: Mibbit prefs hordes.png
  • Creator: renard7

The SuperFast way

Autumn Theme

  • Settings ID: c106102763aac9ebcc06fa3a83b4eee0
  • Description: Has an autumn feel to it, very relaxing. The backgrounds and texts are much easier on your eyes especially if you are sitting in the dark. Please enjoy this skin.
  • Image: http://dl.dropbox.com/u/2085017/Mibbit_-_Autumn_theme.png
  • Creator: Toucan
Retrieved from ‘https://wiki.mibbit.com/index.php?title=Skins&oldid=5292’