Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag07.09.2007 um 19:27 (UTC)    
Titel: Komplette-Designs !!! (Css)

Jetzt gibt es Design Nachschub, also hier stelle ich von mir gemachte Designs rein die auf das Grund Design "Css" passen !!!
(* das "www.Chappi18.de.tl" ist nur in den Vorschaubildern enthalten ! )

-Css:

- Fl0wer

Version1


Version2


Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="Feld_hinten_3"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Feld_hinten_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>

<div id="nav_1">
 </div></div>

<div id="nav_2">
 </div></div>

<div id="nav_3">
 </div></div>

<div id="nav_4">
 </div></div>

<div id="nav_5">
 </div></div>

<div id="home">
 </div></div>

<div id="Anzeige">
 </div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Version1
Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

div{z-index: 2px;}

#Header_oben {
height: 210px;
width: 970px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/header14.3.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:28px;top:50px;
}


body {background-image:url();
background-attachment: fixed;
background:#222222;
font-family: Arial;
}

a{color#ffffff; font-size: 12px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 12px; text-decoration: none;}
a:link {color: #ffffff; font-size: 12px; text-decoration: none;}
a:active {color: #ffffff; font-size: 12px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 12px; text-decoration: none;}



li.nav_element a{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://img.webme.com/pic/p/probieren2/nav124.png);
background-color:}

li.nav_element a:hover{
color:#624115;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://img.webme.com/pic/p/probieren2/nav124.png);
background-color:}

* { padding: 0; margin: 0; }

#Design {
width: 921px;
height: 1500;
}


#nav_container{
height: 726px;
width: 200px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:795px;top:275px;}



#Nav_hinten{
width: 218px;
height: 430px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:650px;top:183px;}

#content {
height: 680px;
width: 546px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:225px;top:285px;}

#content_2{
height: 980px;
width: 1000px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/condent13.1.png);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 0;
position:absolute;left:13px;top:37px;}

#Feld_hinten_2{
height: 700px;
width: 550px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/condent19.1.png);
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:223px;top:275px;}



#sidebar_container {
height: 700px;
width: 180px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 6;
position:absolute;left:35px;top:275px;}

#Feld_hinten_3{
height: 726px;
width: 200px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:780px;top:249px;}


#Feld_oben {
width: 202px;
height: 20px;
background-image:url();
color: ffffff; 
margin: 0px 0px 10px 0px;
padding: 0px;
clear: both;
z-index: 4;
position:absolute;left:780px;top:229px;}

#Feld_rechts_5 {
height: 20px;
width: 732px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:25px;top:230px;}

#counter{
position:absolute;
left: 233px;
top: 982px;
font-size: 12px;
z-index: 6;
color: #ffffff;
}

#nav_1{
width: 728px;
height: 50px;
clear: both;
color: ;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 7;
position:absolute;left:233px;top:980px;}

#nav_2{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:82px;top:155px;}

#nav_3{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:175px;top:155px;}

#nav_4{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:252px;top:155px;}

#nav_5{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:300px;top:155px;}

#nav_6{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:382px;top:155px;}

#nav_7{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:462px;top:155px;}

#home{
position:absolute;
left: 660px;
top: 150px;
z-index: 5;
color: #ffffff;
}

#Anzeige{
position:absolute;
left: 35px;
top: 500px;
width: 180px;
height: 460px;
z-index: 5;
font-family:;
color: #ffffff;
}


Version2
Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

div{z-index: 2px;}

#Header_oben {
height: 210px;
width: 970px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/header14.4.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:28px;top:50px;
}


body {background-image:url();
background-attachment: fixed;
background:#222222;
font-family: Arial;
}

