Skins

From Mibbit Wiki
Revision as of 12:58, 21 November 2008 by Jokou (Talk | contribs) (Phoenix)

Jump to: navigation, search

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 | Blog & News | 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.

Black

  • Settings ID: a36fc852e105e579011f7589c14222f4
  • Description: This is a Black theme requested by some members on my website. I hope you enjoy using this theme.

Black Theme

  • Creator: unixbro


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

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.

Pheonix Theme

  • 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.

Pink Theme

  • Creator: unixbro

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)

Sandstorm

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

Sandstorm Theme

  • Creator: unixbro

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