KODSİSTEMİ

hazircss3

KODSİSTEMİ
www.kodsistemi.tr.gg
Hazır css tasarımları-css tasarımları-hazır website tasarımları

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="mydesignpage_design"></div>

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
 

CSS KODU BÖLÜMÜNE
KOD:
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #counter {display: none;} a{ color:#4A9AF6; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 13px; text-decoration: none;} body { background-color:#ffccff;} *{ padding: 0; margin: 0; } #mydesignpage_design { margin: 0 auto; width: 980px; height:500px; background-image:url( BILD_URL);} #header_container { position: absolute; left: 50%; top:50px; margin-left:-490px; width: 980px; height:120px; background-color:#; background-image:url(http://img206.imageshack.us/img206/6170/kodsistemitrgg18rk7.png); color:#FFFFFF; font-size:13px; border: 2px solid #ffff00;} #content { position: absolute; left: 50%; top: 174px; margin-left:-325px; width: 621px; height: 457px; border-bottom-width :15px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/2805.gif); border: 2px solid #ffff00; overflow:auto;} #sidebar_container{ position: absolute; left: 50%; top:174px; margin-left: 320px; width: 170px; height: 480px; border-bottom-width :15px; background-color:#606060; background-image:url(http://www.bilderspeicher24.de/bilder/3266.jpg); border:2px solid #ffff00; color:#cccccc; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:174px; margin-left: -490px; width: 160px; height: 480px; border-bottom-width :15px; background-image:url(http://www.bilderspeicher24.de/bilder/3265.jpg); border:2px solid #ffff00;overflow:auto;} ul#nav{ width: 130px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:9px; width: 115px;} li.nav_element a{ display: block; width: 115px; height: 15px; padding:4px; font-black: bold; text-decoration: none; text-align:center; color:#000000; background-color:#ffffff; background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/av2.jpg); border: 1px solid #404040;} li.nav_element a:hover { color: #000000; background-color:#000000; background-image:url(http://www.alnumel.com/-%20Buttons_dosyalar/klick12.jpg);} #counter { position: absolute; left: 50%; top:48px; margin-left: 340px; width: 150px; height:37px; color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;}