Nike Media - Simple Red

Simple Red

Design Simple Red

Ein schönes Rotes 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 Nike" 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; } h1{ font-size: 16px; color: #ff6f00; font-weight: bold; } h2{ font-size: 13px; font-style: italic; color: #6b6b6b; font-weight: bold; } a { color:#Red; 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_bg2.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