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

CSS TASARIMLAR-2

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