CSS SADE TASARIM
TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE KOD: <div id="Testdesign2"> <div id="Header_oben"><!---kodsistemi.tr.gg sagdan sola kayan yazi kodu baslangici---><font color="#ffcc00" size="12"><marquee>KODSİSTEMİ</marquee></font> <!---kodsistemi.tr.gg sagdan sola kayan yazi bitis kodu---></div> <div id="Streifen_oben">www.kodsistemi.tr.gg</div>
TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE KOD: <div id="Streifen_unten">KODSİSTEMİ</div></div> CSS KODU BÖLÜMÜNE KOD: h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-color:#66ff99;} a{color:#000080; font-size: 14px; text-decoration: none;} a:hover {color: #000080; font-size: 14px; text-decoration: none;} a:link {color: #000080; font-size: 14px; text-decoration: none;} a:active {color: #000080; font-size: 14px; text-decoration: none;} a:visited {color: #000080; font-size: 14px; text-decoration: none;} li.nav_element a{ color: #0066cc ; display: block; margin: 2px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color: #99ccff ;} li.nav_element a:hover{ color:#FFFFFF; display: block; margin: 2px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#000000;} * { padding: 0; margin: 0; } #Testdesign2 { margin: 0 auto; width: 922px;} #Header_oben { color: #9966cc; width: 900px; height: 60px; float: left; padding: 10px; border: 1px solid #80807F; margin: 10px 0px 0px 0px; background-image: url(http://skins.gmodules.com/ig/skin_fetch?type=2&url=http://hosting.gmodules.com/ig/gadgets/file/108872025019167115640/ig_thumb_lake.jpg); } #Streifen_oben { float: left; width: 900px; color: #9966cc; padding: 10px; border: 1px solid #80807F; margin: 0px 0px 0px 0px; background: #99ffcc;} #sidebar_container { height: 320px; width: 140px; background: #ffffcc ; background-image: none; border: 1px solid #ff66ff ; margin: 5px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #content { color: #3300ff ; border: 1px solid #80807F; margin: 5px 3px 0px 0px; padding: 10px; height: 320px; width: 567px; float: right; background: #ccccff ; overflow:auto;} #nav_container { float: right; color: #ff66ff ; border: 1px solid #ff66ff; margin: 5px 0px 0px 0px; padding: 10px; height: 320px; width: 140px; display: inline; background: #ffffcc ;} #Streifen_unten { width: 900px; clear: both; color: #333; border: 1px solid #80807F; background: #66ffff ; margin: 0px 0px 10px 0px; padding: 10px;} #counter{ position: absolute; left: 230px; top: 572px; width:481px; height:20px; font-family:verdana; font-size:12px; color:#000000; background-color:#; border: 0px solid #000000;} #counter{text-align:center;}