CssClup.Tr.Gg

4

Tasrımın Üstü
<body> <div id="wrapper"> <div id="header"> <h1>Beauty Salon</h1> <div id="search"> search <input type="text" name="q" value="" class="text" /> <input type="submit" name="s" value="go" /> </div> </div> <div id="body"> <div id="naw"> <div id="naw-bot"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">about us</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">services</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">portfolio</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact us</a></li> </ul> </div> </div> <div id="conntent"> <div id="beauty"> <h2>Beauty Tips</h2> <span>01</span> <p>Professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <span>02</span> <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p> <div class="clear"> </div> <img src="http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_4.jpg" width="123" height="53" alt="Pic 4" /> </div> <div class="main">
Tasarımın Altı
</div> <div class="main2"> </div> <div class="clear"> </div> </div> </div> <div id="privacy"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Privacy Policy</a> </div> <div id="footer"> Copyright statement goes here. All rights reserved </div> </div>
Css Kodu Bölümüne
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html, body, h1, h2, h3, h4 { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #990000; font-weight: bold; text-decoration: none; } a:hover { color: #FFA405; text-decoration: underline; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #000; text-align: center; font: 11px arial, sans-serif; color: #312F1A; } /** layout **/ #wrapper { text-align: left; margin: 20px auto; width: 714px; position: relative; } #header { background: top center url(http://www.freewebsitetemplates.com/preview/beautysalon/images/logo.jpg) no-repeat; padding-top: 51px; width: 252px; position: relative; } /** Header **/ h1 { color: #FDE7C2; background: #991111; border: 2px solid #C4B888; padding: 8px; text-align: center; font: 25px "Times new roman", sans-serif; font-style: italic; font-weight: normal; margin: 0 0 2px 21px; } #search { width: 148px; background: #E8E7DA url(http://www.freewebsitetemplates.com/preview/beautysalon/images/search_top.jpg) no-repeat; text-align: center; position: absolute; bottom: -1px; left: 558px; padding: 6px 0; } #search .text { width: 63px; } /** Body **/ #body { position: relative; width: 100%; } #naw { position: absolute; top: 0; left: 0; width: 252px; padding-top: 280px; background: url(http://www.freewebsitetemplates.com/preview/beautysalon/images/pic_1.jpg) no-repeat; } #naw ul { background: bottom right #991111 url(http://www.freewebsitetemplates.com/preview/beautysalon/images/nav_bot.jpg) no-repeat; margin: 0 7px 0 28px; padding: 5px 20px 15px 20px; } #naw li { list-style: none; background: bottom left url(http://www.freewebsitetemplates.com/preview/beautysalon/images/dots.jpg) repeat-x; } #naw a { color: #FDE7C2; font: 18px "times new roman", serif; font-style: italic; background: #991111; padding-right: 8px; } /** content **/ #conntent { background: #E8E7DA bottom right url(http://www.freewebsitetemplates.com/preview/beautysalon/images/body_bottom_right.jpg) no-repeat; width: 462px; margin-left: 254px; min-height: 278px; } #conntent .main, #conntent .main2 { float: right; width: 250px; margin-top: 14px; padding-right: 28px; } #conntent .main { padding-bottom: 1em; border-bottom: 1px solid #D6D3BA; } #conntent .main p, #conntent .main2 p { margin: 0em 1em 0 0; } #conntent .main2 .right { margin-left: 18px; } #conntent .main .clear, #conntent .main2 .clear { height: 20px; margin-bottom: -10px; } #beauty { float: right; width: 134px; border-left: 1px solid #D6D3BA; padding: 12px; background: top right url(http://www.freewebsitetemplates.com/preview/beautysalon/images/bogy_top_right.jpg) no-repeat; } #beauty span { float: left; width: 12px; font-size: 9px; clear: both; margin-top: 3px; } #beauty p { float: left; width: 110px; margin: 0 0 0.6em 0; padding: 0 0 0 1em; line-height: 1.3; } #beauty .clear { height: 10px; } h2 { font: italic 22px "Times new roman", serif; color: #991111; margin: 0 0 0.5em 0; } /** Footer **/ #footer { color: #E8E7DA; margin: 2px 0 0 275px; } #privacy { position: absolute; right: 8px; width: 148px; padding: 4px 0; text-align: center; background: #E8E7DA bottom left url(http://www.freewebsitetemplates.com/preview/beautysalon/images/footer_tab.jpg) no-repeat; } #privacy a { color: #000; font-weight: normal; }

Tasarımın Üstü

Tasarımın Altı

</div>
<div id="left">
<h3>Nunc pellentesque</h3>
<ul>
<li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li>
<li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li>
<li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li>
<li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li>
<li><a href="#" _fcksavedurl="#">Pellentesque at lorem</a></li>
</ul>
<h3>Lorem ipsum dolor</h3>
<p>Laoreet dolore magna aliquam erat volutpat. Exerci tation ullamcorper suscipit lobort ex ea commodo consequat. Duis autemr in het laoreet dolore magna aliquam erat volutpat.
<br />
<br />
Ut wisi enim ad minim veniam, quis ullamcorper suscipit lobortis nisl ut commodo consequat. Duis autemr in he<a href="#" _fcksavedurl="#">More...</a></p>
<br />
<h3>Calendar</h3>
<ul>
<li id="calendar">
<div id="calendar1">
<table id="calendar2" summary="Calendar">
<caption>
January 2008
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td>
<td class="pad"> </td>
<td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td>
</tr>
</tfoot>
<tbody>
<tr>
<td colspan="2" class="pad"> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td id="now">21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>27</td>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="2"> </td>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>
<div id="footer">
<p>Copyright © 2008. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><FCK:abbr title="Cascading Style Sheets">CSS</FCK:abbr></a></p>
<p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p>
</div>
</div>

Css Kodu Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
*
{
margin: 0px;
padding: 0px;
}
a:link {
color: #C24606;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:visited {
color: #C24606;
}
body {
background: #000000 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/back_all.jpg) no-repeat right top;
font: 13px Arial, Helvetica, sans-serif;
color: #000000;
margin-left: 30px;
margin-bottom: 20px;
}
#main
{
width: 653px;
background: #ffffff;
margin-top: 20px;
}
#header {
width: 653px;
height: 170px;
}
#menu
{
float: left;
width: 603px;
height: 43px;
padding-left: 50px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/menu.gif) no-repeat;
}
#menu ul {
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 113px;
height: 28px;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding-top: 15px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons.gif) no-repeat;
}
#menu a:hover {
width: 113px;
height: 28px;
color: #ff0000;
text-decoration: underline;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons_r.gif) no-repeat;
}
#logo {
width: 623px;
height: 100px;
padding-left: 30px;
padding-top: 19px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/header.gif) no-repeat;
}
#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #FFFFFF;
}
#logo H2 a
{
font-size: 12px;
}
#left
{
padding: 10px;
width: 185px;
}
#left H3
{
width: 170px;
height: 24px;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/title.gif) no-repeat
}
#left ul {
border: 0px;
margin-left: 10px;
margin-bottom: 10px;
list-style: none;
}
#left li  {
padding: 4px;
}
#left H4
{
font-size: 10px;
}
#left a {
color: #C24606;
font-size: 11px;
}
#left a:visited {
color: #037931;
font-size: 11px;
}
#left p
{
padding: 10px;
}
#calendar1 {
padding: 5px 10px 5px 10px;
}
#calendar table {
width: 100%;
text-align: center;
}
#calendar thead {
}
#calendar tbody td {
border: 1px solid #F1F1F1;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
#calendar tfoot a {
text-decoration: none;
font-weight: bold;
}
#calendar #now {
background: #696969;
border: 1px solid #ff0000;
font-weight: bold;
color: #ffffff
}
#right
{
width: 420px;
float: right;
padding-right: 10px;
}
#right ol, #right ul
{
margin-left: 30px;
}
#right H4
{
margin: 0;
padding: 0px;
font-size: 12px;
color: #037931;
}
#right a
{
color: #C24606;
text-decoration: none;
}
#right p {
margin: 0;
padding: 0;
padding-bottom: 10px;
}
#right h2 {
margin: 0;
padding: 0;
padding-top: 10px;
color: #C24606;
}
.date {
text-align: right;
color: #C24606;
font-size: 11px;
}
.date a {
color: #C24606;
}
#footer {
clear: both;
height: 47px;
clear: both;
padding-top: 20px;
background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/footer.gif) repeat-x bottom;
}
#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #C24606;
}
#footer a {
color: #C24606;
}