a{color#ffffff; font-size: 12px; text-decoration: none;}
a:hover {color: #ffffff; font-size: 12px; text-decoration: none;}
a:link {color: #ffffff; font-size: 12px; text-decoration: none;}
a:active {color: #ffffff; font-size: 12px; text-decoration: none;}
a:visited {color: #ffffff; font-size: 12px; text-decoration: none;}



li.nav_element a{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://img.webme.com/pic/p/probieren2/nav124.png);
background-color:}

li.nav_element a:hover{
color:#624115;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://img.webme.com/pic/p/probieren2/nav124.png);
background-color:}

* { padding: 0; margin: 0; }

#Design {
width: 921px;
height: 1500;
}


#nav_container{
height: 726px;
width: 200px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:795px;top:275px;}



#Nav_hinten{
width: 218px;
height: 430px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:650px;top:183px;}

#content {
height: 680px;
width: 546px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:225px;top:285px;}

#content_2{
height: 980px;
width: 1000px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/condent13.1.png);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 0;
position:absolute;left:13px;top:37px;}

#Feld_hinten_2{
height: 700px;
width: 550px;
background:;
background-image:url(http://img.webme.com/pic/p/probieren2/condent19.1.png);
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:223px;top:275px;}



#sidebar_container {
height: 700px;
width: 180px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 6;
position:absolute;left:35px;top:275px;}

#Feld_hinten_3{
height: 726px;
width: 200px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:780px;top:249px;}


#Feld_oben {
width: 202px;
height: 20px;
background-image:url();
color: ffffff; 
margin: 0px 0px 10px 0px;
padding: 0px;
clear: both;
z-index: 4;
position:absolute;left:780px;top:229px;}

#Feld_rechts_5 {
height: 20px;
width: 732px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:25px;top:230px;}

#counter{
position:absolute;
left: 233px;
top: 982px;
font-size: 12px;
z-index: 6;
color: #ffffff;
}

#nav_1{
width: 728px;
height: 50px;
clear: both;
color: ;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 7;
position:absolute;left:233px;top:980px;}

#nav_2{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:82px;top:155px;}

#nav_3{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:175px;top:155px;}

#nav_4{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:252px;top:155px;}

#nav_5{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:300px;top:155px;}

#nav_6{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:382px;top:155px;}

#nav_7{
width: 728px;
height: 90px;
clear: both;
color: #333;
background: ;
margin: 0px 0px 10px 0px;
padding: 0px;
z-index: 8;
position:absolute;left:462px;top:155px;}

#home{
position:absolute;
left: 660px;
top: 150px;
z-index: 5;
color: #ffffff;
}

#Anzeige{
position:absolute;
left: 35px;
top: 500px;
width: 180px;
height: 460px;
z-index: 5;
font-family:;
color: #ffffff;
}




