Kwama King
This message was updated on 8/11/2004 11:49:33 PM by Kwama King
|
Yet Another Society Template...
replied on: 8/11/2004 11:43:05 PM
I know you've seen a lot from me, most of them not-so good... Here's a simple one for you, that you just may like...
Hex Codes (drop down menu's)
Text: #CCCCCC
Table Heading Background: #444444
Table Heading Background: #CCCCCC
Message Table Background: #3333333
Message Table Text Color: #CCCCCC
Border-Color: #000000
This is the Stylesheet that goes in the "Head" Part of your forums control panel:
<style type="text/css">
<!--
body
{
background-color: #000000;
color: #FFFFFF;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
scrollbar-arrow-color: #CCCCCC;
scrollbar-face-color: #212121;
scrollbar-track-color: #333333;
scrollbar-highlight-color: #222222;
scrollbar-darkshadow-color: #444444;
scrollbar-base-color: #222222;
scrollbar-3dlight-color: #555555;
}
a:link, a:visited
{
color: #D25B00;
text-decoration: none;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active
{
color: #FFFFFF;
text-decoration: line-through;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover
{
color: #FFFFFF;
text-decoration: underline overline;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#tablemain
{
width: 800px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #333333;
border: 2px solid #000000;
}
.header
{
background-color: #444444;
color: #CCCCCC;
border-bottom: 1px solid #000000;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-top: 1px solid #000000;
font-weight: bold;
margin:0px;
text-align: center;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inner
{
color: #FFFFFF;
background-color: #333333;
border-right: 2px solid #000000;
border-left: 2px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 0px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.main
{
padding: 0px;
width: 200px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.forumholder
{
padding: 0px;
width:600px;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
img
{
border: 0px;
}
input
{
background-repeat: repeat-x;
border-bottom: 1px solid #555555;
border-right: 1px solid #555555;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
color: #FFFFFF;
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url(http://www.ratherwute.com/images/inputbg.gif);
}
select
{
color: #D25B00;
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
background-color: #000000;
border-bottom: 1px solid #555555;
border-right: 1px solid #555555;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
color: #FFFFFF;
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
li
{
color: #CCCCCC;
}
-->
</style>
Last but not least, this goes into the "Footer" part:
This bit goes into the "Header" part:
<br />
<table align="center" id="tablemain">
<tr>
<td align="center" class="header">
Technologically Advanced Gaming
</td>
</tr>
<tr>
<td align="center">
<table align="left" class="main" style="margin-top:12px;">
<tr>
<td align="center" class="header">Content</td>
</tr>
<tr>
<td align="center" class="inner">Put some content here... shoutbox, or anything..
</td>
</tr>
<tr>
<td class="header" align="center">More Content</td>
</tr>
<tr>
<td class="inner" align="center">Content goes here...</td>
</tr>
<tr>
<td class="header"> </td>
</tr>
</table>
<table align="right" class="forumholder">
<tr>
<td align="center">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="header">Created and Designed by <a href="http://www.chatarea.com/TechnologicallyAdvancedGaming.profile22381">Kwama King</a> © Copyright 2003 </td>
</tr>
</table>
You can take the copyright out, I just threw that in there for fun. 
ALSO, apply that stylsheet to the main part of the forum, and you can also apply it to the forums inside your forum, but instead of the "Header" part, use this after the stylesheet:
<table align="center" id="tablemain">
<tr>
<td align="center" class="header">
Technologically Advanced Gaming
</td>
</tr>
<tr>
<td align="center">
<table align="right" class="forumholder">
<tr>
<td align="center">
And apply the footer accordingly, as you did the main page..
Here is a screenshot of what this will look like (with content):
(This was taken in Mozilla 1.7.1 So, If you're an Internet Explorer User, you will see Scrollbars.. Other than that, it will look the same.  )
One last thing, the screenshot was saved in paint, so the colors don't look so good.. So if you want a real look at it, with your monitors colors, go here: http://www.chatarea.com/technologicallyadvancedgaming
Thanks, -KK
|
