Rainbow
Hier ist das erste CSS Design das online ist:Designname: Dark Rainbow
Erstellt von: Your Designs
Screenshot:
Text über dem Design:
<div id="Testdesign3"> <div id="Header_oben"> </div> <div id="Navi_Feld"> <a href="Enter your URL here!">Text</a> </div> |
CSS Code ohne Styl Tag's:
li.nav_element{display: none;} h1#title{display: none;} h2#title span {display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} div.header{display: none;} #Feld_unten{display: none;} a{color: #FFFFFF; font-size: 15px; text-decoration: none;} a:hover {color: #FFFFFF; font-size: 15px; text-decoration: none;} a:link {color: #FFFFFF; font-size: 15px; text-decoration: none;} a:active {color: #FFFFFF; font-size: 15px; text-decoration: none;} a:visited {color: #FFFFFF; font-size: 15px; text-decoration: none;} body {background-color: #000000;} { padding: 0; margin: 0; } #Testdesign3 { margin: 0 auto; width: 922px;} #Header_oben { color: #FFFFFF; width: 800px; height: 180px; background-image: url(http://img8.myimg.de/EInHeaderc8f07.png); float:middle; padding: 0px; border: 1px solid #333333; margin: 20px 0px 0px 0px;} #Navi_Feld { width: 900px; height: 40px; Background: ; background-image: url(http://img8.myimg.de/NaviFeld3bdc3.png); color: #FFFFFF; padding: 0px; border: 1px solid #CCCCCC; margin: 0px 0px 0px 0px;} #content { height: 600px; width: 700px; background: #000000; color: #FFFFFF; border: 1px solid #CCCCCC; margin: 0px 0px 50px; padding: 10px; overflow:auto;} #sidebar_container{ position: absolute; left: 50%; top:310px; margin-left: 268px; width: 171px; height: 180px; background-color:#FFFFFF; background-image: url(http://img8.myimg.de/Box5c1d9.png); border:1px solid #FFFFFF; color:#000000; text-align:center;} font-family: Arial; overflow:auto;} |
Besonderheit:
Design ist für IE7 und Firefox3 optimiert worden!
Man kann in der rechten Box eine zweite Navigation einfügen!