porsche - CSS Designs

CSS Designs

Design 1

Design 2

Design mit 2 Boxen

Design NR 1

Bild anklicken für vergrößerung

Text über Design:

<div id="box_links">hier kommt rein was du schreiben willst</div>
<div id="box_rechts">hier kommt rein was du schreiben willst</div>
<div id="linie_oben"><div align="center">Hier kommen die HP links rein (musst du selber machen)</div></div>
<div id="linie_unten">Design by Porsche-Stuttgart</div>

CSS ohne Style tags:

/* Diese Klassen werden nicht angezeigt */
#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;}
div.header{display: none;}
h1#title{display: none;}

/* Gestalten der Links */
a:link {
color: #FF0000;
font-size: 13px;
text-decoration: none;}

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

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

#header_container {
display: none;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 570px;
height: 480px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/content1.png);
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
display: none;}

#nav_container{
display: none;}

#counter {display: none;}

body {
background-color:#000000;}

#box_rechts{
position: absolute;
left: 50%;
top:140px;
margin-left: 280px;
width: 200px;
height:500px;
color:#FFFFFF;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox1.png);
font-size:13px;
border: 0px solid #FFFFFF;}

#box_links{
position: absolute;
left: 50%;
top:140px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox1.png);
height: 500px;
width: 200px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_unten{
position: absolute;
left: 50%;
top:640px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_oben{
position: absolute;
left: 50%;
top:105px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

Design NR 2

Bild anklicken für vergrößerung

Text über Design:

CSS ohne Style tags:

/* Diese Klassen werden nicht angezeigt */
#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;}
div.header{display: none;}
h1#title{display: none;}

/* Gestalten der Links */
a:link {
color: #FF0000;
font-size: 13px;
text-decoration: none;}

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

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

#header_container {
display: none;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 570px;
height: 480px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/content2.png);
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
display: none;}

#nav_container{
display: none;}

#counter {display: none;}

body {
background-color:#000000;}

#box_rechts{
position: absolute;
left: 50%;
top:140px;
margin-left: 280px;
width: 200px;
height:500px;
color:#FFFFFF;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox2.png);
font-size:13px;
border: 0px solid #FFFFFF;}

#box_links{
position: absolute;
left: 50%;
top:140px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox2.png);
height: 500px;
width: 200px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_unten{
position: absolute;
left: 50%;
top:640px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten2.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_oben{
position: absolute;
left: 50%;
top:105px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten2.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

Design NR 3

Bild anklicken für vergrößerung

Text über Design:

CSS ohne Style tags:

/* Diese Klassen werden nicht angezeigt */
#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;}
div.header{display: none;}
h1#title{display: none;}

/* Gestalten der Links */
a:link {
color: #FF0000;
font-size: 13px;
text-decoration: none;}

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

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

#header_container {
display: none;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 570px;
height: 480px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/content3.png);
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
display: none;}

#nav_container{
display: none;}

#counter {display: none;}

body {
background-color:#000000;}

#box_rechts{
position: absolute;
left: 50%;
top:140px;
margin-left: 280px;
width: 200px;
height:500px;
color:#FFFFFF;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox3.png);
font-size:13px;
border: 0px solid #FFFFFF;}

#box_links{
position: absolute;
left: 50%;
top:140px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox3.png);
height: 500px;
width: 200px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_unten{
position: absolute;
left: 50%;
top:640px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten3.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_oben{
position: absolute;
left: 50%;
top:105px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten3.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

Design NR 4

Bild anklicken für vergrößerung

Text über Design:

CSS ohne Style tags:

/* Diese Klassen werden nicht angezeigt */
#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;}
div.header{display: none;}
h1#title{display: none;}

/* Gestalten der Links */
a:link {
color: #FF0000;
font-size: 13px;
text-decoration: none;}

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

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

#header_container {
display: none;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 570px;
height: 480px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#343434;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/content4.png);
border: 0px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
display: none;}

#nav_container{
display: none;}

#counter {display: none;}

body {
background-color:#000000;}

#box_rechts{
position: absolute;
left: 50%;
top:140px;
margin-left: 280px;
width: 200px;
height:500px;
color:#FFFFFF;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox4.png);
font-size:13px;
border: 0px solid #FFFFFF;}

#box_links{
position: absolute;
left: 50%;
top:140px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/infobox4.png);
height: 500px;
width: 200px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_unten{
position: absolute;
left: 50%;
top:640px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten4.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}

#linie_oben{
position: absolute;
left: 50%;
top:105px;
margin-left: -530px;
background-image:url(https://img.webme.com/pic/p/porsche-stuttgart/linie_oben_unten4.png);
height: 35px;
width: 1010px;
color:#FFFFFF;
font-size:13px;
border:0px solid #FFFFFF;}