KODBANKS ®

Mavi-siyah css tasarım

Mavi-Siyah CSS tasarım

Tasarım s0074006e0065:

<div id="conntainer">
<div id="header">
</div>
<div id="border">
<div id="main">
<div id="left">
<div id="menu">
<ul>
<li><a href="ADRES" _fcksavedurl="ADRES">ANASAYFAM</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK </a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK </a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
<li class="lastchild"><a href="ADRES" _fcksavedurl="ADRES">LİNK</a></li>
</ul>
</div>
<div id="menubottom">
<ul>
<li><a href="ADRES" _fcksavedurl="ADRES">Ziyaretci defteri</a></li>					<li> 
<script language="JavaScript" type="text/javascript" src="www.indexhtmlkodu.tr.gg/zsayac.php?url=huzunsevenler.tr.gg"></script> </li>
</ul>
</div>
</div>
<div id="right">
<div class="conntent">
<h3> </h3>

Tasarım altına:

</div>
<div class="product">
<h3>Products</h3>
<a href="http://e-zonguldak.tr.gg/" _fcksavedurl="http://e-zonguldak.tr.gg/"><img src="http://img705.imageshack.us/img705/4405/ezonguldak.gif" _fcksavedurl="http://img705.imageshack.us/img705/4405/ezonguldak.gif" alt="Zonguldak haberleri" /></a>
<a href="DOST SİTENİN ADRESİ" _fcksavedurl="DOST SİTENİN ADRESİ"><img src="Dost site RESİM adresi" _fcksavedurl="Dost site RESİM adresi" alt="Dost site" /></a>
<a href="DOST SİTENİN ADRESİ" _fcksavedurl="DOST SİTENİN ADRESİ"><img src="Dost site RESİM adresi" _fcksavedurl="Dost site RESİM adresi" alt="Dost site" /></a>
<a href="DOST SİTENİN ADRESİ" _fcksavedurl="DOST SİTENİN ADRESİ"><img src="Dost site RESİM adresi" _fcksavedurl="Dost site RESİM adresi" alt="Dost site" /></a>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div id="copyright">
<a href="http://kodbanks.tr.gg/" _fcksavedurl="http://kodbanks.tr.gg/" target="_blank"><img src="http://img191.imageshack.us/img191/4007/kodbankscopyrighty.gif" _fcksavedurl="http://img191.imageshack.us/img191/4007/kodbankscopyrighty.gif" alt="Tasarım sitesi" border="0"/></a>
</div>
<div id="payment"><a href="http://kodbanks.tr.gg" _fcksavedurl="http://kodbanks.tr.gg"> <img src="http://img195.imageshack.us/img195/3913/kodbanksheaderbslk.gif" _fcksavedurl="http://img195.imageshack.us/img195/3913/kodbanksheaderbslk.gif" alt="Kod Bankası" /></div>
</div>
<div id="footerend"></div>
</div>
<style></style><div><a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="new"></a></div> <a href="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" _fcksavedurl="http://kodbanks.tr.gg/Arkaplan-kodlar%26%23305%3B-s.ue.per.htm" target="_blank"><img src="http://img192.imageshack.us/img192/5536/kodbanksicons.gif" _fcksavedurl="http://img192.imageshack.us/img192/5536/kodbanksicons.gif" _fcksavedurl="http://img192.imageshack.us/img192/5536/kodbanksicons.gif" style="position:absolute; left:0px; top: 0px;" border="0"></a>
<style>
a.asagi {
position:fixed;
bottom:15px;
right:20px;
font:11px arial;
text-transform:uppercase;
}
</style>
</style>
<a href="#" _fcksavedurl="#" _fcksavedurl="#" class="asagi"><img src="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" _fcksavedurl="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" _fcksavedurl="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" border="0" title="Yukarı" /></a>

