KODSİSTEMİ - Css tasarımlar-1

Css tasarımlar-1

Kodsistemi
css tasarımlar

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

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();}  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: 180px;  height: 23px;  background-image:url(h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  body {background-image:url();}  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: 180px;  height: 23px;  background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg);  background-color:}  li.nav_element a:hover{  color:#ffffff;  display: block;  margin: 0px;  padding-left: 0px  text-decoration: none;  width: 180px;  height: 23px;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  background-color:}  * { padding: 0; margin: 0; }  #Design04 {  margin: 0 auto;  width: 922px;}  #Header_oben {  height: 100px;  width: 920px;  background: ;  background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg );  color: #FFFFFF;  border: 0px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 0px;  float: left;}  #nav_container {  width: 180px;  height: 340px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: ;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  float: left;overflow:auto;}  #content {  height: 340px;  width: 540px;  background:;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: #ffffff;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  display: inline;  float: left;  overflow:auto;}  #sidebar_container {  height: 340px;  width: 180px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;} );  background-color:}  li.nav_element a:hover{  color:#ffffff;  display: block;  margin: 0px;  padding-left: 0px  text-decoration: none;  width: 180px;  height: 23px;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  background-color:}  * { padding: 0; margin: 0; }  #Design04 {  margin: 0 auto;  width: 922px;}  #Header_oben {  height: 100px;  width: 910px;  background: ;  background-image:url(http://img136.imageshack.us/img136/807/188tb9.png );  color: #FFFFFF;  border: 0px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 0px;  float: left;}  #nav_container {  width: 190px;  height: 380px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: ;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  float: left;overflow:auto;}  #content {  height: 380px;  width: 550px;  background:;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: #ffffff;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  display: inline;  float: left;  overflow:auto;}  #sidebar_container {  height: 380px;  width: 170px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;}

CSS TASARIM-2

GÖRÜNÜM

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

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();} 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: 180px; height: 23px; background-image:url(h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url();} 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: 180px; height: 23px; background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 920px; background: ; background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 180px; height: 340px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 180px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;} ); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 910px; background: ; background-image:url(http://img136.imageshack.us/img136/807/188tb9.png ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 190px; height: 380px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 380px; width: 550px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 380px; width: 170px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;}

CCS TASARIM-3

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

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();} 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: 180px; height: 23px; background-image:url(h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url();} 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: 180px; height: 23px; background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 920px; background: ; background-image:url(http://img.webme.com/pic/b/benimdepom/dag.jpg ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 180px; height: 340px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 180px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;} ); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 910px; background: ; background-image:url(http://img136.imageshack.us/img136/807/188tb9.png ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 190px; height: 380px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 380px; width: 550px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 380px; width: 170px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.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;}