- Unreal Tournament



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_oben_2"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>
<div id="top_1"><b>   </b></div></div>
<div id="Anzeige">
Design-"Css"
</div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
div{z-index: 2px;}
#Header_oben {
height: 115px;
width: 980px;
background:;
background-image:url(http://80.190.202.79/pic/p/probieren2/ut-header.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:13px;top:26px;
}
#top_1 {
height: 25px;
width: 980px;
background:;
background-image:url(http://80.190.202.79/pic/p/probieren2/top10.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
z-index: 2;
position:absolute;left:13px;top:141px;
}
body {background-image:url();
background-attachment: fixed;
background:#000000;
background-repeat: repeat-y;
background-position: center center;
z-index: -2;
font-size: 12px;
font-family: Arial;
}
a{color#000000; font-size: 12px; text-decoration: none;}
a:hover {color: #000000; font-size: 12px; text-decoration: none;}
a:link {color: #00013B; font-size: 12px; text-decoration: none;}
a:active {color: #000000; font-size: 12px; text-decoration: none;}
a:visited {color: #000000; font-size: 12px; text-decoration: none;}
li.nav_element a{
color:#000000;
display: block;
margin: 10px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://80.190.202.79/pic/p/probieren2/navi3.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 10px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 180px;
height: 20px;
background-image:url(http://80.190.202.79/pic/p/probieren2/navi2.png);
background-color:}
* { padding: 0; margin: 0; }
* { padding: 0; margin: 0; }
#Design {
width: 921px;
height: 1520;
}
#nav_container {height: 300px;
width: 200px;
background:;
background-image:url();
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 1px solid #6E6E6E;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:780px;top:240px;}
#Nav_hinten{
width: 218px;
height: 430px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:650px;top:183px;}
#content {
height: 726px;
width: 730px;
background:;
background-image:url();
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
border: 1px solid #6E6E6E;
z-index: 4;
position:absolute;left:25px;top:239px;}
#content_2 {
height: 1000px;
width: 980px;
background:;
background-image:url(http://80.190.202.79/pic/p/probieren2/condent3.png);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
z-index: 0;
position:absolute;left:13px;top:27px;}
#sidebar_container {
height: 396px;
width: 200px;
background:;
background-image:url();
color:#000000;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 1px solid #6E6E6E;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:780px;top:570px;}
#Feld_oben {
width: 202px;
height: 20px;
background-image:url(http://80.190.202.79/pic/p/probieren2/top2.2.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 0px;
clear: both;
z-index: 4;
position:absolute;left:780px;top:220px;}
#Feld_oben_2 {
width: 202px;
height: 20px;
background-image:url(http://80.190.202.79/pic/p/probieren2/top2.2.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 0px;
clear: both;
z-index: 4;
position:absolute;left:780px;top:550px;}
#Feld_rechts_5 {
height: 20px;
width: 732px;
background:;
background-image:url(http://80.190.202.79/pic/p/probieren2/top1.6.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:25px;top:220px;}
#counter{
position:absolute;
left: 815px;
top: 6px;
font-size: 12px;
z-index: 6;
color: #ffffff;
}
#Anzeige{
position:absolute;
left: 40px;
top: 223px;
z-index: 5;
font-family:;
color: #ffffff;
}


- AreaFantasy



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>
<cin class="18"> </cin>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
div.header{position:absolute;
left: 180px;
top: 160px;
color: #FFFFFF;
z-index: 1;
}
li.nav_element{list-style-type: none;}
cin.18{display:block;}
#Header_oben {
height: 264px;
width: 1000px;
background:;
background-image:url(http://img132.imageshack.us/img132/3733/unbenannt544nf5.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:2px;top:10px;}
body {background-image:url(http://80.190.202.79/pic/p/probieren4/backroundalien2gruen.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:#ffffff;
display: block;
margin: 5px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 1000px;
height: 600px;
}
#nav_container {
width: 178px;
height: 248px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 2;
position:absolute;left:12px;top:307px;}
#Nav_hinten{
width: 163px;
height: 290px;
background:;
background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg);
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:10px;top:285px;}
#content {
height: 248px;
width: 537px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:200px;top:308px;}
#content_2 {
height: 290px;
width: 525px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/1000.2.jpg);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 3;
position:absolute;left:193px;top:285px;}
#sidebar_container {
height: 270px;
width: 135px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:833px;top:295px;}
#Feld_oben {
width: 632px;
height: 30px;
background-image:url(http://img89.imageshack.us/img89/643/feldoben4grnwe6.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:235px;}
#Feld_unten-2 {
width: 632px;
height: 25px;
background-image:url(http://img233.imageshack.us/img233/7757/feldoben41grnvq8.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:596px;}
#Feld_rechts_3{
width: 54px;
height:270px;
background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
z-index: 4;
position:absolute;left:738px;top:296px;}
#Feld_rechts_5 {
height: 335px;
width: 142px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/777.1.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:830px;top:260px;}
#Feld_rechts_6{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:312px;}
#Feld_rechts_7{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:542px;}
#counter{
position:absolute;
left: 75px;
top: 600px;
z-index: 1;
color: #FFFFFF;
}



