Gossip Girl

Seite1

Layout

Hier ein weiteres Lay für euch .
Zum Thema Gossip Girl . In grün ..

Markierung verändert
Fett Kursiv Unterstrichen Link

So bekommt ihr dieses Design

1. Loggt euch bei Homepage-Baukasten ein.
2. Klickt auf Design einstellen und stellt CSS-Design ein.
3. Geht zu Erweiterte Einstellungen.
4. Fügt die unten angegeben Codes ein:
5. Klickt auf Speichern.
6. Geht auf eure Website und schaut euch das neue Layout an (:
Fertig

Codes

Text über dem Design <div id="Mein_Bild"></div>





CSS-Code 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;} #nav_heading {display: none;} div.header {display: none;} h1#title {display: none;} h2#title span {display: none;} * { padding: 0px; margin: 0px; } body { overflow-x: hidden; background-image: url(http://i39.tinypic.com/4ubg5t.jpg); } #Mein_Bild { margin-top: -110px; margin-left: 0px; width: 1440px; height: 972px; border: 0px solid #000000; background-image:url(http://i44.tinypic.com/152cj0p.jpg); } #content { position: absolute; margin-top: -530px; margin-left: 185px; width: 475px; height: auto; padding: 5px; color: #000000; font-family: Trebuchet MS; font-size: 11px; text-align: justify; border: 0px solid #000000; background-color: transparent; } #nav_container{ position: absolute; margin-top: -500px; margin-left: 661px; height: auto; width: 202px; border:0px solid #000000; background-color: transparent; } ul#nav{ width: 202px; padding: 5px; margin: 5px; } li.nav_element{ list-style-type: none; position: relative; width: 202px; height: 20px; } li.nav_element a { display: block; text-align: center; font-family: Verdana; font-size: 12px; color: #3de945; background-color:#7a7a7a; border-right: 0px solid color:#86ff8c; text-decoration: none; } li.nav_element a:hover { color: #86ff8c; border-right: 0px solid color:#3de945; letter-spacing: 2px; } A.navi:link, A.navi:active, A.navi:visited { display: block; text-align: center; font-family: Verdana; font-size: 12px; color: #3de945; background-color:#7a7a7a; border-right: 0px solid color:#86ff8c; width: 202px; height: 20px; } A.navi:hover { display: block; text-align: center; font-family: Verdana; font-size: 12px; color: #86ff8c; background-color:#7a7a7a; border-right: px solid color:#3de945; letter-spacing: 2px; width: 202px; height: 20px; } A.navi2:link, A.navi2:active, A.navi2:visited { display: block; text-align: center; font-family: Verdana; font-size: 12px; color: #86ff8c; background-color:#7a7a7a; border-right: 0px solid color:#3de945; width: 202px; height: 20px; } A.navi2:hover { display: block; text-align: center; font-family: Verdana; font-size: 12px; color: #86ff8c; background-color:#7a7a7a; border-right: 0px solid color:#3de945; letter-spacing: 2px; width: 202px; height: 20px; } a:link, a:visited { font-family: Trebuchet MS; font-size: 11px; color: #b5b5b5; text-decoration: none; } a:hover { color: #2dd62d; letter-spacing: 1px; } ::-moz-selection { background: #00bf00; color: #ffffff; } u { font: Trebuchet MS; color: #000000; text-decoration: underline; } b { font: Trebuchet MS; color: #000000; font-weight: bolder; } i { font: Trebuchet MS; color: #000000; font-style: italic; } .peerlessgb { display: block; font-family: Tahoma; font-size: 15px; color: #91ff91; text-decoration: none; text-align: center; border-bottom: 1px dotted #5b5b5b; letter-spacing: 1px; }





Überschriften-Code
(müsst ihr bei Seite editieren im Quellcode eingeben) <p class="peerlessgb">Überschrift</p>

Wichtig

Benutzt dieses Design nur, wenn ihr wenigstens etwas Ahnung von CSS und HTML ab.
Eure Navi von HP wird automatisch übernommen (;
Große Veränderungen am Code bitte nicht vornehmen.
Wenn ihr das Design benutzt, sagt uns vorher Bescheid. Entweder in der Shoutbox oder im Gästebuch oder schreibt uns ne Mail.
Ihr dürft nicht den Creditlink entfernen!
Wenn ihr Fragen habt, meldet euch bei uns (:

Überschrift

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.