Bunları tr.gg adresinde kullanabilirsiniz Tasarım Ayarlarına Girip Sonda Css Design i seçtikten sonra Gelişmiş Ayarlararına tıklayınız...
Counter Strike 1.6Tasarım Üzerindeki Kod:<div id="conntainer">
<div id="header"></div>
<div id="menu">
<ul>
<li><a href="http://www.freewebsitetemplates.com">home</a></li>
<li><a href="http://www.freewebsitetemplates.com">about me</a></li>
<li><a href="http://www.freewebsitetemplates.com">members</a></li>
<li><a href="http://www.freewebsitetemplates.com">services</a></li>
<li><a href="http://www.freewebsitetemplates.com">links</a></li>
<li><a href="http://www.freewebsitetemplates.com">contact</a></li>
</ul>
<h1>About our clan</h1>
<h2>Team roster</h2>
</div>
<div id="main"><br />
<div id="conntent">
<div id="left">
Tasarım Altındaki Kod:</div>
<div id="right">
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Cyberstriker</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Swatman</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Hunter</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Cosmic</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member2.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Wolfcry</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member1.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Blade</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member4.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Zerocool</a></span>
</div>
<div class="member">
<a href="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/counterstrike2/images/member3.gif" alt="member" /></a>
<span><a href="http://www.freewebsitetemplates.com">Newbie</a></span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<br /><br />
<ul>
<li><a href="http://www.freewebsitetemplates.com">home</a></li>
<li><a href="http://www.freewebsitetemplates.com">about me</a></li>
<li><a href="http://www.freewebsitetemplates.com">members</a></li>
<li><a href="http://www.freewebsitetemplates.com">services</a></li>
<li><a href="http://www.freewebsitetemplates.com">links</a></li>
<li class="lastchild"><a href="http://www.freewebsitetemplates.com">contact</a></li>
</ul>
<span>
counter strike 2006. All rights reserved.</span> </div>
</div>
Css Koduna Yerleştirin: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/counterstrike2/images/background.gif);
color: #000000;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size: 12px;
margin: 0px;
padding: 0px;
}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#conntainer {
margin: 0px auto;
text-align: left;
width: 780px;
}
a {
color: #000000;
font-family: Arial, Helvetica, sans-serif, Verdana;
font-size: 12px;
}
/********************** Header ***************************/
#header {
margin: 0px 0px 0px 0px;
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/header.jpg);
background-repeat:no-repeat;
width:768px;
height:262px;
}
#menu {
position:relative;
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/menu.jpg);
background-repeat:no-repeat;
width:768px;
height:117px;
}
#menu ul{
position:absolute;
top:30px;
left:265px;
}
#menu li{
float:left;
display:inline;
padding: 0px 0px 0px 10px;
}
#menu a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
text-transform: uppercase;
color: #d8cd8d;
text-decoration: none;
}
#menu a:hover{
color:#3e3c27;
}
h1,h2,h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bolder;
text-transform: uppercase;
color: #171508;
}
h1,h2 {
position:absolute;
top:94px;
}
h1 {
left:241px;
}
h2 {
right:75px;
}
h3 {
margin: 15px 0px 0px 30px;
border-bottom: solid 1px #625d3b;
}
/********************** Main ***************************/
#main {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/main_bg.gif);
background-repeat: repeat-y;
display:block;
width:768px;
height:auto;
}
#conntent {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/content_bg.gif);
background-repeat: repeat-y;
width:768px;
}
/********************** Left - Text ***************************/
#left {
float:left;
width:490px;
}
#left p{
padding: 5px 10px 10px 30px;
}
#left a:hover{color:#d8cd8d;}
/********************** Right - Team ***************************/
#right {
float:right;
width:230px;
}
.member {
display:inline;
float:left;
margin-left:10px;
}
.member a{
font-size: 12px;
font-weight: bold;
color: #f5f1d1;
text-decoration: none;
}
.member img{
border: none 0px;
}
.member span{
display:block;
text-align:center;
padding: 2px 0px 13px 0px;
text-transform: uppercase;
}
.member span a{}
.member span a:hover{}
/********************** Footer ***************************/
#footer {
background-image:url(http://www.freewebsitetemplates.com/preview/counterstrike2/images/footer_bg.jpg);
background-repeat:no-repeat;
width:768px;
height:97px;
text-align:center;
float:left;
clear:both;
}
#footer ul{
}
#footer li{
display:inline;
float:none;
text-align:center;
padding: 0px 10px 0px 10px;
border-right: solid 1px #908a68;
}
.lastchild{
border-right: 0px none !important;
}
#footer a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
color: #908a68;
text-decoration: none;
}
#footer a:hover{text-decoration: underline;}
#footer span{
font-size: 9px;
font-weight: bold;
color: #18160e;
margin:10px;
display:block;
}