- AreaAlien



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>
<cin class="18"> </cin>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
div.header{position:absolute;
left: 180px;
top: 160px;
color: #FFFFFF;
z-index: 1;
}
li.nav_element{list-style-type: none;}
cin.18{display:block;}
#Header_oben {
height: 264px;
width: 1000px;
background:;
background-image:url(http://img139.imageshack.us/img139/731/55441rw0.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:2px;top:15px;}
body {background-image:url(http://80.190.202.79/pic/c/chappi18/backroundalien2.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:#ffffff;
display: block;
margin: 5px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 1000px;
height: 600px;
}
#nav_container {
width: 178px;
height: 248px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 2;
position:absolute;left:12px;top:307px;}
#Nav_hinten{
width: 163px;
height: 290px;
background:;
background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg);
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:10px;top:285px;}
#content {
height: 248px;
width: 547px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:190px;top:308px;}
#content_2 {
height: 290px;
width: 525px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/1000.2.jpg);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 3;
position:absolute;left:193px;top:285px;}
#sidebar_container {
height: 270px;
width: 135px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:833px;top:295px;}
#Feld_oben {
width: 632px;
height: 30px;
background-image:url(http://img136.imageshack.us/img136/2664/feldoben4hp8.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:235px;}
#Feld_unten-2 {
width: 632px;
height: 25px;
background-image:url(http://img403.imageshack.us/img403/4277/feldoben41pw7.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:596px;}
#Feld_rechts_3{
width: 54px;
height:270px;
background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
z-index: 4;
position:absolute;left:738px;top:296px;}
#Feld_rechts_5 {
height: 335px;
width: 142px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/777.1.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:830px;top:260px;}
#Feld_rechts_6{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:312px;}
#Feld_rechts_7{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:542px;}
#counter{
position:absolute;
left: 75px;
top: 600px;
z-index: 1;
color: #FFFFFF;
}



- AreaAnime



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>
<cin class="18"> </cin>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
div.header{position:absolute;
left: 180px;
top: 160px;
color: #FFFFFF;
z-index: 1;
}
li.nav_element{list-style-type: none;}
cin.18{display:block;}
#Header_oben {
height: 264px;
width: 1000px;
background:;
background-image:url(http://img132.imageshack.us/img132/5015/unbenannt545pg3.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:2px;top:10px;}
body {background-image:url(http://80.190.202.79/pic/p/probieren4/backroundalien2-pink.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:#ffffff;
display: block;
margin: 5px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 135px;
height: 16px;
background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png);
background-color:}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 1000px;
height: 600px;
}
#nav_container {
width: 178px;
height: 248px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 2;
position:absolute;left:12px;top:307px;}
#Nav_hinten{
width: 163px;
height: 290px;
background:;
background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg);
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:10px;top:285px;}
#content {
height: 248px;
width: 537px;
background:;
background-image:url();
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:200px;top:308px;}
#content_2 {
height: 290px;
width: 525px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/1000.2.jpg);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 3;
position:absolute;left:193px;top:285px;}
#sidebar_container {
height: 270px;
width: 135px;
background:;
background-image:url();
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:833px;top:295px;}
#Feld_oben {
width: 632px;
height: 30px;
background-image:url(http://img89.imageshack.us/img89/6557/feldoben4pinkws2.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:235px;}
#Feld_unten-2 {
width: 632px;
height: 25px;
background-image:url(http://img233.imageshack.us/img233/4105/feldoben41pinkov1.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:40px;top:596px;}
#Feld_rechts_3{
width: 54px;
height:270px;
background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
z-index: 4;
position:absolute;left:738px;top:296px;}
#Feld_rechts_5 {
height: 335px;
width: 142px;
background:;
background-image:url(http://80.190.202.79/pic/c/chappi18/777.1.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:830px;top:260px;}
#Feld_rechts_6{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:312px;}
#Feld_rechts_7{
height: 6px;
width: 17px;
background:;
background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 1;
position:absolute;left:802px;top:542px;}
#counter{
position:absolute;
left: 75px;
top: 600px;
z-index: 1;
color: #FFFFFF;
}