Css koduna:

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 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
text-align:center;
background-color:#5ba0d6;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#conntainer {
margin: 0px auto;
text-align: left;
width: 979px;
}
#header {
background-image:url(http://img191.imageshack.us/img191/4914/kodbanksheader.jpg);
width:979px;
height:232px;
display:block;
}
#border {
background-image:url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/border.gif);
background-repeat: repeat-y;
width:979px;
}
#main {
background-image:url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/contentbg.gif);
background-color:#abe4fe;
margin: 0px 12px 0px 10px;
background-repeat: repeat-x;
}
#left {
width:261px;
float:left;
display:inline;
background-image:url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/contentbg.gif);
background-color:#abe4fe;
}
#right {
float:right;
width:580px;
}
/***************** Content ***********************/
.conntent {
width:530px;
}
.conntent h3 {
background-image:url(http://img7.imageshack.us/img7/549/kodbankswelcome.gif);
background-repeat:no-repeat;
width:520px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.conntent p {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: italic;
color: #003a65;
padding: 10px 0px 0px 6px;
font-weight:900;
}
.conntent a {
color:#2e260f;
}
.conntent a:hover {
color:#cf0002;
}
.product {
width:530px;
margin: 20px 0px;
}
.product h3 {
background-image:url(http://img195.imageshack.us/img195/8602/kodbanksproducts.gif);
background-repeat:no-repeat;
width:530px;
height:33px;
text-indent:700px;
overflow:hidden;
border-bottom: 1px dashed #2e2304;
margin: 10px 0px 15px 0px;
padding: 0px 0px 10px 0px;
}
.product a {
border: 1px solid #6698bd;
display:inline;
float:left;
margin: 6px 0px 6px 11px;
}
.product a:hover {
border: 1px solid #c40000;
}
.product img {
border: 6px solid #ffffff;
}
/***************** Menu ***********************/
#menu {
background-image:url(http://img138.imageshack.us/img138/7683/kodbanksmenu.jpg);
width:261px;
height:449px;
margin-left:93px;
}
#menu ul {
padding: 30px 0px 0px 0px;
width:220px;
margin-left:15px;
}
#menu li {
background-image: url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/arrow.gif);
background-repeat: no-repeat;
background-position: right center;
border-bottom: 1px dotted #2e2304;
list-style-type: none;
padding: 4px 30px 4px 0px;
text-align:right;
}
#menu a {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: 900;
color: #2e260f;
text-decoration: none;
font-size: 12px;
}
#menu a:hover {
color:#c40000;
}
.lastchild{
border-bottom: none !important;
}
#menubottom {
background-image:url(http://img7.imageshack.us/img7/6927/kodbanksmenubottom.jpg);
background-repeat:no-repeat;
width:261px;
height:76px;
margin-left:93px;
}
#menubottom ul {
padding: 20px 0px 0px 0px;
width:240px;
margin-left:15px;
}
#menubottom li {
float:left;
display:inline;
width:77px;
text-align:center;
}
#menubottom a {
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight: bolder;
font-size:10px;
color: #6e6b53;
text-transform: uppercase;
}
#menubottom a:hover {
color:#c40000;
}
/***************** Footer ***********************/
#footer {
background-color:#8bcaef;
background-image:url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/borderfooter.gif);
height:74px;
width:979px;
}
#footerend {
background-image:url(http://www.freewebsitetemplates.com/preview/saltandsoap/images/borderfooterend.gif);
background-repeat: no-repeat;
width:979px;
height:9px;
display:block;
}
#copyright {
background-image:url(http://img7.imageshack.us/img7/4442/kodbankscopyright.jpg);
background-repeat:no-repeat;
width:220px;
height:43px;
display:inline;
margin-left:103px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 800;
color: #463d16;
padding: 30px 20px 0px 20px;
text-align:center;
}
#copyright a {
font-family: Arial, Helvetica, sans-serif;
color: #463d16;
}
#payment {
float:left;
display:inline;
margin: 10px 0px 20px 135px;
}
#payment img {
border: none;
}

Mavi-siyah css tasarım

İki insan Çeşidi Vardır: Zaman Geçtikçe Hatalarıyla Yüzleşen, Zaman Geçtikçe Yüzsüzleşen...!