Homepageberatung || Textgestaltung | Grafiken

Wings

Design "Wings"

Ein fantasievolles und mystisches Design ist das allgemein dunkel gehaltene Template "Wings". Schwarz mit verträumtem Pink und Lila machen es finster und geheimnisvoll. Sicher eignet es sich auch am besten für Fantasyseiten, kann aber auch für andere Themen benutzt werden, da es selbst keinen wirklichen Bezug hat. 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="Contenttop"></div>

Unter dem Design

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

<div id="Footer">

© 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 "WINGS" © 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-color: #000;
    font-family: arial, sans-serif;
    font-size: 13px;
    }


 /*ÜBERSCHRIFTEN*/

h1{
    color:#fff;
    font-size: 37px;
    }
h2{
    color: #D79BFF;
    font-size: 29px;
    }


/*ÜBERSCHRIFTEN SPEZIELL IM HEADER*/

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


/*LINK-FORMATIERUNGEN*/

a{
    color: #D79BFF;
    text-decoration: none;
    }
    
a:hover{
    color: #480038;
    }


/*GRUNDGESRÜST*/

#Schwubbel{
    width: 1100px;
    margin: 0px auto;
    }        
    
#container{
    width: 1100px;
    float: left;
    background: url(https://img.webme.com/pic/s/sp-testseite6/contentbreit.png);
    }


/*HEADER*/

#ÜberInhalt{
    width: 1100px;
    height: 277px;
    float: right;
    background: url(https://img.webme.com/pic/s/sp-testseite6/headerbreit.png);
    margin-top: 2px;
    }


/*LINKE NAVIGATION*/

#nav_container{
    width: 190px;
    margin-top: -50px;
    margin-bottom: 10px;
    margin-left: 65px;
    float: left;
    }

#nav_heading{
    height: 40px;
    width: 190px;
    margin-right: 5px;
    margin-top: 10px;
    float: right;
    background: url(https://img.webme.com/pic/s/sp-testseite6/navigation.png);
    }

a.menu{
    display:block;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 133px;
    height: 24px;
    color: #fff;
    padding-left: 10px;
    padding-top: 6px;
    margin-left: -25px;
    margin-bottom: -1px;
    }

ul#nav{
    margin-top: 87px;
    margin-left: 5px;
    }

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


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

li.subpage a{
    margin-left: -15px;
    font-style: italic;
    }

li.subpage a:before{
    content: "> ";
    }

li.checked_menu a{
    background: url(https://img.webme.com/pic/s/sp-testseite6/checked.png);
    color: #fff;
    font-weight: bold;
    }

li.checked_menu a:hover{
    font-weight: bold;
    }


/*SIDEBAR*/

#sidebar_container{
    width: 190px;
    margin-bottom: 30px;
    margin-top: -50px;
    margin-right: 65px;
    float: right; 
    }
    
#sidebar_heading{
    height: 40px;
    width: 150px;
    float: right;
    margin-top: 15px;
    margin-right: 37px;
    margn-bottom: 15px;
    background: url(https://img.webme.com/pic/s/sp-testseite6/sidebar.png);
    }
    
#sidebar_content{
    color: #fff;
    text-align: justify;
    margin-top: 60px;
    padding-left: 25px;
    padding-right: 20px;
    }

#sidebar_content h1{
    color: #000;
    padding-left: 30px;
    }


/*INHALT*/

#Contenttop{
    background: url(https://img.webme.com/pic/s/sp-testseite6/topbreit.png);
    width: 1100px;
    height: 90px;
    float: left;
    }

#content{
    width:530px;
    margin-top: -60px;
    padding-right: 30px;
    padding-left: 30px;
    float: left;
    color: #fff;
    }

#UnterInhalt{
    width: 1100px;
    height: 104px;
    float: left;
    background-image: url(https://img.webme.com/pic/s/sp-testseite6/bottombreit.png);
    }

#content a{
    color: #8C0015;
    }

#content a:hover{
    color: #fff;
    }


/*FOOTER*/

#Footer{
    width: 1100px;
    color: #fff;
    text-align: center;
    float: right;
    margin-bottom: 30px;
    }

Homepageberatung || Textgestaltung | Grafiken | Templates ||

Wings