KODBANKS ®

css rock tasarım

Css rock tasarım

Rock tasarım
Rock tasarım kodu:
Tasarım üstüne

<div id="wrapper">
<div id="body">
<div id="head"></div>
<div id="topnav">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a> | <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Sitemap</a>
</div>
<h1><img src="http://img6.imageshack.us/img6/9737/kodbankslogo.jpg" _fcksavedurl="http://img6.imageshack.us/img6/9737/kodbankslogo.jpg" width="401" height="271" alt="Logo" /></h1>
<div id="nav">
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/m1.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/m1.gif" width="101" height="65" alt="M1" /></a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/m2.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/m2.gif" width="97" height="65" alt="M2" /></a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/m3.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/m3.gif" width="97" height="65" alt="M3" /></a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/m4.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/m4.gif" width="97" height="65" alt="M4" /></a>
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/m5.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/m5.gif" width="94" height="65" alt="M5" /></a>
</div>
<div id="left-box">
<div class="inner">
<img src="http://img341.imageshack.us/img341/6959/kodbankspic1.jpg" _fcksavedurl="http://img341.imageshack.us/img341/6959/kodbankspic1.jpg" width="271" height="132" alt="Barış Akarsu" />
<h2><img src="http://www.freewebsitetemplates.com/preview/partytime/images/h_free_drink_party_on.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/h_free_drink_party_on.gif" width="252" height="33" alt="Free Drink Party On" /></h2>
<p class="date">27/12/2009</p>
<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>
</div>
<div id="conntent">
<div id="conntent-bot">
<div class="inner">
<h2><img src="http://www.freewebsitetemplates.com/preview/partytime/images/h_our_party_news.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/h_our_party_news.gif" width="193" height="33" alt="Our Party News" /></h2>

Tasarım altına

</div>
</div>
</div>
<div id="tray">
<div class="redbox first">
<h2><img src="http://www.freewebsitetemplates.com/preview/partytime/images/h_night_party.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/h_night_party.jpg" width="217" height="109" alt="Night Party" /></h2>
<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>
<ul>
<li>Nam congue dolor ut enim.</li>
<li>In consequat laoreet dui.</li>
<li>Pellentesque faucibus velit et urna.</li>
</ul>
</div>
<div class="redbox">
<h2><img src="http://www.freewebsitetemplates.com/preview/partytime/images/h_our_djs.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/h_our_djs.jpg" width="216" height="109" alt="Our Dj's" /></h2>
<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>
<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><br />
<a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/partytime/images/details.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/details.jpg" width="66" height="42" alt="Details" id="details" /></a>
</div>
<div class="redbox last">
<h2><img src="http://www.freewebsitetemplates.com/preview/partytime/images/h_next_party.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/partytime/images/h_next_party.jpg" width="216" height="109" alt="H Next Party" /></h2>
<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>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p>
<br />
</div>
<div class="clear"></div>
<div class="divider"></div>
</div>
<div id="footer">
Copyright @ 2009,Ermans <a href="http://www.kodbanks.tr.gg" _fcksavedurl="http://www.kodbanks.tr.gg">Kodbanks</a>, All rights Reserved.
</div>
</div>
</div>
<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;}
html, body, h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
}
h1 img {
display: block;
}
img {
border: 0px;
}
a {
color: #FF7F00;
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: #0D0D0D;
text-align: center;
font: 12px arial, sans-serif;
color: #989898;
}
#wrapper {
text-align: left;
margin: auto;
width: 778px;
background: #181818;
}
#body {
position: relative;
margin-left: 4px;
}
#head {
position: absolute;
top: 0px;
left: 401px;
width: 370px;
height: 266px;
background: url(http://img341.imageshack.us/img341/9633/kodbanksrockheader.jpg) no-repeat;
}
#topnav {
position: absolute;
top: 41px;
left: 22px;
}
#topnav a {
font-weight: normal;
color: #989898;
}
#topnav a:hover {
color: white;
}
#left-box {
position: absolute;
top: 271px;
left: 0px;
width: 285px;
height: 319px;
background: #131212 url(http://www.freewebsitetemplates.com/preview/partytime/images/left_bg.jpg) repeat-x;
}
#left-box .inner {
padding: 20px 0px 0px 8px;
}
#left-box h2 {
margin: 10px 0px 0px 0px;
}
#left-box p.date {
font-weight: bold;
}
#left-box p {
margin: 3px 2.5em 1em 1.3em;
}
#nav {
position: absolute;
top: 271px;
left: 285px;
width: 486px;
}
#nav img {
float: left;
}
#conntent {
position: absolute;
top: 336px;
left: 285px;
width: 486px;
height: 254px;
background: #1E1E1E top left url(http://www.freewebsitetemplates.com/preview/partytime/images/left_shadow.jpg) no-repeat;
}
#conntent-bot {
background: bottom url(http://www.freewebsitetemplates.com/preview/partytime/images/body_bg.gif) repeat-x;
height: 254px;
margin-left: 1px;
overflow: auto;
}
#conntent .inner {
padding: 10px 27px;
}
#conntent .date {
margin-top: 0.5em;
}
#conntent p {
margin: 0.9em;
}
#tray {
margin-top: 330px;
border: 1px solid #181818;
}
#tray .redbox {
float: left;
width: 217px;
_height: 279px;
min-height: 279px;
background: #800000 url(http://www.freewebsitetemplates.com/preview/partytime/images/red_bg.jpg) repeat-x;
margin-left: 11px;
padding-top: 19px;
padding-left: 16px;
padding-right: 16px;
color: #CFCFCF;
}
#tray .first {
margin-left: 0px;
}
#tray p {
margin-top: 1em;
margin-bottom: 1.4em;
padding-left: 2px;
}
ul {
margin: 0px 1em 0px 2em;
padding: 0px;
}
li {
padding: 0px;
margin: 1em 0px;
}
.divider {
background: bottom url(http://www.freewebsitetemplates.com/preview/partytime/images/footer_bg.gif) repeat-x;
height: 26px;
margin-right: 5px;
position: relative;
}
#details {
margin-top: -1.4em;
margin-bottom: -4em;
float: right;
}
#footer {
background: #101010;
text-align: right;
margin: 0px 7px 0px 2px;
padding: 18px 15px 15px 15px;
}

css rock 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...!