- Shadow



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_oben"><b>   </b></div></div>
<div id="Feld_unten-2"><b>   </b></div></div>
<div id="Feld_rechts_3"><b>   </b></div></div>
<div id="Feld_rechts_5"><b>   </b></div></div>
<div id="Feld_rechts_6"><b>   </b></div></div>
<div id="Feld_rechts_7"><b>   </b></div></div>
<div id="content_2"><b>   </b></div></div>
<div id="Nav_hinten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
#Header_oben {
height: 130px;
width: 768px;
background:;
background-image:url(http://img222.imageshack.us/img222/9465/unbenannt1111my6.png);
color: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:100px;top:40px;}
body {background-image:url(http://img222.imageshack.us/img222/5969/unbenannt121kp8.png);}
a{color#00000; font-size: 15px; text-decoration: none;}
a:hover {color: #00000; font-size: 15px; text-decoration: none;}
a:link {color: #00000; font-size: 15px; text-decoration: none;}
a:active {color: #00000; font-size: 15px; text-decoration: none;}
a:visited {color: #00000; font-size: 15px; text-decoration: none;}
li.nav_element a{
color:#000000;
display: block;
margin: 5px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 130px;
height: 16px;
background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
text-align: center;
width: 130px;
height: 16px;
background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png);
background-color:}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 1000px;
height: 700px;
}
#nav_container {
width: 166px;
height: 253px;
background:;
background-image:url();
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 2;
position:absolute;left:678px;top:323px;}
#Nav_hinten{
width: 168px;
height: 260px;
background:;
background-image:url(http://img221.imageshack.us/img221/6103/unbenannt110xh8.png);
color: ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
z-index: 1;
position:absolute;left:680px;top:320px;}
#content {
height: 406px;
width: 556px;
background:;
background-image:url();
color: #000000;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:100px;top:172px;}
#content_2 {
height: 410px;
width: 560px;
background:;
background-image:url(http://img211.imageshack.us/img211/2329/unbenannt7bh1.jpg);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
z-index: 3;
position:absolute;left:100px;top:170px;}
#sidebar_container {
height: 125px;
width: 166px;
background:;
background-image:url();
color:#000000;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 4;
position:absolute;left:678px;top:171px;}
#Feld_oben {
width: 748px;
height: 15px;
background-image:url(http://img514.imageshack.us/img514/2909/unbenannt151ny1.png);
color: ffffff;
margin: 0px 0px 10px 0px;
padding: 10px;
clear: both;
position:absolute;left:100px;top:600px;}
#Feld_rechts_5 {
height: 130px;
width: 168px;
background:;
background-image:url(http://img514.imageshack.us/img514/9417/unbenannt100zj2.png);
color:#ffffff ;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
z-index: 2;
position:absolute;left:680px;top:170px;}
#counter{
position:absolute;
left: 350px;
top: 605px;
z-index: 1;
color: #ffffff;
}


- P!NK



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
#Header_oben {
height: 220px;
width: 677px;
background:;
background-image:url(http://img410.imageshack.us/img410/6831/unbenannt3ef9.png);
color: #FFFFFF;
border: 0px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:284px;top:40px;}
body {background-image:url(http://80.190.202.79/pic/p/probieren2/hintergrund3.jpg);background-position: center center;}
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: 5px;
padding-left: 0px
text-decoration: none;
width: 80px;
height: 25px;
background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 80px;
height: 25px;
background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png);
background-color:}
* { padding: 0; margin: 0; }
#Design {
margin: 0 auto;
width: 922px;
}
#nav_container {
width: 90px;
height: 340px;
background:;
background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png);
color: ;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
position:absolute;left:284px;top:270px;}
#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png);
color: #ffffff;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
position:absolute;left:399px;top:270px;}
#sidebar_container {
height: 570px;
width: 214px;
background:;
background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png);
color:#ffffff ;
border: 1px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
position:absolute;left:45px;top:40px;}
#counter{display: none;}




