KODBANKS ®

Yeşil siyah css tasarım

Yeşil siyah CSS tasarım

Yeşil siyah tasarım kodu:
Tasarım üzerine:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" class="bgmain"><table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="780" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" rowspan="2" class="loginbg"><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" alt="spacer" height="15"/><center>
<input name="textfield" type="text" size="13" />
<input name="textfield2" type="text" size="13" />
<input type="submit" name="Submit" value="Login!" />
</center></td>
<td colspan="4" style="font-size:9px; color:#afafaf; padding-top:3px;">Kodbanks-Sitenizi kurarken yardımcı adresiniz</td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="1" height="25" alt="1" /></td>
</tr>
<tr>
<td colspan="4" rowspan="2"> </td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="1" height="15" alt="1" /></td>
</tr>
<tr>
<td colspan="3"><img src="http://www.zymic.com//free-templates/live-previews/121/images/top_logo.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/top_logo.gif" alt="logo" width="368" height="83" border="0" usemap="#Map" /></td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="1" height="83" alt="1" /></td>
</tr>
<tr>
<td class="navt1"> <a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">Anasayfa</span></span></span></a> </td>
<td class="navt2"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">LİNK ADI</span></span></span></a></td>
<td colspan="2" class="navt3"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">LİNK ADI</span></span></span></a></td>
<td class="navt4"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">LİNK ADI</span></span></span></a></td>
<td class="navt5"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">LİNK ADI</span></span></span></a></td>
<td class="navt6"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #ffffff">LİNK ADI</span></span></span></a> </td>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="1" height="41" alt="1" /></td>
</tr>
<tr>
<td colspan="7" valign="top" class="mcbg">
<img src="http://www.zymic.com//free-templates/live-previews/121/images/header_11.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/header_11.gif" width="779" height="24" alt="header" />
<table width="100%" border="0" cellspacing="8" cellpadding="0">
<tr>
<td width="152" valign="top"><img src="http://www.zymic.com//free-templates/live-previews/121/images/navigation.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/navigation.gif" alt="navigation" width="152" height="26" />
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="http://mavibank.tr.gg/" _fcksavedurl="http://mavibank.tr.gg/">Anasayfa</a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI</a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI</a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI</a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI</a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI </a>
</td>                    </tr>
<tr>
<td class="navoff" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.className%3D'navon'%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.className%3D'navoff'%22"><a href="ADRES" _fcksavedurl="ADRES">LİNK ADI</a>
</td>                    </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="leftcolheader">Statistics</td>
</tr>
<tr>
<td class="lcolbg">

<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<script language="JavaScript" type="text/javascript" src="http://www.hurriyete.com/zsayac.php?url=SİTE ADRESİNİZ"></script><center><a href="http://kodbanks.tr.gg/Online-ki%26%23351%3Bi-sayac%26%23305%3B.htm" _fcksavedurl="http://kodbanks.tr.gg/Online-ki%26%23351%3Bi-sayac%26%23305%3B.htm"><span style="font-size: 20"><span style="font-family: Times New Roman"><span style="color: #000000">Sitene ekle</a></center></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/bottom_col_foot.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/bottom_col_foot.gif" alt="footer" width="152" height="7" /></td>
</tr>
</table></td>
<td width="368" valign="top"><div align="center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="mcheader">Kodbanks.tr.gg</td>
</tr>
<tr>
<td class="maincbbg"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>

Tasarım altına

</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/mcb_footer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/mcb_footer.gif" alt="footer" width="368" height="10" /></td>
</tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="mcheader"><a href="http://kodbanks.tr.gg/" _fcksavedurl="http://kodbanks.tr.gg/"><span style="color: #ffffff">Hakkımızda</a></td>
</tr>
<tr>
<td class="maincbbg"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Buraya site hakkında yazı veya banner.</td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/mcb_footer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/mcb_footer.gif" alt="footer" width="368" height="10" /></td>
</tr>
</table>
</div></td>
<td width="212" valign="top"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="rightboxheader">Recent Picture </td>
</tr>
<tr>
<td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/recentpic.jpg" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/recentpic.jpg" alt="Grand Conyon 2005 - taken by Jack Cator" width="200" height="150" />
<center>
</center></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="rightboxheader">Example Poll </td>
</tr>
<tr>
<td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><img src="http://www.zymic.com//free-templates/live-previews/121/images/example_poll.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/example_poll.gif" alt="example poll" /></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="rightboxheader">Tasarım uygulama </td>
</tr>
<tr>
<td class="rightcolboxbg"><table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><a href="http://www.kodbanks.tr.gg/" _fcksavedurl="http://www.kodbanks.tr.gg/" target="_blank"><img src="http://img710.imageshack.us/img710/4213/kodbanksbslkyazi.gif" _fcksavedurl="http://img710.imageshack.us/img710/4213/kodbanksbslkyazi.gif" alt="Kod siteniz" width="88" height="31" border="0" longdesc="http://www.zymic.com" /></a>
</div>
<center>
</center></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/footer_right_box.gif" alt="footer" width="215" height="9" /></td>
</tr>
</table></td>
</tr>
</table>

