Css


Tasarım Üzerine Design:


Tasarım Altına Design:


CSS-Code








CSS Design-Blue





Tasarım Üzeri
<div id="mydesignpage_design"></div>



CSS-Code


  #counter {display: none;}
 #extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}
 

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 915px;
height:1100px;
background-image:url(http://www.bilderspeicher24.de/bilder/2733.jpg);}

#header_container {
position: absolute;
left: 50%;
top:70px;
margin-left:-453px;
width: 905px;
height:104px;
background-color:#XXXXXX;
background-image: none;
color:#FFFFFF;
font-size:13px;
border: 0px solid #FFFFFF;}

#content {
position: absolute;
left: 50%;
top: 182px;
margin-left:-275px;
width: 532px;
height: 892px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#XXXXXX;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top:210px;
margin-left: 284px;
width: 169px;
height: 884px;
background-color:#XXXXXX;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:215px;
margin-left: -454px;
width: 173px;
height: 878px;
border:0px solid #FFFFFF;overflow:auto;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 160px;
height: 25px;
padding:0px;
font-weight: bold;
text-decoration: none;
text-align: center;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/2734.png);
border: 2px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://www.bilderspeicher24.de/bilder/2735.png);}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}







CSS Design-Ferrari



Tasarım Üzeri
<div id="mydesignpage_design"></div>



CSS-Code


  #counter {display: none;}
 #extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}
 

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}

#header_container {
position: absolute;
left: 50%;
top:60px;
margin-left:-490px;
width: 980px;
height:104px;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1959.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #202020;}

#content {
position: absolute;
left: 50%;
top: 175px;
margin-left:-310px;
width: 570px;
height: 562px;
padding:10px;
color: #FFFFFF;
font-size:13px;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1965.jpg);border:1px solid

#202020;overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top: 175px;
margin-left: 300px;
width: 190px;
height: 582px;
color: #909090;
background-color:#343434;
background-image:url(http://www.bilderspeicher24.de/bilder/1958.jpg);
border:1px solid #202020;overflow:auto;}

#nav_container{
position: absolute;
left: 50%;
top:175px;
margin-left: -490px;
width: 160px;
height: 582px;
background-image:url(http://www.bilderspeicher24.de/bilder/1958.jpg);
border:1px solid #202020;overflow:auto;}

ul#nav{
width: 130px;
height: 20px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
margin:5px;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
height: 15px;
padding:0px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#000000;
background-image:url(http://www.bilderspeicher24.de/bilder/1960.png);
border: 1px solid #A30508;}

li.nav_element a:hover{
color: #FFFFFF;
background-color:#C9C9C9;
background-image:url(http://www.bilderspeicher24.de/bilder/1962.png);}

#counter {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}







CSS-Design Fire in the Darkness



Tasarım Üzeri:
<div id="mydesignpage_design"></div>



CSS-Code:



#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}




a{
color:#FFFFFF;
text-decoration: none;
font-size:13px;}

a:hover {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}


body {
background-color:#000000;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 1400px;
height:800px;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/flamesblack.jpg);background-position: center center;background-attachment: fixed;}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
margin-top:-790px;
width: 980px;
height:220px;
background-color:#xxxxxx;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/red980.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #202020;}


#content {
position: absolute;
left: 50%;
top: 270px;
margin-left:-270px;
width: 590px;
height: 380px;
padding:10px;
color: #ffffff;
font-size:14px;
background-color:#xxxxxx;
background-image: none;
border: 1px solid #202020;
overflow:auto;}


#sidebar_container{
position: absolute;
left: 50%;
top:270px;
margin-left:-490px;
width: 190px;
height: 400px;
background-color:#xxxxxx;
background-image:url;
border:1px solid #202020;
color:#ce0c0c;
overflow:auto;}


#nav_container{
position: absolute;
left: 50%;
top:270px;
margin-left: 350px;
width: 140px;
border:1px solid #202020;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relativ;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 120px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: center;
color:#ce0c0c;
background-color:#FFFFFF;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/flamesblack120.jpg);
border: 1px solid #000000;}

li.nav_element a:hover{
color: #7F0000;
background-color:#000000;
background-image: none;}



#counter{display: none;}  {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}










CSS-Design White



Tasarım Üzeri:
<div id="mydesignpage_design"></div>



CSS-Code:
 

#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
 div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}


a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}


body {
background-color:#FFFFFF;}

*{ padding: 0; margin: 0; }

#mydesignpage_design {
margin: 0 auto;
width: 1280px;
height:760px;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/hintergrund.png);background-position: top center;background-attachment: fixed;}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
margin-top:-750px;
width: 980px;
height:220px;
background-color:#xxxxxx;
background-image:url(https://img.webme.com/pic/n/newsundnachrichten/980gif.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #000000;}


#content {
position: absolute;
left: 50%;
top: 270px;
margin-left:-270px;
width: 590px;
height: 380px;
padding:10px;
color: #000000;
font-size:14px;
background-color:#xxxxxx;
background-image: none;
border: 1px solid #000000;
overflow:auto;}


#sidebar_container{
position: absolute;
left: 50%;
top:270px;
margin-left:-490px;
width: 190px;
height: 400px;
background-color:#xxxxxx;
background-image:url;
border:1px solid #000000;
color:#000000;
overflow:auto;}


#nav_container{
position: absolute;
left: 50%;
top:270px;
margin-left: 350px;
width: 140px;
border:1px solid #000000;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relativ;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 120px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: center;
color:#000000;
background-color:#343434;
background-image:url(https://img.webme.com/pic/m/mydesignpage/dgrey.jpg);
border: 1px solid #000000;}

li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(HIER BUTTON-URL_2);}



#counter{display: none;}  {
position: absolute;
left: 50%;
top:30px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol