Themes: We're demonstrating a new theme engine, which will let you style your own section of 23. You can choose between a few different color themes, or write your own CSS. Go to "Your account" -> "Settings" and "Theme" to play with this.
We haven't finished developing this new feature, so please let us know what you think about it . One idea is to let users "steal" other users' themes simply by entering their username on the Themes page. |
|
26 comments so far...
(Once we finish the feature, I'll give some insight into the stylesheet on the blog.)
I also like the cloning idea. I have a feeling it's something that will be used.
that would be cool- like this ambient light TVs.
Is there the possibility to do this in css???
@import "http://myserver.com/calculated-style.php";
steffen - are there more flags for the css style than the ones u hav used?
Take the forest theme as one example:
h1 {color:#9BBC40;}
a {color:#9BBC40;}
.linkbutton, #contextlinks a { border-color: #D2E69D; }
a.highlighted {background-color:#9BBC40;}
#titlebar { background-color:#E9F6C6;}
#titlebar input.search { border-color:#D2E69D; }
#tabs td a {color:#9BBC40;}
#tabs td { border-color: #D2E69D; background-color:#F9FDEF;}
#tabs td div { border-color: #E9F6C6; }
If I ad my Custom CSS the source code of the side looks like:
h1 {color:#9BBC40;}
a {color:#9BBC40;}
.linkbutton, #contextlinks a { border-color: #D2E69D; }
a.highlighted {background-color:#9BBC40;}
#titlebar { background-color:#E9F6C6;}
#titlebar input.search { border-color:#D2E69D; }
#tabs td a {color:#9BBC40;}
#tabs td { border-color: #D2E69D; background-color:#F9FDEF;}
#tabs td div { border-color: #E9F6C6; }
h1 {color:#403726;}
a {color:#403726;}
.linkbutton, #contextlinks a { border-color: #e7e3d7; }
a.highlighted {background-color:#403726;}
#titlebar { background-color:#c8bea3;}
#titlebar input.search { border-color:#e7e3d7; }
#tabs td a {color:#403726;}
#tabs td { border-color: #e7e3d7; background-color:#c8bea3;}
#tabs td div { border-color: #c8bea3; }
because i have to choose a theme.
Solution a check box with Custom CSS??
May I suggest:
body {background-image:url('/mertens/a/buddy');}
Or alternatively
body {background-image:url('/23/redirect/a/buddy');}
(which shows the current user's buddy icon as a background on your pages)
#titlebar {background-image:url('/steffen/photo/522883/quad100'); background-position:bottom left; background-repeat:no-repeat;}
#titlebar #imgBuddyIcon {display:none;}
(It's a terrible picture once it's scaled)
#tabs {background-image:url('/steffen/photo/522883/quad100'); background-position:bottom left; background-repeat:no-repeat;}
#tabs td.active {background-color:transparent;}
#tabs td {background-color:transparent;}
(It does compromise on the look of the tabs, though.)
btw: if you reduce your barsize to 60px, your logo looks very cool - i find even better than with 80px..
h1 {font-family:Arial; color:#87BEDE; font-size:20px; line-height:20px;}
a {color:#87BEDE;}
a.highlighted {background-color:#87BEDE;}
#titlebar #imgBuddyIcon {display:none;}
#titlebar {background-image:url('/Volker/photo/525120/original'); background-position:bottom left; background-repeat:no-repeat;}
#titlebar { background-color:#E3E3E3;}
#titlebar {height:60px;}
.linkbutton, #contextlinks a {background-color:#E3E3E3; color:#87BEDE; text-decoration:none; border-bottom:0px solid #FF9999; padding:2px 6px 2px 6px; margin-right:7px; font-size:10px; font-family: Arial, Verdana, sans-serif;}
#titlebar input.search { border-color:#D4ECFA; }
#tabs td a {color:#87BEDE;}
#tabs td { border-color: #D4ECFA; background-color:#FAFAFA;}
#tabs td div { border-color: #D4ECFA;}