<table width="775" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="crbg"><div align="center">Copyright © 2008 <a href="http://www.zymic.com/free-templates/" _fcksavedurl="http://www.zymic.com/free-templates/">Free Templates</a> by <a href="http://www.zymic.com" _fcksavedurl="http://www.zymic.com">Zymic</a> - <a href="http://www.zymic.com/free-web-hosting/" _fcksavedurl="http://www.zymic.com/free-web-hosting/">Free Web Hosting</a> - Best Viewed in <a href="http://www.mozillafirefox.us" _fcksavedurl="http://www.mozillafirefox.us">Mozilla Firefox</a> </div></td>
</tr>
</table>

</td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="1" height="24" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="131" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="131" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="106" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="23" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="131" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="130" height="1" alt="" /></td>
<td>
<img src="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" _fcksavedurl="http://www.zymic.com//free-templates/live-previews/121/images/spacer.gif" width="127" height="1" alt="" /></td>
<td></td>
</tr>
</table>          </td>
</tr>
</table></td>
</tr>
</table>
<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

table {margin-left: auto;margin-right: auto}
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 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/bgmain.gif);
margin: 0px;
}
td {
font-size: 10px;
}
.navon {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/nav_on.gif);
background-repeat: no-repeat;
background-position: left;
height: 23px;
width: 152px;
text-indent: 25px;
}
.bgmain {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/main_bg2.gif);
background-repeat: repeat-x;
height: 287px;
}
.loginbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_01.gif);
background-repeat: no-repeat;
height: 40px;
width: 368px;
}
.navt1 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_05.gif);
height: 41px;
width: 131px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
}
a:link {
color: #000000;
text-decoration: none;
}
.navt2 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_06.gif);
height: 41px;
width: 129px;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.crbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/crbg.gif);
height: 22px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
color: #FFFFFF;
}
.navt3 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_07.gif);
height: 41px;
width: 129px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
}
.navt4 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_08.gif);
width: 131px;
height: 41px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
}
.navt5 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_09.gif);
width: 130px;
height: 41px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
}
.navt6 {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/header_10.gif);
height: 41px;
width: 127px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
padding-bottom:7px;
}
.mcbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/mcbg.gif);
background-repeat: repeat-y;
width: 779px;
padding: 0px;
}
.navoff {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/nav_off.gif);
text-indent: 20px;
height: 23px;
width: 152px;
background-repeat: no-repeat;
font-weight: bold;
}
.leftcolheader {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/left_box_head.gif);
background-repeat: no-repeat;
height: 26px;
width: 151px;
color: #FFFFFF;
text-indent: 20px;
padding-top: 6px;
}
.lcolbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/lcolmcbg.gif);
background-repeat: repeat-y;
width: 152px;
padding-top: 3px;
}
.mcheader {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/mc_header.gif);
background-repeat: no-repeat;
height: 21px;
width: 368px;
text-indent: 20px;
color: #FFFFFF;
font-weight: bold;
}
.rightboxheader {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/right_col_header.gif);
background-repeat: no-repeat;
height: 22px;
width: 215px;
text-indent: 20px;
padding-top: 1px;
color: #FFFFFF;
}
.rightcolboxbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/right_col_box_bg.gif);
background-repeat: repeat-y;
width: 215px;
padding-top: 4px;
}
.maincbbg {
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/mcb_bg.gif);
background-repeat: repeat-y;
width: 368px;
}
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-image: url(http://www.zymic.com//free-templates/live-previews/121/images/input_bg.gif);
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
text-indent: 3px;
margin: 0px;
padding: 0px;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}

Yeşil 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...!