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;}
KODSİSTEMİ CSS TASARIMLAR 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: <div id="<center><a href="http://www.kodsistemi.tr.gg"><img border="0" src="http://img356.imageshack.us/img356/7716/kodsstemaltborsd9.png" alt="" /></a></center><strong> </strong></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:url(http://www.ww64.com/uploads/images/2008-07-25/dxy2q8zQAi.png);} 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: 0px; padding-left: 0px text-decoration: none; width: 170px; height: 29px; background-image:url(http://img165.imageshack.us/img165/6696/kodsistemibutonjw1.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 160px; height: 29px; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 916px;} #Header_oben { height: 100px; width: 916px; background: ; background-image:url(http://img176.imageshack.us/img176/6926/kodsistemibannereo4.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 170px; height: 480px; background: ; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 480px; width: 520px; background:; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 480px; width: 160px; background: ; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #counter{display: none;}
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: <div id="Feld_unten"><b> </b></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-image:url(http://www.manzararesimleri.net/manzararesimleri.net1/manzara/manzara-resimleri%20(114).jpg);} 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: #ffff00; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 155px; height: 36px; background-image:url(http://img399.imageshack.us/img399/2451/35155kodsistemitrggut1.png ); background-color:} li.nav_element a:hover{ color: #ff6666; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 155px; height: 39px; background-image:url(http://img210.imageshack.us/img210/8282/32935091ii5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 900px;} #Header_oben { height: 20px; width: 885px; background: ; background-image: none; color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 170px; height: 490px; background: ; background-image:url(http://img61.imageshack.us/img61/1125/29329807ey1.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 490px; width: 480px; background:; background-image:url(http://img413.imageshack.us/img413/2020/470520kodsistemitrggdt0.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 490px; width: 150px; background: ; background-image:url(http://img61.imageshack.us/img61/1125/29329807ey1.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;} KODSİSTEMİ.TR.GG CSS DESİNG GÖRÜNÜM TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE KOD: <div id="Design"> <div id="Header_oben">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;} #Header_oben { height: 100px; width: 920px; background: ; background-image:url(http://img206.imageshack.us/img206/6170/kodsistemitrgg18rk7.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} body {font-size 8px; font-family: Arial; margin-left: auto; margin-right: auto; background-image: none; background-color: #000000; } a{color:#ffffff; text-decoration: none;} a:hover {color: #ffffff; text-decoration: none;} a:link {color: #ffffff; text-decoration: none;} a:active {color: #ffffff; text-decoration: none;} a:visited {color: #ffffff; text-decoration: none;} ul#nav { margin: 0; border: 0 none; padding: 0; width: 890px; /*For KHTML*/ list-style: none; } ul#nav li { margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative; } li.nav_element a{ text-align: center; color:#FFff00; display: block; margin: 2px 2px 2px 2px; padding-left: 10px text-decoration: none; border: 2px solid #6E6E6E; width: 140px; height: 25px; background-image:url(https://img.webme.com/pic/o/om-designs/redfuturebutton.jpg); background-color: #FF0000;} li.nav_element a:hover{ text-align: center; color:#FF0000; display: block; margin: 2px 2px 2px 2px; padding-left: 10px text-decoration: none; border: 2px solid #6E6E6E; width: 140px; height: 25px; background-image:url(https://img.webme.com/pic/o/om-designs/redfuturebutton.jpg); background-color: #FFff00;} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 900px;} #nav_container { width: 900px; background: ; background-image: none; background-color: #EDFFC9; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; float: left;overflow:auto;} #content { width: 870px; background:; background-image:url(https://img.webme.com/pic/c/css-template/gsconback.jpg); color: #000000; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px 25px 0px 25px; display: inline; float: left; overflow:auto;} #Feld_unten { width: 890px; background: ; color: #000000; clear: both; border: 0px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;} GÖRÜNÜM
TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE KOD: <div id="Design04"> <div id="Header_oben"> KODSİSTEMİ</div> <style type="text/css"> <!-- html, body { text-align: center; } --> </style>
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-image: none;} 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: #FF4500; display: block; margin: 2px; padding-left: 0px text-decoration: none; width: 130px; height: 22px; background-image: none; background-color: #FFE4E1;} li.nav_element a:hover{ color: #7B68EE; display: block; margin: 2px; padding-left: 0px text-decoration: none; width: 130px; height: 22px; background-image:url(http://img223.imageshack.us/img223/3018/semadabayrakkodsistemiyv5.jpg); background-color: #;} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 932px;} #Header_oben { height: 100px; width: 900px; background: ; background-image:url(http://img223.imageshack.us/img223/3018/semadabayrakkodsistemiyv5.jpg); color: #FFFFFF; border: 2px solid #FF0000; margin: 0px 0px 0px 0px; padding: 10px; border-left-width :5px; border-right-width :5px; border-top-width :5px; float: left;} #nav_container { width: 145px; height: 430px; background: #808080; background-image: none; border: 2px solid #FF0000; margin: 2px 2px 2px 0px; padding: 0px; border-left-width :5px; float: left;overflow:auto;} #content { height: 430px; width: 608px; background:#A9A9A9; background-image: none; border: 2px solid #FF0000; margin: 2px 2px 2px 2px; padding: 0px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 430px; width: 152px; background: #808080; background-image: none; border: 2px solid #FF0000; margin: 2px 2px 2px 0px; padding: 0px; border-right-width :5px; float: left; overflow:auto;} #Streifen_unten { width: 900px; clear: both; color: #333; float: left; border: 1px solid #FF0000; background: ; background-image:url(http://img223.imageshack.us/img223/3018/semadabayrakkodsistemiyv5.jpg); margin: 0px 0px 0px 0px; border-left-width :5px; border-right-width :5px; border-bottom-width :5px; padding: 10px;} #counter{ position: absolute; left: 380px; top: 542px; width:381px; height:200px; font-family:verdana; font-size:12px; color:#000000; background-color:#; border: 0px solid #000000;}
KODSİSTEMİ CSS TASARIMLARI DENİZ TASARIM
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>www.kodsistemi.tr.gg</marquee></font></div></div> <div id="Streifen_oben">www.kodsistemi.tr.gg </div> <style type="text/css"> <!-- html, body { text-align: center; } --> </style>
TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE KOD: <div id="Streifen_unten"></div>tasarım@kodsistemi</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:#;} 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:#191970; display: block; margin: 5px; padding-left: 5px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#4169b1;} li.nav_element a:hover{ color:#f5fffa; display: block; margin: 5px; padding-left: 5px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#;} * { padding: 0; margin: 0; } #Testdesign2 { margin: 0 auto; width: 932px;} #Header_oben { color: #333; width: 902px; height: 70px; float: left; padding: 10px; border: 0px solid #80807F; margin: 0px 0px 1px 0px; border-left-width :5px; border-right-width :5px; border-top-width :5px; border-bottom-width :5px; background-image: url(http://img368.imageshack.us/img368/9591/kodsistemitrggdenizbasldd6.jpg);} #Streifen_oben { float: left; width: 902px; color: #333; padding: 10px; border: 0px solid #80807F; margin: 1px 1px 1px 1px; border-left-width :5px; border-right-width :5px; border-top-width :5px; border-bottom-width :5px; margin: 0px 0px 0px 0px; background-image: url(http://img368.imageshack.us/img368/9591/kodsistemitrggdenizbasldd6.jpg); background: #;} #content { color: #333; border: 0px solid #80807F; margin: 0px 0px 0px 0px; border-right-width :5px; padding: 10px; height: 400px; width: 732px; float: left; background: #ffe4f4; overflow:auto;} #nav_container{ float: left; overflow:auto; color: #333; border: 0px solid #80807f; margin: 0px 0px 0px 0px; border-left-width :5px; padding: 10px; height: 400px; width: 150px; display: inline; background: #ffe4c4; } #Streifen_unten { width: 900px; clear: both; color: #333; border: 0px solid #80807F; border-left-width :5px; border-right-width :5px; border-bottom-width :5px; border-top-width :5px; background: #; background-image: url(http://img368.imageshack.us/img368/9591/kodsistemitrggdenizbasldd6.jpg); margin: 0px 0px 0px 0px; padding: 11px;} #counter{text-align:center;}