-Wii



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#Header_oben {
height: 180px;
width: 915px;
background: ;
background-image:url(http://img508.imageshack.us/img508/8569/unbenannt2eq9.png);
color: #FFFFFF;
border: 0px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;
position:absolute;left:45px;top:50px;}


body {background-image:url(http://img158.imageshack.us/img158/2742/dsnewsupermariobroswallnq9.jpg);background-position: center center;}

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: 5px;
padding-left: 0px
text-decoration: none;
width: 80px;
height: 25px;
background-image:url(http://img167.imageshack.us/img167/8425/unbenannt7dr9.png);
background-color:}


li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 80px;
height: 25px;
background-image:url();
background-color:}

* { padding: 0; margin: 0; }

#Design {
margin: 0 auto;
width: 922px;
}


#nav_container {
width: 90px;
height: 340px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: ;
border: 1px solid #0000E1;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;
position:absolute;left:284px;top:240px;}

#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: #ffffff;
border: 1px solid #0000E1;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;
position:absolute;left:399px;top:240px;}

#sidebar_container {
height: 340px;
width: 214px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color:#ffffff ;
border: 1px solid #0000E1;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;
position:absolute;left:45px;top:240px;}



#counter{display: none;}



- Bioshock



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#Header_oben {
height: 150px;
width: 915px;
background: ;
background-image:url(http://img530.imageshack.us/img530/1357/unbenannt1ej6.jpg);
color: #EBB000;
border: 0px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}


body {background-image:url(http://img183.imageshack.us/img183/5760/bioshockfairground1bn5.jpg);background-position: center center;}

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: 150px;
height: 25px;
background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png);
background-color:}


li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png);
background-color:}

* { padding: 0; margin: 0; }

#Design {
margin: 0 auto;
width: 922px;}


#nav_container {
width: 160px;
height: 340px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: ;
border: 1px solid #EBB000;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;}

#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: #ffffff;
border: 1px solid #EBB000;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}

#sidebar_container {
height: 340px;
width: 148px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color:#ffffff ;
border: 1px solid #EBB000;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;
overflow:auto;}


#Feld_unten {
width: 892px;
background: #000000;
color: ffffff;
clear: both;
border: 1px solid #EBB000;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;}



- F.E.A.R.



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}


#Header_oben {
height: 150px;
width: 915px;
background: ;
background-image:url(http://img337.imageshack.us/img337/24/unbenannt2by8.jpg);
color: #FFFFFF;
border: 0px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}


body {background-image:url(http://img443.imageshack.us/img443/4932/unbenannt13ov1.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:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png);
background-color:}


li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png);
background-color:}

* { padding: 0; margin: 0; }

#Design {
margin: 0 auto;
width: 922px;}


#nav_container {
width: 160px;
height: 340px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.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://img524.imageshack.us/img524/823/unbenannt16kb1.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: 150px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.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;}


WEITERE DESIGNS GIBT ES IM POST WEITER UNTEN
______________


Zuletzt bearbeitet von chappi18 am 08.07.2008, 15:07, insgesamt 11-mal bearbeitet
Beitrag07.09.2007 um 19:31 (UTC)    
Titel:

Hallo,
echtcoole designs, die su erstellt hast!
Ich habe nur eine Frage: MIT WELCHEM PROGRAMM HAST DU DAS GEMACHT?!?! Mr. Green
______________
Gruß baehr
[img:aa2a198b71]http://baehr.de.tl/sig.png[/img:aa2a198b71]
Beitrag07.09.2007 um 19:32 (UTC)    
Titel:

Mal wieder eine Ladung super Designs Wink Da sieht man mal, was hier alles möglich ist Wink

@baehr: Photoshop Wink
______________
LG André

GMMTS.de


