| QUOTE |
| html { overflow-x: hidden; overflow-y: auto; } form { display:inline; } img { vertical-align:middle; border:0px } BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFFFFF } TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; } a:link, a:visited, a:active { text-decoration: underline; color: #000 } a:hover { color: #465584; text-decoration:underline } Purple: = Font Type - Text Type orange: = Font Size and Font Colour Red: = Background Colour For Your Forum Blue: Colour of font for links. Yellow: Colour of fonts for the hover over on links |
| QUOTE |
#ucpmenu { line-height:150%;width:22%; border:1px solid #345487;background-color: #F5F9FD } #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto } #ucpcontent p { padding:10px;margin:0px; } Red: This will change the background colour of your Controll Pannel. When you click on " My Assistant " or " My Controlls " this is the background colour of those. |
| QUOTE |
#ipsbanner { position:absolute;top:1px;right:5%; } #logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; } #submenu { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; } #userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA } Red: The width of Boarder round your banner at tp of forum |
| QUOTE |
.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px } .pformleft { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; } .pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; } red: This changes the colour of the 3 strips at the bottom of the forum. Titled Boad Statistics, Birthdays and Members online . Changes the colour of that strip. Blue: This is the colour of the text in those 3 bottom strips Yellow: This is the background colour of the left section in the " Reply " part of the forum. when you click on the reply button this is the background colour on the left section. Green:This is the background colour of the right/main section in the " Reply " part of the forum. when you click on the reply button this is the background colour on the right/main section. |
| QUOTE |
.post1 { background-color: #F5F9FD } .post2 { background-color: #EEF2F7 } .postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) } blue: this is the colour of the post box. The background colour of your reply to a post. |
| QUOTE |
.row1 { background-color: #F5F9FD } .row2 { background-color: #DFE6EF } .row3 { background-color: #EEF2F7 } .row4 { background-color: #E4EAF2 } Red: This changes the background colour on the main forum for sections " Topics " " Replies " and " Last post Infor. The three end sections on of the forum and also the 3 images bottom left of the forums main page. Birthday, claender and members online image Bg's. Blue: This section changes the background colour of the main forum sections " Forum " " Behind the Advertisement banner " " Forum Marker Bg " and also all the other strips at the bottom of the forum such as : Forum States, Members Online etc. |
| QUOTE |
.darkrow1 { background-color: #C2CFDF; color:#4C77B6; } .darkrow2 { background-color: #BCD0ED; color:#3A4F6C; } .darkrow3 { background-color: #D1DCEB; color:#3A4F6C; } Red: This will change the background colour of the forum section at the bottom of your posts. The strip bar that shows your www. aim. man. emai. and ip.. etc. Blue: this changes the background colour of the base of each forum section on the main page. Under the last forum in the section you have a bottom piece. this is what will be changed by changing this # Orange: this little section fits under the Blue section bove. On the posts section of the forum in the topic. this is used as a barrier between each post, the base of the first post it will sit. |
| QUOTE |
.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_sub.gif) } .titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #3A4F6C } Red: This is the image below the .titlemenue image. This section is the image that has the text on " Forum " " Topics " "Replies " "Last Post Info " This bar is an image used with a link that will be hosted by yourslef. eg. imageshack, host your image and insert the link to this section. Blue: And this is the colour of the text that will sit ont that image. |
| QUOTE |
.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif) } .maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #FFFFFF } .maintitle a:hover { text-decoration: underline } Red: This is your .maintitle. . .maintile means what it says, itis the main title of your fourum. so if you have 3 catagories like graphics database, resorces and help this red image url will be the image of the maintitle. you can create your own maintitle image and replace this yel you see here. Blue: This is your maintitle text colour. |
| QUOTE |
.plainborder { border:1px solid #345487;background-color:#F5F9FD } .tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% } .tablefill { border:1px solid #345487;background-color:#F5F9FD;padding:6px; } .tablepad { background-color:#F5F9FD;padding:6px } .tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px } Red: This is the tables boarder. By table board we mean the boarder round the forum. The edges of each section. You will have to play with these to see for yourself. |
