DesignerPlanet - Simple Blue

Simple Blue

Ein schönes Blaues Design mit einem schönen Header der genug Platz für Name und Slogan bietet, einer Horizontalen Navigation, einem schönen großen Content und ein Footer indem Zusätzliche Links sowie ein Copyright Hinweiß Platz findet. Hier kannst du dir das ganze Design in der Live Demo anschauen und entscheiden ob es dir Zusagt oder nicht. Der Designhinweiß "Design by DesignerPlanet" darf nicht entfernt werden!

CSS Code ohne Style Tags
<!--- Design Simple Blue - Copyright by Nike ---!> h2#nav_heading{display:none;} #header_container{display:none;} h2#title{display:none;} #sidebar_container{display:none;} body{ background-image: none; background-repeat: repeat; background-color: #191919; font-family: arial, sans-serif; color: #fff; font-size: 12px; } *{padding: 0; margin: 0;} h1{ font-size: 16px; color: #ff6f00; font-weight: bold; } h2{ font-size: 13px; font-style: italic; color: #6b6b6b; font-weight: bold; } p { line-height: 1.4em; padding:0px 0px 5px 0px; color:#646464; } a { color:#Blue; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; text-decoration:none; } a:hover { color:#3b3b3b; } hr{ height: 1px; border: 0px solid #e0e0e0; background-color: #e0e0e0; margin: 10px; margin-left: 0px; margin-right: 0px; } h1#name{ font-size: 30px; color: #ffffff; font-weight: bold; margin-left: 10px; margin-top: 20px; } h2#slogan{ font-size: 17px; font-style: italic; color: #fff; font-weight: normal; margin-left: 150px; margin-bottom: 10px; } #simple_blue{ width: 750px; margin: 10px auto; } #nav_container{ width: 730px; height: 21px; background-image: url(https://img.webme.com/pic/e/extrodesign/nav_bg.png); background-color: #ff6f00; float: left; clear:both; padding: 4px 10px 0px 10px; color: #fff; font-size: 12px; } li.nav_element, li.subpage{ list-style-type: none; float: left; padding-right: 10px; } a.menu{ color: #eeeeee; text-decoration: none; font-weight: bold; font-size: 12px; padding-right: 10px; } a.menu:hover{ color: #3b3b3b; } #pre_content{ width: 750px; height: 30px; background-image: none; background-color: #fff; float: left; clear:both; } #content{ width: 690px; min-height: 192px; background-image: url(https://img.webme.com/pic/e/extrodesign/content_bg.png); background-position: bottom right; background-color: #fff; background-repeat: no-repeat; float: left; clear:both; padding: 0px 30px 0px 30px; color: #6b6b6b; font-size: 12px; line-height: 1.4em; } #bottom{ width: 580px; height: 64px; background-image: url(https://img.webme.com/pic/e/extrodesign/content_bottom.png); background-color: transparent; background-repeat: no-repeat; float: left; clear:both; padding: 5px 140px 30px 30px; font-size: 12px; color: #6b6b6b; overflow: hidden; margin-bottom: 20px; } #bottom hr{ margin: 20px 0px 30px 0px; } table[height="102"] { margin:auto; }

Text über dem Design

Text unter dem Design