Zuletzt bearbeitet von andybabe27 am 07.09.2007, 20:33, insgesamt einmal bearbeitet
Beitrag07.09.2007 um 19:35 (UTC)    
Titel:

Beitrag08.09.2007 um 08:21 (UTC)    
Titel:

- World of Warcraft



Das kommt in "Text über dem Design" !

Code:
<div id="Design">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tags" !

Code:
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://img514.imageshack.us/img514/7223/backriund2zv4.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:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img514.imageshack.us/img514/1410/nav1ee9.png);
background-color:}
li.nav_element a:hover{
color:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img521.imageshack.us/img521/9996/nav2cl4.png);
background-color:}
* { padding: 0; margin: 0; }
#Design04 {
margin: 0 auto;
width: 922px;}
#Header_oben {
height: 180px;
width: 915px;
background: ;
background-image:url(http://img119.imageshack.us/img119/9237/headerry8.jpg);
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}
#nav_container {
width: 160px;
height: 340px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: ;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;}
#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}
#sidebar_container {
height: 340px;
width: 150px;
background: ;
background-image:url(http://img514.imageshack.us/img514/390/unbenannt16ja7.png);
color: #000000;
border: 1px solid #6E6E6E;
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;}


- Halo



Das kommt in "Text über dem Design" !

Code:
<div id="Design04">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css-Code ohne Style-Tag" !

Code:
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://img524.imageshack.us/img524/5372/wallpaperhalo21310241fa5.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:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png);
background-color:}
li.nav_element a:hover{
color:#000000;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png);
background-color:}
* { padding: 0; margin: 0; }
#Design04 {
margin: 0 auto;
width: 922px;}
#Header_oben {
height: 150px;
width: 915px;
background: ;
background-image:url(http://img48.imageshack.us/img48/6691/unbenannt2ji5.png);
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}
#nav_container {
width: 160px;
height: 340px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: ;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;}
#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img261.imageshack.us/img261/7880/unbenannt15ew1.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}
#sidebar_container {
height: 340px;
width: 150px;
background: ;
background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png);
color: #000000;
border: 1px solid #6E6E6E;
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;}


- Ratchet & Clank



Das kommt in "Text über dem Design" !

Code:
<span> </span><div id="Design04">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<span> </span><div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css Code ohne Style-Tags" !

Code:
<span> </span>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://img504.imageshack.us/img504/626/wallpaperratchetandclanfq8.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:#ffffff;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png);
background-color:}
li.nav_element a:hover{
color:#000000;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png);
background-color:}
* { padding: 0; margin: 0; }
#Design04 {
margin: 0 auto;
width: 922px;}
#Header_oben {
height: 150px;
width: 915px;
background: ;
background-image:url(http://img181.imageshack.us/img181/592/ratchetheader1ge0.png);
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}
#nav_container {
width: 160px;
height: 340px;
background: ;
background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png);
color: ;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;}
#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}
#sidebar_container {
height: 340px;
width: 150px;
background: ;
background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png);
color: #000000;
border: 1px solid #6E6E6E;
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;}


- Resident Evil 4



Das kommt in "Text über dem Design" !

Code:
<div id="Design04">
<div id="Header_oben"></div>


Das kommt in "Text unter dem Design" !

Code:
<span> </span><div id="Feld_unten"><b>   </b></div></div>


Das kommt in "Css Code ohne Style-Tags" !

Code:
<span> </span>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://img136.imageshack.us/img136/9792/residentevil4b023as2.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:#C0C0C0;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png);
background-color:}
li.nav_element a:hover{
color:#C0C0C0;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 150px;
height: 25px;
background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png);
background-color:}
* { padding: 0; margin: 0; }
#Design04 {
margin: 0 auto;
width: 922px;}
#Header_oben {
height: 150px;
width: 915px;
background: ;
background-image:url(http://img299.imageshack.us/img299/7454/header3fy5.png);
color: #FFFFFF;
border: 0px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 0px;
float: left;}
#nav_container {
width: 150px;
height: 340px;
background: ;
background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png);
color: ;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;overflow:auto;}
#content {
height: 340px;
width: 540px;
background:;
background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}
#sidebar_container {
height: 340px;
width: 160px;
background: ;
background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png);
color: #000000;
border: 1px solid #6E6E6E;
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;}
[/u]
______________


