Skins

From Mibbit Wiki
Revision as of 02:25, 31 March 2009 by HAKANYOKTAN (talk | contribs) (Skins moved to Template)
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 | 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 Widget-Manager (to create your special widget skin)
  2. Fill username, password in "Create a new chat widget", write them down and keep it safe, click [Register]
  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, click [Save and close]
  6. Open "Preview", choose the parameters, click the generated widget link for a preview in a new window/tab
  7. 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/ (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.
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 new GUI widget code creator.[1]
  • 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

Working example of how to load images into your widget.

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

PortableApps

  • Creator: Chris Morgan
    • needs to be debugged (e.g. users vanishing when hovered)

Red

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

Red Theme

  • Creator: unixbro

Relaxing Purple Pathos

  • Settings ID: id=e04a79313c47f155f346aa1b25615a06
  • Description: This is a light lavender purple and light blue theme. I hope you enjoy using this theme.
  • Image: None Uploaded

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.

Sandstorm Theme

  • Creator: unixbro

Simple Text

  • Settings ID: 1529ea977baeb4471a913b48465ca96e
  • Description: Has simple colors with it. Greenish-Gray theme.

Talkback

  • Creator: molkmin

Galava

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

Rathalos

  • Settings ID: eea994908812991289a6478e2c12366f
  • Description: Minimalistic red/dark theme.

Rathalos

  • Creator: Andra - MonsterHunterFreedom2.com

True Black Skin

  • Settings ID: 377a249d7b61bf16c20d79c66a74019d
  • Description: A full black background theme, with brighter text through out.
  • Creator: Zorg - www.legacy-game.net