Tasarımın Üstü

<div id="conntainer">
<div id="header">
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li>
<li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li>
</ul>
</div>
<div id="conntent">
<div id="left">
<div class="menu">
<div class="menuheader"><h3>Menu</h3></div>
<div class="menucontent">
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Donations</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Downloads</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Feedback</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Shout_Box</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Surveys</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Ventrilo</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Web Links</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Your Account</a></li>
</ul>
</div>
<div class="menufooter"></div>
</div>
<div class="menu">
<div class="menuheader"><h3>Menu</h3></div>
<div class="menucontent">
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
<p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p>
<p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p>
</div>
<div class="menufooter"></div>
</div>
</div>
<div id="right">
<div class="menu">
<div class="menuheader"><h3>Team</h3></div>
<div class="menucontent">
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 1</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 2</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 3</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 4</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 5</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 6</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 7</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 8</a></span>
</div>
<div class="clear"></div>
</div>
<div class="menufooter"></div>
</div>
</div>
<div id="middle">
<div class="post">
<div class="postheader"><h1>Post title</h1></div>
<div class="postcontent">

Tasarımın altı

</div>
<div class="postfooter"></div>
</div>
</div>
</div>
<div id="footer">
<ul>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li>
<li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li>
<li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li>
</ul>
<span>Copyright © 2006 Call of duty 2. All rights reserved.</span>	</div>
</div>

