C9 Theme Thread

************  http://www.channel9.ca/9themes/    **********


Code to make a theme with background, 9guy, & thread title colour :

Copy/paste below code in the bottom left box on your profile page

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

#background{
background:url(http://www.channel9.ca/9theme8.jpg) no-repeat top center

!important;
}

#logo {
background:transparent url(http://www.channel9.ca/.png) no-repeat scroll

0 0;
display:block;
height:138px;
width:200px;
}

#nineGuySays {display:none;}

/* thread title (<a> inside <h1>) */
h1 a {
color: navy;
}

#userNav a
{
 color:white; font-weight: normal
}

#userNav a:hover
{
 text-decoration: underline; color: #FFFFFF; font-weight: normal
}

To subscribe to whatever themes i use automatically - put this in your profile css box:

@import url("http://www.channel9.ca/jamie.css");

its easy enough to find out all the c9 css tags with Firefox +Firebug addon... then a little help from the inspect element and the css search

Koogle said:

its easy enough to find out all the c9 css tags with Firefox +Firebug addon... then a little help from the inspect element and the css search

#background{
background:url(http://www.channel9.ca/9theme3.jpg) no-repeat top center !important;
}

#logo {
background:transparent url(http://www.channel9.ca/.png) no-repeat scroll 0 0;
display:block;
height:138px;
width:200px;
}

#nineGuySays {display:none;}

just a quick one... i gotta go out.. crap.   will make more in a bit


** still would love to know how to change the colour of thread title (the large text at top)

jamie said:

Koogle said:

*snip*

#background{
background:url(http://www.channel9.ca/9theme3.jpg) no-repeat top center !important;
}

#logo {
background:transparent url(http://www.channel9.ca/.png) no-repeat scroll 0 0;
display:block;
height:138px;
width:200px;
}

#nineGuySays {display:none;}

just a quick one... i gotta go out.. crap.   will make more in a bit


** still would love to know how to change the colour of thread title (the large text at top)

/* thread title (<a> inside <h1>) */
h1 a {
color: blue;
}

Clean and simple. No side bar on the forum page or the thread page, dark gray background, no footer, rss icon or MS communities bar at the top.

body { padding-top: 0; background: #4E4E4E;}
#background { background: none; }
.forumPage #main, .forumEntryPage #main { width: 963px; }
.forumPage #sideBar, .forumEntryPage #sideBar { display: none; }
.forumEntryPage .boxYellow .content .content { width: 809px; }
#rss, #footer, #cb_main { display: none; }

#background{
background:url(http://www.channel9.ca/deathstar.jpg) no-repeat top center !important;
}

#logo {
background:transparent url(http://www.channel9.ca/.png) no-repeat scroll 0 0;
display:block;
height:138px;
width:200px;
}

#nineGuySays {display:none;}

PaoloM said:

jamie said:

*snip*

/* thread title (<a> inside <h1>) */
h1 a {
color: blue;
}

thanks

just need how to change the brown post links

..and the gold bar



http://www.channel9.ca/9theme4.jpg



http://www.channel9.ca/9theme5.jpg

littleguru said:

jamie said:

*snip*

Are you STILL not using the LiveID?????

no im using c9 classic


PS - is there css code to play a background mid / song?

I have a small request to help themes work easier...

The best part about this current Evnet C9 - is by changing the BG , youre basically done.

(I havent even been using the floating home(9guy)image - as the link is there anyway - so i put it in the background

long story longer... all the links and flyouts work on any colour - white..to black.   but the links on the right:

Profile | Switch to LiveID | Sign Out

these are default white/pink - with mouseover to dark red

this sort of means in any theme - they will be too dark or too lite in one of the 2 mouseover states.

Rather than have everyone who makes a theme deal with this... it would be great if those three links were changed too:

Normal
- light gray (not light pink) = match any theme

Mouseover:
- white  (so the gray lightens)

this way - by default - c9 will work with any dark header - and if its a light header - we can make the bar dark - and the mouseovers will still work (without needless css fiddling)

?

edit- even if you check it in the normal theme - it goes dark red on orange...  





i like this one     

*all recent themes are    9theme4.jpg  5.jpg   6   7   8     so you can just try them out by changing the number

jamie said:

I have a small request to help themes work easier...

The best part about this current Evnet C9 - is by changing the BG , youre basically done.

(I havent even been using the floating home(9guy)image - as the link is there anyway - so i put it in the background

long story longer... all the links and flyouts work on any colour - white..to black.   but the links on the right:

Profile | Switch to LiveID | Sign Out

these are default white/pink - with mouseover to dark red

this sort of means in any theme - they will be too dark or too lite in one of the 2 mouseover states.

Rather than have everyone who makes a theme deal with this... it would be great if those three links were changed too:

Normal
- light gray (not light pink) = match any theme

Mouseover:
- white  (so the gray lightens)

this way - by default - c9 will work with any dark header - and if its a light header - we can make the bar dark - and the mouseovers will still work (without needless css fiddling)

?

edit- even if you check it in the normal theme - it goes dark red on orange...  





i like this one     

*all recent themes are    9theme4.jpg  5.jpg   6   7   8     so you can just try them out by changing the number

ps - http://www.channel9.ca/c9search.htm

is it possible to use css to add these 2 search boxes under the c9 links?

edit:  and last... it would be great to be able to specify BG between coffeehouse and frontdoor

like:

bg home=9theme4.jpg  coffeehouse=9theme5.jpg



also need colour of "The Coffeehouse"   H1 doesnt change it


edit and last last last...

can we have a way to add a thing to url - to display theme?

like  channel9.msdn.com/forum15?jamie  -showtheme ?

jamie said:

#background{
background:url(http://www.channel9.ca/deathstar.jpg) no-repeat top center !important;
}

#logo {
background:transparent url(http://www.channel9.ca/.png) no-repeat scroll 0 0;
display:block;
height:138px;
width:200px;
}

#nineGuySays {display:none;}

/* thread title (<a> inside <h1>) */
h1 a {
color: black;
}

That's one is fantastic. Why is he holding a basket of fruit?