DesignerPlanet

Pink

Ein schönes Pinkes Design mit Horizontaler Navigation, einem großen Content und einem Footer der Platz für weitere Links bietet. Dieses Design ist zurzeit nur für externe Seiten auf Webspace gedacht.

HTML Quellcode

<html> <head> <title>Titel</title> <style type=text/css> body {     background-color: #000000; }  #main {     width: 1011px;     margin: auto; }  #nav {     width: 1011px;     height: 68px;     background-image: url(nav.png);     margin-top: 10px;     float: left; }  #in_nav {     width: 650px;     float: left;     height: 30px;     margin-top: 15px;     margin-left: 10px; }  #in_nav li {     float: left;     list-style: none; }  #in_nav ul {     margin: 0;     padding: 0; }  #in_nav li a {     margin-left: 15px;     padding-right: 15px;     font-size: 19px;     color: #FFFFFF;     text-decoration: none;     font-family: Verdana; }  #in_nav li a:hover { }  #news {     width: 250px;     height: 20px;     float: left;     margin-top: 22px;     margin-left: 65px;     font-size: 14px;     text-align: center;     font-family: Arial; }  #content {     width: 959px;     background-image: url(content.png);     min-height: 300px;     margin-left: 27px;     padding: 10px;     float: left;     font-family: Arial;  }  #foot_nav {     float: left;     width: 1011px;     height: 71px;     background-image: url(foot_nav.png);     margin-left: 22px; }  #in_foot_nav {     width: 900px;     float: left;     height: 30px;     margin-left: 120px;     margin-top: 35px; }  #in_foot_nav li {     float: left;     list-style: none; }  #in_foot_nav ul {     margin: 0;     padding: 0; }  #in_foot_nav li a {     margin-left: 50px;     padding-right: 50px;     font-size: 19px;     color: #FFFFFF;     text-decoration: none;     font-family: Verdana; }  #in_foot_nav li a:hover {  #footer {     width: 959px;     height: 300px;     padding: 10px;     margin-left: 27px;     margin-bottom: 50px;     float: left;     color: #a1a1a1;     background-color: #111111;     -moz-border-radius-bottomright: 10px;     -webkit-border-radius-bottomright: 10px; } </style> </head> <body> <DIV id=main> <DIV id=nav> <DIV id=in_nav> <UL> <li><a href="#" _fcksavedurl="#">HOME</a> </li> <li><a href="#" _fcksavedurl="#">NEWS</a> </li>  <li><a href="#" _fcksavedurl="#">ABOUT</a> </li> <li><a href="#" _fcksavedurl="#">CHECK</a> </li> <li><a href="#" _fcksavedurl="#">AWARD</a> </li> <li><a href="#" _fcksavedurl="#">DESIGNS</a> </li> </div> <div id=news><marquee>Hier stehen die News</marquee></DIV></DIV> <div id=content>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test  </div>  <div id=foot_nav> <div id=in_foot_nav> <li><a href="#" _fcksavedurl="#">LINK</a> </li> <li><a href="#" _fcksavedurl="#">LINK</a> </li> <li><a href="#" _fcksavedurl="#">LINK</a> </li> <li><a href="#" _fcksavedurl="#">LINK</a> </li> </div></div> </html>