Homepageberatung || Textgestaltung | Grafiken

Poison

Design "Poison"

Ein sehr dunkles Design mit giftigen Grüntönen und einem Touch Lila. Unbedingt die Demoseite anschauen, da das Design auf den Bildern anders aussieht! Der Aufbau ist simpel und es wird empfohlen, die Extrabox der Optik wegen nicht zu benutzen, möglich ist es allerdings. Der Code für dieses Design findet sich unten, eine Anleitung zum Einbauen in deine Seite findest du hier.
Vorher Nutzungsbedingungen lesen!

Demo für dieses Template

Copyright-Hinweise von Homepageberatung.de.tl dürfen nicht entfernt oder verändert werden.

Über dem Design

<div id="Schwubbel">

<div id="ÜberInhalt">

<h1 id="Titel">www.Homepagename.de</h1>

<h2 id="Untertitel">Hier erscheint dein Slogan</h2>

</div>

<div id="Obermenu">
<div id="Obermenu_punkte">

<a href="#">Kontakt</a>
<a href="#">Gästebuch</a>
<a href="#">Partner</a>

<a href="#">Impressum</a>

</div>
</div>
<div id="Contenttop"></div>

Unter dem Design

<div id="UnterInhalt"></div>
<div id="Footer"><br/>

© Content by <a href="#">Seitenname.de</a> | 
© Design by <a 

href="http://www.homepageberatung.de.tl">Homepageberatung.de.tl</a><br/><br/

>

<a href="#">Interessant</a> | 

<a href="#">Partner</a> | 
<a href="#">Kontakt</a> | 
<a href="#">Impressum</a> | 
<a href="#">Gästebuch</a><br/>

</div>
</div>

CSS-Code

/*DESIGN "POISON" © BY HOMEPAGEBERATUNG.DE.TL
Dieser Urheberrechtshinweis darf weder entfernt noch verändert werden!*/

#header_container{display:none;}
h2#title{display:none;}
#counter{display:none;}


/*WERBUNG MITTIG*/

table[height="102"] {
    margin:auto;
    } 


/*HINTERGRUND*/

body{
    background-image: 

url(https://img.webme.com/pic/s/sp-testseite10/background.png);
    background-color: #000;
    background-repeat: repeat;
    background-position: top center;
    font-family: arial, sans-serif;
    font-size: 12px;
    }


/*ÜBERSCHRIFTEN FORMATIEREN*/

h1{
    color:#fff;
    font-size: 38px;
    }
h2{
    color: #A5A5A5;
    font-size: 30px;
    }


/*ÜBERSCHRIFTEN IM HEADER*/

h1[id="Titel"]{
    margin-top: 50px;
    margin-left: 280px;
    float: left;
    }
h2[id="Untertitel"]{
    margin-top: 110px;
    margin-left: -370px;
    float: left;
    }


/*LINKFORMATIERUNGEN*/

a{
    color: #229425;
    text-decoration: none;
    }
    
a:hover{
    color:  #8200CC;
    }


/*GRUNDGERÜST*/

#Schwubbel{
    width: 1000px;
    margin: 0px auto;
    }        
    
#container{
    width: 1000px;
    float: left;
    background: 

url(https://img.webme.com/pic/s/sp-testseite10/container3.png);
    background-repeat: repeat-y;
    }


/*HORIZONTALES MENÜ*/

#Obermenu {
    width: 1000px;
    height: 30px;
    float: left;
    }

#Obermenu_punkte{
    width: 1000px;
    margin-left: -15px;
    }

#Obermenu_punkte a:link, 
#Obermenu_punkte a:visited, 
#Obermenu_punkte a:hover {
    background: 

url(https://img.webme.com/pic/s/sp-testseite10/menupunkt-oben-nom.png);
    text-align: center;
    width: 100px;
    height: 25px;
    color: #000;
    display:block;
    float: right;
    font-size: 15px;
    padding-top: 5px;
    margin-right: 30px;
    margin-top: 1px;
    }

#Obermenu_punkte a:hover {
    text-decoration: none;
    color: #8200CC;
    }

/*HEADER*/

#ÜberInhalt{
    width: 1000px;
    height: 200px;
    float: right;
    background: url(https://img.webme.com/pic/s/sp-testseite10/header.png);
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    }


/*NAVIGATION*/

#nav_container{
    width: 220px;
    margin-left: 35px;
    float: left;
    }

#nav_heading{
    height: 40px;
    text-align: right;
    width: 130px;
    margin-right: 35px;
    padding-right: 20px;
    float: right;
    color: #fff;
    font-size: 140%;
    margin-top: 20px;
    }
    
a.menu{
    display:block;
    border-top: 1px solid #16601C;
    border-bottom: 1px solid #16601C;
    margin-top: -1px;
    text-align: right;
    width: 125px;
    height: 24px;
    color: #C8C8C8;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 20px;
    font-size: 15px;
    }

ul#nav{
    margin-top: 100px;
    }

li.nav_element{
    list-style-type: none;
    }

li.nav_element a:hover{
    list-style-type: none;
    color: #8200CC;
    }

li.subpage a{
    margin-left: 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-style: italic;
    }


li.subpage a:hover{
    margin-left: 10px;
    font-style: italic;
    font-weight: bold;
    }

li.checked_menu a{
    color: #fff;
    font-weight: bold;
    }


/*SIDEBAR*/

#sidebar_container{
    width: 180px;
    margin-left: 45px;
    margin-right: px;
    margin-bottom: 30px;
    margin-top: 30px;
    float: left;
    clear: left;
    }
    
#sidebar_heading{
    height: 40px;
    width: 150px;
    margin-right: 28px;
    text-align: right;
    float: right;
    font-size: 140%;
    margin-top: 15px;
    margn-bottom: 30px;
    }
    
#sidebar_content{
    color: #8C8989;
    text-align: justify;
    margin-top: 80px;
    padding-right: 25px;
    padding-left: 25px;
    }

#sidebar_content h2{
    color: #fff;
    }

#sidebar_content a:hover{
    color: #a01213;
    text-decoration: underline;
    }
    

/*INHALT*/

#Contenttop{
    background: 

url(https://img.webme.com/pic/s/sp-testseite10/contenttop2.png);
    width: 1000px;
    height: 30px;
    float: left;
    }

#content{
    width: 660px;
    padding-top: 20px;
    margin-right: 35px;
    padding-right: 25px;
    padding-left: 25px;
    float: right;
    color: #8C8989;
    }

#UnterInhalt{
    width: 1000px;
    height: 50px;
    float: left;
    background-image: 

url(https://img.webme.com/pic/s/sp-testseite10/bottom3.png);
    }


/*FOOTER*/

#Footer{
    width: 780px;
    height: 75px;
    color: #767676;
    text-align: center;
    line-height: 8pt;
    margin-bottom: 30px;
    padding-top: 13px;
    float: right;
    }

Homepageberatung || Textgestaltung | Grafiken | Templates ||

Poison