- Designs

Designs

Hier findet ihr meine erstellten Designvorlagen für eure Homepage. Um ein bisschen Übersichtlichkeit zu behalten, werde ich demnächst verschiedene Kategorien erstellen. Sie sollen helfen, die einzelnen unabhängigen Designs von einander zu trennen.

Sollten Fragen bzw. soll ich Änderungen an den Designs vornehmen, so schreibt mir über das Kontaktformular eine E-mail.

Allgemeine Designs

White beauty Design

<div id="Dein_Design"></div>  <style type="text/css">  <!--
/* designed by www.search-your-design.de.tl*/

div.header {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;}
 #header_container {display: none;}
 #pre_content {display: none;}
 #nav_heading{display: none;}
div.header{display: none;}
 h1#title{display: none;}
 h2#title span {display: none;}

body {
background-image:url(http://www.pic-upload.de/24.04.08/3v9zsy.jpg);
font-family: arial,verdana;
font-size:12px;
color:#ffffff;}

div{
font-family: arial,verdana;
font-size:12px;
color:#000000;} content farbe

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

a:hover {
color:#000080;
font-size: 12px;
text-decoration: none;}

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

a:visited {
color:#000080;
font-size: 12px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image:url(http://www.pic-upload.de/24.04.08/65v6up.jpg);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 400px;
margin-left:-457px;
width: 837px;
height: 520px;
color: #000000;
background-image: none;
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

#sidebar_container {display: none;}

#nav_container {font-weight: bold;font-size: 12px;color:#2ba6f9;
position:relative;
left: 50%;
top: 300px;
margin-left: -450px;
width:90px;
height:170px;}

#nav_container {
position:relative;
top: 270px;
left: 138px;
width: 700px;
margin:0px 10px 15px 10px;
background-image:  none;
height: 35px;}

#nav_heading {
    background-color: ;
    width:2px;
    height:33px;
    display:inline;
    float:left;
    margin:0px;}

ul#nav {
    width:100%;
    list-style-type:none;
    margin: 0;
    padding: 8px 0 0 0;
    position:absolute;
    top: 0px;
    height:35px;
    background-image:  none;
    background-position:right;
    background-repeat:no-repeat;
    display:inline;}

* html ul#nav {
    top: -1px;}

#nav li {
    position:relative;
    display: block;
    float: left;
    height: 35px;
    background-image:  none;
    background-repeat: no-repeat;
    margin: -8px 0 0 0;
    padding: 8px 0 0 0;}

* html #nav li {
    margin-top: -7px;
    padding-top: 7px;
}
#nav_Startseite {
    background-image: none !important;
    margin-left:-5px;
}
#nav a:link, #nav a:visited, #nav a:hover {
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:13px; 
    font-weight:bold;
    text-decoration:none;
    color:white;
    margin:0 20px;
    z-index:2;
}
* html #nav a:link, * html #nav a:visited, * html #nav a:hover {
    position:relative;
    top: 1px;
}
#nav a:hover {
    color:#ffcc00;
}

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

a:hover {
color: #ffffff !important;
font-size: 13px;
text-decoration: underline;}

a:link {
color: #ffffff !important;
font-size: 13px;
text-decoration: none;}

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

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

#counter {display: none;}

li.nav_element{
list-style-type: none;
position: relative;
border: 0px;
width: 75px; 
height: 20px;
text-align: center;}

li.nav_element a{
display: block;
width: 75px;
height: 20px;
margin: 0px;
color: #000000; 
font-weight: bold;
text-decoration: none;
background-color: #xxxxxx;
background-image:  none;
background-repeat: no-repeat;
padding-left: 0px;
border: 1px solid #ffffff;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: bold;
text-decoration: none;
background-color:#xxxxxx;
background-image:  none;
background-repeat: no-repeat;
border: 1px solid #ffffff;} 
//--> </style>

Red eye Design

<div id="Dein_Design"></div>  <style type="text/css">  <!--
/* designed by www.search-your-design.de.tl*/

body {
background-image: none;
font-family: arial,verdana;
background-color:#000000;
font-size:12px;
color:#ffffff;}

div{
font-family: arial,verdana;
font-size:12px;
color:#ffffff;} content farbe

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

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

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

a:visited {
color:#000080;
font-size: 12px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image:url(http://www.pic-upload.de/24.04.08/wi6wd.jpg);
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 530px;
margin-left:-200px;
width: 370px;
height: 343px;
color: #ffffff;
background-image: none;
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

#nav_container {font-weight: bold;font-size: 25px;color:#2ba6f9;
position: absolute;
left: 50%;
top: 505px;
margin-left: -400px;
width:180px;
height:170px;
border: 0px solid #ffffff;}

#sidebar_container {display: none;}

#counter {display: none;}

li.nav_element{
list-style-type: none;
position: relative;
border: 1px #ffffff;
width: 140px;
height: 20px;
text-align: center;}

li.nav_element a{
display: block;
width: 140px;
height: 20px;
margin: 0px;
color: #ffffff; navi farbe
font-weight: 25px;
text-decoration: none;
background-color: #xxxxxx;
background-image:  none;
background-repeat: no-repeat;
padding-left: 0px;
border: 1px solid #575757;}

li.nav_element a:hover{
display: block;
color: white;
font-weight: 25px;
text-decoration: none;
background-color:#xxxxxx;
background-image:  none;
background-repeat: no-repeat;
border: 1px solid #575757;}
//--> </style>

Black fighter Design

<div id="Dein_Design"></div>  <style type="text/css">  <!--
/* designed by www.search-your-design.de.tl*/

body {
background-image:url(http://www.pic-upload.de/24.04.08/nx35wp.jpg);
font-family: arial,verdana;
background-color:#000000;
font-size:12px;
color:#ffffff;
background-repeat: no-repeat;}

div{
font-family: arial,verdana;
font-size:12px;
color:#ffffff;} content farbe

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

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

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

a:visited {
color:#000080;
font-size: 12px;
text-decoration: none;}

#Dein_Design {
position: absolute;
left: 50%;
margin-left:-648px;
width: 1280px;
height: 1024px;
background-image: none;
background-repeat: no-repeat;}

#content{
position: absolute;
left: 50%;
top: 430px;
margin-left:-175px;
width: 475px;
height: 550px;
color: #000000;
background-image: none;
background-repeat: no-repeat;
border: 0px solid #000000;
overflow: auto;}

#nav_container {font-weight: bold;font-size: 25px;color:#2ba6f9;
position: absolute;
left: 50%;
top: 322px;
margin-left: -515px;
width:180px;
height:170px;
border: 0px solid #ffffff;}

#sidebar_container {display: none;}

#counter {display: none;}

li.nav_element{
list-style-type: none;
position: relative;
border: 0px #ffffff;
width: 80px;
height: 20px;
text-align: center;}

li.nav_element a{
display: block;
width: 80px;
height: 20px;
margin: 0px;
color: #000000; navi farbe
font-weight: 25px;
text-decoration: none;
background-color: #xxxxxx;
background-image:  none;
background-repeat: no-repeat;
padding-left: 0px;
border: 0px solid #575757;}

li.nav_element a:hover{
display: block;
color: black;
font-weight: 25px;
text-decoration: none;
background-color:#xxxxxx;
background-image:  none;
background-repeat: no-repeat;
border: 0px solid #575757;}
//--> </style>