Pixxen - Designs, Tutorials & more

Design Green Flowers

Das "Green Flowers" Design

Das "Green Flowers" Design ist ein schlichtes Design. Es kann für alle Zwecke benutzt werden, denn der Header darf geändert werden sowie die Farben des kompletten Designs.

Design-Vorschau

Text über dem Design:
<div id="wrap">

Text unter dem Design:
<div id="clear"></div> <div id="bottom"> © by <Ihr Homepage Titel/URL> | Design by <a href="http://www.pixxen.de.tl" _fcksavedurl="http://www.pixxen.de.tl" target="_blank">www.pixxen.de.tl</a></div> </div>

CSS Code ohne Style Tags:
* { margin-left:auto; margin-right:auto; } body { background: #ccc; } #wrap { width: 700px; margin: 0 auto; text-align: left; background-color: #fff; border: 1px solid #090; } #header_container { width:700px; height: 150px; background: url(https://img.webme.com/pic/p/pixxen-testseite/head.png); border-bottom: 1px solid #B98D56; } #pre_header, #post_header { display: none; } #header { margin: 0px; padding-left: 400px; padding-top: 50px; color: #000; font-family: serif; } /* Navigation */ #nav_container { float: left; width: 200px; } #nav_heading { display: none; } #nav { padding: 0; margin: 0; } #nav li { list-style-type: none; padding: 2px; padding-left: 15px; font-size: 1.2em; display: block; border-bottom: 1px solid #090; } #nav li:hover { border-bottom: 1px solid #090; } #nav li.subpage { background-color: #F3F2F2; padding-left: 25px; } #nav a { text-decoration: none; color:#000; } #nav a:hover { color: #090; } /* Content */ #content_container { float: left; width: 499px; border-left: 1px solid #090; } #content { padding: 15px; } #clear { clear: both; } #bottom { width:auto; height:35px; border-top: 1px solid #090; text-align:center; line-height: 35px; } h1#header {color: #fff;} #counter {display: none;}

Viel Spaß mit dem Design.

Achtung!:
Das "Design by" darf nicht aus dem Design entnommen werden!