Tooum:Switchboard - All New Forum discussions

New Skin Management

Joel Moss — Wed, 13 Sep 2006 20:02:36 -0700

Comment #1

Joel Moss — Wed, 13 Sep 2006 20:02:36 -0700

As requested, we have implemented a new skin management system. This new system - accessible via your admin panel - lets you edit, create and delete skins for your Switchboard.

A skin is simply a CSS file that inherits the main Switchboard CSS file. This main CSS file is not editable, but any skin you create inherits its properties, so you can still edit any part of the CSS structure.

You can also publish your skin creations and mark them as public. This will let other Switchboard owners use your public skin and create new skins based off that skin.

Pretty cool, I know. So play around and let us know what you think.

A number of bug fixes have also been applied. Thankfully these were few and far between, and as of this post, we are unaware of any other bugs. But remember, if you find any, please let us know.

Stand by for further updates and new features.

Comment #2

Ian — Sun, 17 Sep 2006 17:43:29 -0700

I've made a new skin named "Cyan" and everything works, after a lot of tinkering in the CSS, BUT the search bar is messy. I have no clue on how to fix it...

hd-main {

background: url(http://img74.imageshack.us/img74/6258/bluebgpa2.jpg) repeat-x 0 100%;

}

hd-left {

background: url(http://img312.imageshack.us/img312/2734/bluebgleftpq0.png) repeat 0 100%;

}

hd-right {

background: url(http://img312.imageshack.us/img312/5073/bluebgrightfu5.png) repeat 0 100%;

}

search input#search_terms{

background: url(images/search_bg.gif) no-repeat-x 0 100%;

}

search input:hover#searchterms, #search input:focus#searchterms{

background: url(images/search_bg-hover.gif) no-repeat-x 0 100%;

} a, a.icon, div.admintabs a:hover, div.tabs a:hover, div.h4tabs a:hover, div.sidebartabs a:hover, div.admintabs a.currentTab, div.tabs a.currentTab, div.h4tabs a.currentTab, div.sidebartabs a.currentTab, div.admintabs a:hover.currentTab, div.tabs a:hover.currentTab, div.h4tabs a:hover.currentTab, div.sidebartabs a:hover.currentTab { color:#339999; }

Comment #3

Ian — Sun, 17 Sep 2006 17:45:21 -0700

well, that didnt work out... http://share2net.com?id=12728977 That is the text document with the CSS in it, I don't see whats wrong... Umm, also: it's set to public, but I don't see it in the Public column...

Comment #4

Joel Moss — Sun, 17 Sep 2006 23:10:55 -0700

You will need to use your own images or reference the full URL of the originals. However, note that the images that we use are optimised for the skin you got it from, so it probably won't match up with your colors, etc.

Umm, also: it's set to public, but I don't see it in the Public column...

Because it is your skin, it won't show in the public column, but it will for other Switchboards.

Comment #5

Ian — Sun, 17 Sep 2006 23:25:43 -0700

I would use the images, but when I right click to save them, they don't give me the option to save, I'll try again with a utility soon enought o see if I can get that working, but regardless.

Could you reference the images locations of the search bar images, so that I am able to upload them and get them to work?

Comment #6

Joel Moss — Sun, 17 Sep 2006 23:31:21 -0700

Blue skin

http://tooum.net/skins/0/4/images/search_bg-hover.gif

http://tooum.net/skins/0/4/images/search_bg.gif

Green skin

http://tooum.net/skins/0/3/images/search_bg-hover.gif

http://tooum.net/skins/0/3/images/search_bg.gif

Don't forget to replace tooum.net with your Switchboard subdomain.

Comment #7

Ian — Sun, 17 Sep 2006 23:47:17 -0700

There, My skin is finished! Cyan is public, and sorry for spamming up this here thread with inquiries. But thanks to you, I've created my first "custom " skin!

Comment #8

Joel Moss — Mon, 18 Sep 2006 05:41:52 -0700

There, My skin is finished! Cyan is public, and sorry for spamming up this here thread with inquiries. But thanks to you, I've created my first "custom " skin!

Not a problem. Thanks for using Tooum. If you have any other queries, please feel free to open up a new discussion.

Enjoy.