KODSİSTEMİ

Css tasarımlar-3

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:url(); 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:url(); 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:url(); 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;}

KIRMIZI CSS TASARIM

GÖRÜNÜM

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="Testdesign2"> <div id="Header_oben"><center><div style=" font-size: 15px; filter: Chroma(color=#ffff40); width: 495px; height: 45px; " align="center"><font color="#ffcc00" size="12"><marquee>KODSİSTEMİ</marquee></font></div></div> <div id="Streifen_oben">www.kodsistemi.tr.gg</div>  

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
<center><div id="Streifen_unten"></div>tasarım@<a href="http://kerimdemir.tr.gg">KODSİSTEMİ</a></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:#F2F2F2;} 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: #003300; display: block; margin: 5px; padding-left: 10px; text-decoration: none; width: 130px; height: 30px; background-image:url(); background-color: #9933ff;} li.nav_element a:hover{ color: #003300; display: block; margin: 5px; padding-left: 10px; text-decoration: none; width: 130px; height: 30px; background-image:url(); background-color: #66ffff;} * { padding: 0; margin: 0; } #Testdesign2 { margin: 0 auto; width: 922px;} #Header_oben { color: #333; 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://placespotting.com/google/igoogle/one/thumb.jpg);} #Streifen_oben { float: left; width: 900px; color: #333; padding: 10px; border: 1px solid #80807F; margin: 0px 0px 0px 0px; background: #0099ff;} #content { color: #333; border: 1px solid #80807F; margin: 0px 0px 0px 0px; padding: 10px; height: 460px; width: 549px; float: left; background: #E8E8E3; overflow:auto;} #nav_container{ float: left; overflow:auto; color: #333; border: 1px solid #80807F; margin: 0px 0px 0px 0px; padding: 10px; height: 460px; width: 160px; display: inline; background-image: url(http://skins.gmodules.com/ig/skin_fetch?type=2&url=http://placespotting.com/google/igoogle/one/thumb.jpg) ; } #Streifen_unten { width: 900px; clear: both; color: #333; border: 1px solid #80807F; background: #0099ff; margin: 0px 0px 10px 0px; padding: 10px;} #sidebar_container { height: 480px; width: 160px; background: ; background-image:url(http://skins.gmodules.com/ig/skin_fetch?type=2&url=http://placespotting.com/google/igoogle/one/thumb.jpg); color:#333 ; border: 1px solid #80807F; margin: 0px 0px 0px 0px; padding: 0px; float: right; overflow:auto;} #counter{ position: absolute; left: 300px; top: 655px; width:381px; height:200px; font-family:verdana; font-size:12px; color:#000000; background-color:#; border: 0px solid #000000;}