Zuletzt bearbeitet von chappi18 am 08.07.2008, 15:13, insgesamt einmal bearbeitet
Beitrag08.09.2007 um 09:34 (UTC)    
Titel:

Ich habe mir kürzlich Photo Impact 12 runtergelade und wie komme ich da jetzt weiter?!?!?! Laughing Laughing Laughing Laughing
______________
Gruß baehr
[img:aa2a198b71]http://baehr.de.tl/sig.png[/img:aa2a198b71]
Beitrag08.09.2007 um 11:30 (UTC)    
Titel:

baehr hat Folgendes geschrieben:
Ich habe mir kürzlich Photo Impact 12 runtergelade und wie komme ich da jetzt weiter?!?!?! Laughing Laughing Laughing Laughing


ich benutzte zwart nur P. Impact 7 & 11, aber ich habe mir das beigebracht indem ich mich ein paar Tage hingesetzt habe und alles ausprobiert habe, das war vor einem Jahr und jetzt weiss auch noch nicht alles. Wink
______________


Zuletzt bearbeitet von chappi18 am 08.09.2007, 13:06, insgesamt einmal bearbeitet
Beitrag08.09.2007 um 11:59 (UTC)    
Titel:

cool,
aber wie groß muss so ein design denn ungefähr sein?! Smile
______________
Gruß baehr
[img:aa2a198b71]http://baehr.de.tl/sig.png[/img:aa2a198b71]
Beitrag08.09.2007 um 12:19 (UTC)    
Titel:

So groß, wie du es willst Wink
______________
LG André

GMMTS.de
Beitrag08.09.2007 um 12:26 (UTC)    
Titel:

Man man man Chappi.
Supergeile Designs Mr. Green

hast ne gute auswahl ^^
______________
- Sie haben soeben einen echten Qualitätsbeitrag von free-pictures gelesen, © 2007 free-pictures -
Beitrag08.09.2007 um 13:28 (UTC)    
Titel:

Mache derzeit auch so etwas, arbeite aber erst einmal daran, dass man im CSS only Design auch verschiedene Designs einbauen kann. Dann werden von mir auch ein paar Designs kommen Wink
______________
LG André

GMMTS.de
Beitrag09.09.2007 um 13:36 (UTC)    
Titel:

Update!!! 1 neues Design - Bioshock !!!
______________
Beitrag10.09.2007 um 17:22 (UTC)    
Titel: Design

hi Ich hab ne frage wie kann man design hochladen und wo man die hochläd währe sehr net wenn mir jemand eine antwort gibt mit freundlichen grüßen
Beitrag10.09.2007 um 19:02 (UTC)    
Titel: grau nicht durchsichtig

Ich hab mir jetzt das Fear Design runter geladen ich finds klasse aber kannst du mir bitte sagen wie ich so wie auf dem bild die seiten durchsichtig bekomm , bei mir sind sie nämlich grau Laughing ... und noch etwas wie kann ich die seiten vergrößern da sie sehr klein sind
Beitrag10.09.2007 um 19:11 (UTC)    
Titel:

@onlforfcnfans:

1. Bei ihm ist es die Grafik selbst. Würde aber auch mit einem CSS Code gehen.

2. Würde ich dir nicht empfehlen, außer du kennst dich damit aus. Was hier aber nicht der Fall ist, so wie es aussieht.

Zitat:
hi Ich hab ne frage wie kann man design hochladen und wo man die hochläd währe sehr net wenn mir jemand eine antwort gibt mit freundlichen grüßen


Wie meinst du das?
______________
LG André

GMMTS.de
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de