Css Kodu Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/background.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
background-repeat: repeat-x;
background-color: #000000;
}
* {margin: 0px;padding: 0px;}
p {
padding: 10px 10px 10px 20px;
display:block;
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold
}
a {
color:#6b7272;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}
#conntainer {
margin: 0px auto;
text-align: left;
width: 860px;
}
#header{
height:304px;
width:777px;
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/header.jpg);
background-repeat: no-repeat;
margin-top: -30px;
z-index: -2px;
}
#conntent{
}
#left{
width:192px;
float:left;
}
#middle{
margin-left:206px;
margin-right:196px;
width:450px;
}
#right{
width:192px;
float:right;
}
/********************* menu ****************************/
.menuheader{
width:192px;
height:37px;
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif);
display:block;
}
.menucontent{
width:192px;
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif);
padding-top:10px;
background-repeat: repeat-y;
}.menuheader h3{
padding: 10px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.menufooter{
width:192px;
height:15px;
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif);
display:block;
}
.postheader,.menuheader{
color:#CCCCCC;
text-transform: uppercase;
}
/********************* post ****************************/
.post{
margin-bottom:15px;
}
.postheader{
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif);
display:block;
width:450px;
height:33px;
}
.postheader h1{
padding: 7px 0px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
}
.postcontent{
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif);
background-repeat: repeat-y;
padding: 20px 0px;
}
.postfooter{
background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif);
background-repeat: no-repeat;
display:block;
width:450px;
height:15px;
}
/********************* header ****************************/
#header{
position:relative;
}
#header ul{
position:absolute;
top:250px;
display:block;
left:190px;
}
#header ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
.last{
border-right: 0px none #6b7272 !important;
}
#header ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#header ul li a:hover{
text-decoration:underline;
}
/********************* footer ****************************/
#footer{
width:850px;
}
#footer ul{
display:block;
margin-left:190px;
}
#footer ul li{
display:inline;
text-align:center;
margin:auto;
width:auto;
border-right: 1px solid #6b7272;
}
#footer ul li a{
display:inline;
text-align:center;
text-decoration:none;
padding: 0px 10px;
text-transform: uppercase;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer span{
color:#525757;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align:center;
width:850px;
display:block;
padding: 15px 0px;
}
/********************* menu members ****************************/
.menu ul{
list-style-position: inside;
list-style-type: disc;
padding: 0px 0px 0px 20px;
color:#666666;
}
.menu ul li{
padding-top: 5px;
color:#666666;
}
.menu ul li a{
text-decoration:none;
padding: 0px;
text-transform: uppercase;
}
.menu ul li a:hover{
text-decoration:underline;
text-transform: uppercase;
}
.member{
display:inline;
float:left;
margin-left:10px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member img{
width:75px;
height:70px;
border: solid 2px #999999;
}
.clear{
clear:both;
}

Counter Strike

CssClup.Tr.Gg

4

Site Menu: