[rd] Different skins for each board?

[Skidjit]

I was wondering if there is a code out there where I could choose a different skin for each specific board?

I found one for sub boards, but not boards themself.

Thanks.

[Tumbleweed]

Are you just thinking changing the colors as you would when making a skin. If so, if you view your source you can copy Proboards CSS and just put that in your board headers and edit as you please.

Did you have anything else in mind that would be board specific?

If you don't know how to view your source, in IE you just need to go to your tool bar, View and then Source unless you are using Developer Tools then it would be "Tools" , F12 Developer Tools, then in the little window view, source, & then original.

[Skidjit]

Mar 27, 2013 23:43:47 GMT -8 Tumbleweed said:

Are you just thinking changing the colors as you would when making a skin. If so, if you view your source you can copy Proboards CSS and just put that in your board headers and edit as you please.

Did you have anything else in mind that would be board specific?

If you don't know how to view your source, in IE you just need to go to your tool bar, View and then Source unless you are using Developer Tools then it would be "Tools" , F12 Developer Tools, then in the little window view, source, & then original.

Really, I'll be honest, I'm not all that tech savy. ( do know how to install codes into headers/footers and global/board and the like.) But I'm patient and willing to learn.

What I have in mind, I have one overall site. I'd like to have one board dedicated to say... Dr. Who. Another board for Harry  Potter, another for Marvel superheroes. Things like this. Last night, I did install a code where I could have a different banner up top of each. Cool! It worked. I was also wondering if I could do a different font (example for Star Trek for that board only.) Maybe a different background image (like a wallpaper) That would be cool! But YES... different colors or codes to match what I would see for each board too. But I'm not wanting this code to change any other board but the ones I target. The rest, would be as they are right now.

Honestly, I'm wondering if this is too much to ask for a single site to do.

OH and when I found the code for a different skin for each sub board, I did not understand what a "CSS"was so I kinda backed off from doing that.

I do have IE. To answer your question, I'm not using any of the developer tools you mentioned. IS this something I need to look into? I've looked at so many codes here at Proboards lately, that after a while I can't remember which one had a link to a site where I could do as you said. But when I clicked it, I do remember, it took me to a whole site not a page where you download a code. I'm probably way off in my thinking.

This is something I always thought would be cool for my site, however if I'm thinking too big, I'm alright to except it's not possible and it's ok. Thanks so far.



 

[Tumbleweed]

Well, if it helps, this is a list of all the classes you can use with just css:

body
td
input
textarea
select
optgroup
A:link
A:visited
A:hover
.nav
.nav:link
.nav:visited
.nav:hover
.windowbg
.windowbg2
.titlebg
.titletext A
.popuptitlebg
.catbg
.hr
.bordercolor
.quote
.code
.menubg
#pagedropmenu
.newstitlebg

To add a different background to the board put this in your board header:
<style type="text/css">
<!--
body{
font-family: Verdana,Arial;
font-size:12px;
margin: 0px;
padding: 0px;
background-image: url(http://yourbackgroundimage.png);
}
-->
</style>

If you wanted to add a different background color and font used for your categories you'd add the blue.

<style type="text/css">
<!--
body{
font-family: Verdana,Arial;
font-size:12px;
margin: 0px;
padding: 0px;
background-image: url(http://yourbackgroundimage.png);
}
.catbg{font-family: 'Noto Sans', sans-serif;
background-color: #000000;
color: #ffffff;
}
-->
</style>

This is a good place to learn css. It is easy to learn:
www.w3schools.com/css/default.asp

When you use differen't fonts many people won't see them unless they are loaded on their computer. But if you use Google fonts and click quick use, they will give you a link to the font to put at the top of your headers and then an example of how to put it in your css style sheet.

Example, I grabbed the very fist font listed on Google fonts and put this...

<link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>

....at the top of my header and then used it in the catbg class above in the blue;

Hope that helps.

[Skidjit]

OH Cool! Thank you so much. I'll give this a go here in a little while and let you know how it turns out. Sounds like this will be fun.

[Skidjit]

I'm Lovin this! Thanks!

[Tumbleweed]

Have you tried V5 yet? You'll love that even more!

[Skidjit]

Yeah. I've signed up for it. I've done a little tinkering about on my duplicate site. I'm still waiting on a code to be updated so I can try it out over there. My friends have been invited to try v5. They are not much for change, but I knew that going in. I think once life stops throwing some of my major members for a loop, we will get things going again to where they might actually post at the new place. Which reminds me I need to go bump a question over at the betazone boards. Tootles! And thanks again.