Gri Işık Teması


Turuncu manzara


Çılgın turuncu


Karanlık Şehir


Siyah Gökyüzü


Yeşil harita


Relax

Sade Pembe


Mavi HDTV


Siyah Party
 

Mavi Şehir


Bayrak teması


Egzotik turuncu


Mavi damla


Kuru Ağaçlar


Pembe kelebek

Yeşil çizgiler 

Css tasarımlar

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;}

----------------------------------------------
----------------------------------------------

KIRMIZI CSS TASARIM

GÖRÜNÜM





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

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
<center><div id="Streifen_unten"></div>tasarım@www.kodsistemi.tr.gg</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-image: none; background-color:#cccccc;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color: #ffffff; display: block; margin: 2px; padding-left: 0px text-decoration: none; width: 160px; height: 22px; background-image: none; background-color: #ff0066;} li.nav_element a:hover{ color: #6699cc; display: block; margin: 2px; padding-left: 0px text-decoration: none; width: 160px; height: 22px; background-image: none; background-color:#66ffcc;} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 900px;} #Header_oben { height: 78px; width: 890px; background: ; background-image:url(http://img74.imageshack.us/img74/6839/2kodsistemitrggbannerog7.jpg); color: #FFFFFF; border: 2px solid #cc0000; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 460px; background: color: #ff33ff; background-image: none; border: 1px solid #cc0000; margin: 3px 3px 3px 3px; padding: 0px; float: left;overflow:auto;} #content { height: 450px; width: 540px; background: color: #ff33ff; background-image: none; border: 1px solid #cc0000; margin: 3px 3px 3px 3px; padding: 5px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 460px; width: 160px; background: color: #ff33ff; background-image: none; border: 1px solid #cc0000; margin: 3px 3px 3px 3px; padding: 0px; float: left; overflow:auto;} #Streifen_unten { width: 870px; clear: both; color: #333; border: 2px solid #80807F; background: #ff0066; margin: 10px 0px 0px 0px; background-image: none; border: 2px solid #cc0000; padding: 10px;} #counter{ position: absolute; left: 330px; top: 716px; width:481px; height:20px; font-family:verdana; font-size:12px;



MAVİ 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: none; 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: none; 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;}