Css

Tasarım Üzerine Design:
<div id="Design_red_lady">

Tasarım Altına Design:
</div>

CSS-Code
CSS-Code h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body { background-color:#790200; text-align:center;} div.header{display: none;} li.nav_element{list-style-type: none;} div { font-family: arial,verdana; font-size: 12px; color: #3C3C3C;} a{ font-family: arial,verdana; color:#0000FF; font-size: 13px; text-decoration: none;} a:hover { font-family: arial,verdana; color: #0000ff; font-size: 13px; text-decoration: blod;} a:link { font-family: arial,verdana; color: #0000ff; font-size: 13px; text-decoration: none;} a:active { font-family: arial,verdana; color: #0000ff; font-size: 13px; text-decoration: underline;} a:visited { font-family: arial,verdana; color: #0000ff; font-size: 13px; text-decoration: none;} li.nav_element a{ color:#FFFFFF; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 120px; height: 20px; background-image:url(https://img.webme.com/pic/m/marco3993/bnomal4newdesign.gif); background-color:#ffffff; text-align: center;} li.nav_element a:hover{ color:#FFFFFF; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 120px; height: 20px; background-image:url(https://img.webme.com/pic/m/marco3993/navhover4newdeisgn.gif); background-color:#000000; text-align: center;} #Design_red_lady{ position: absolute; left: 50%; top: 35px; margin-left:-450px; width: 900px; height: 490px; background-image:url(https://img.webme.com/pic/m/marco3993/bg4newdesign.gif); background-repeat: no-repeat; border: 10px #000000 outset;} #nav_container{ height: 340px; width: 170px; background: transparent; background-image: none; color: #000000; border: 0px solid #000000; padding: 10px; float: right; overflow:auto; position: absolute; left: -40px; top: 10px; text-align: left;} #content{ position: absolute; left: 500px; top: 10px; margin-left:-335px; width: 530px; height: 450px; color: #FFFFFF; border: 0px outset; overflow:auto;} #sidebar_container{ height: 320px; width: 170px; background: transparent; background-image: none; color: #FFFFFF;!important border: 0px solid #000000; padding: 10px; float: right; overflow:auto; position: absolute; right: 10px; top: 10px;} #copyright,#counter{visibility:hidden;}

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