HELP PLEASE

[Midnight Butterfly]

Hi. I have good knowledge in html and so I thought it would be easy to make a forum layout, but I was wrong.

I am trying to create a layout for a small Charmed forum, turns out I am completely clueless to CSS Stylesheet things. Could someone please help me?

[willowsummers]

I'm a little rusty but I might can help. What do you need to know?

[Midnight Butterfly]

Jan 7, 2010 14:47:28 GMT -5 willowsummers said:

I'm a little rusty but I might can help. What do you need to know?

I'm using pro boards (same as this board uses) and don't know how to left align the links in the navigation bar at the top of the page, infact I don't know how to change the navigation bar colours either. Im kinda getting the hang of other things though.

[Midnight Butterfly]

Jan 7, 2010 19:34:51 GMT -5 said:

Pro-boards are pretty easy from my vague memory. But I always found their surrort boards a great place to ask for help. Did you do a quick search on their board?

Yeah, aparently it is set to left align by default. A CSS code I am using for something else is making it centred for some reason, I think I can work with it centred though. Didn't find out how to make the bar a different colour but I made it transparent, which I think is better.

I just think its kinda cool that at the start of the month I wanted to make a Charmed forum and then a week later there are news of a Charmed comic. Seems like the best timing

[willowsummers]

Go to view source from this board and see if you can tell how it was done here. Then just copy the same code with a different number for the color.

I'm not familiar enough with creating message boards, but this is close I believe.

<style type="text/css"><!--
body { font-family: Tahoma;font-size:12px; margin: 0px; padding: 0px; }
td { font-family: Tahoma; color: #000000; font-size:11px; }
input { font-family: Tahoma; font-size: 9pt; color: #000000; }
textarea { font-family: Tahoma; font-size: 9pt; color: #000000; }
select { font-family: Tahoma; font-size: 7pt; color: #000000; }
optgroup { font-family: Tahoma; font-size: 7pt; color: #000000; }
A:link { text-decoration: none; color: #333333; }
A:visited { text-decoration: none; color: #333333; }
A:hover { text-decoration: underline overline; color: #333333; }
.nav { font-size: 10px; text-decoration: none; color: #000000; }
.nav:link { font-size: 10px; text-decoration: none; color: #333333; }
.nav:visited { font-size: 10px; text-decoration: none; color: #333333; }
.nav:hover { font-size: 10px; text-decoration: none; color: #333333; text-decoration: underline; }
.windowbg { background-color: #ffffff; font-size: 11px; color: #000000; }
.windowbg2 { background-color: #ffffff; font-size: 11px; color: #000000; }
.titlebg { background-color: #222222; font-style: normal; font-weight: bold; font-size: 12px; color: #ffffff; }
.titletext A { color: #ffffff;}
.popuptitlebg { background-color: #222222; font-style: normal; font-weight: bold; font-size: 12px; color: #ffffff; }
.catbg { background-color: #d4d4d4; color: #cd0000; font-weight: bold; font-size: 13px; ; }
.hr { color: #000000; background-color: #000000;}
.bordercolor { background-color: #d4d4d4; }
.quote { font-size: 10px; color: #000000; background-color: #ffffff; }
.code { font-size: 10px; font-family: Courier New; color: #000000; background-color: #ffffff; }
.menubg { }
#pagedropmenu {border: 1px solid #d4d4d4; background-color: #ffffff; font-family: Verdana; font-size: 11px; padding: 5px; text-align: center;}
.newstitlebg { background-color: #222222; font-style: normal; font-weight: bold; font-size: 12px; color: #ffffff; }
--></style>
</head>

[Midnight Butterfly]

It didn't work. I think I seriously messed up my codes yesterday. But I messed them up in a good way, got them all mixed up accident but it made the forum look quite nice.

Thanks for the help guys. Karma