WorldofHomepage
Deine HP, coole Designs!
Gästebuch
-
Kontakt
-
Impressum
worldofhomepage-design
Design-SoccerGreen
ClanDesign
DarkBound
PowerGaming
Discolight
PoolWater
Greenpic
Hauptseite
Hitradio WoH
DarkBound
Text über dem Design:
<div id="rahmen"> <div id="navi_oben"> <ul> <li class="oben"><a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"> TITEL 1</a></li> <li class="oben"><a href="HIER LINK 2" _fcksavedurl="HIER LINK 2"> TITEL 2</a></li> <li class="oben"><a href="HIER LINK 3" _fcksavedurl="HIER LINK 3"> TITEL 3</a></li> <li class="oben"><a href="HIER LINK 4" _fcksavedurl="HIER LINK 4"> TITEL 4</a></li> <li class="oben"><a href="HIER LINK 5" _fcksavedurl="HIER LINK 5"> TITEL 5</a></li> <li class="oben"><a href="HIER LINK 6" _fcksavedurl="HIER LINK 6"> TITEL 6</a></li> </ul> </div>
Text unter dem Design:
<div id="footer"> <a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"><img src="BILD-URL" _fcksavedurl="BILD-URL" class="unten" alt=""></a> <a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"><img src="BILD-URL" _fcksavedurl="BILD-URL" class="unten" alt=""></a> <a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"><img src="BILD-URL" _fcksavedurl="BILD-URL" class="unten" alt=""></a> <a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"><img src="BILD-URL" _fcksavedurl="BILD-URL" class="unten" alt=""></a> <a href="HIER LINK 1" _fcksavedurl="HIER LINK 1"><img src="BILD-URL" _fcksavedurl="BILD-URL" class="unten" alt=""></a> </div> </div>
CSS-Code ohne Style Tags:
*{margin:0px; padding: 0px;} table[height="102"] { position: absolute; left: 50%; top: 25px; margin-left: -366px;} body { margin-top: 20px; text-align: center; background-image: url(https://img.webme.com/pic/o/omba/body_blue.png); background-repeat: repeat-x; background-color: #000000; } #rahmen { width: 756px; margin: auto; margin-bottom: 50px; padding-top: 5px; padding-bottom: 5px; overflow: hidden; background-color: #070B12; border: 1px solid #000000; } #container { width: 742px; margin: 0 auto; background-color:#000000; background-image: url(https://img.webme.com/pic/o/omba/content_bg_blue.png); background-repeat: repeat-x; text-align: left; overflow: hidden; border-left: 1px solid #000000; border-right: 1px solid #000000; } #header_container { float: left; width: 742px; height: 130px; margin-top: 130px; background-color:#c9c9c9; background-image: url(https://img.webme.com/pic/o/omba/header_blue.png); border-top: 1px solid #000000; border-bottom: 1px solid #000000; } h1#header { display: none; } #navi_oben { position: absolute; left: 50%; top: 130px; margin-left: -372px; width:743px; height:29px; background-image:url(https://img.webme.com/pic/o/omba/nav_blue.png); border-top: 1px solid #000000;} #navi_oben ul { margin: 0px; padding: 0px; list-style-type: none; } #navi_oben ul li.oben { float: left; width: 122px; height: 29px; } #navi_oben ul li.oben a { display: block; line-height: 28px; font-family: arial; font-weight: bold; color: #FFFFFF; font-size: 10px; text-align: center; text-decoration: none; border-left: 1px solid #000000;} #navi_oben ul li.oben a:hover { text-decoration: underline; background-image: url(https://img.webme.com/pic/o/omba/hover_nav.png); background-repeat: repeat-x; } #nav_container { float: left; display: inline; margin-left: 18px; padding-top: 15px; padding-bottom: 26px; width: 170px; background-color: #1e1d1e; background-image: url(https://img.webme.com/pic/o/omba/blue_streifen.png); background-position: bottom; overflow: hidden; border-left: 3px solid #070b12; border-right: 3px solid #070b12; border-bottom: 3px solid #070b12; } #nav_container ul { list-style-type: none; margin-left: 17px; margin-right: 17px; } li.nav_element { height: 24px; border-bottom: 1px dotted #100000; padding-left: 20px; background-image: url(https://img.webme.com/pic/o/omba/point_blue.png); background-repeat: no-repeat; background-position: 0 center;} li.nav_element a { display: block; line-height: 23px; font-family: monospace,arial; font-size: 11px; color: #eeeeee; text-decoration: none; } li.nav_element a:hover { display: block; line-height: 23px; font-family: monospace,arial; font-size: 11px; color: orange; text-decoration: underline; } li.checked_menu a{ color: orange; } #nav_heading { color: 5481bc; padding-left:10px; padding-bottom: 10px; } h1, h2 { font-family: monospace; font-size: 20px; color: #5481bc;} #content { float: left; display: inline; width: 485px; min-height: 200px; margin-left: 30px; padding-top: 15px; padding-bottom: 26px; overflow: hidden; } #content, #content p { font-size: 14px; color: #eeeeee; font-family: arial; } #content a { color: #739cce; text-decoration: none; } #content a:hover { color: #ff5700; text-decoration: underline; } #title span {display:none; } #sidebar_container {display:none; } #footer { width: 722px; padding: 10px; margin: auto; background-image: url(https://img.webme.com/pic/o/omba/blue_streifen.png); border: 1px solid #000000; text-align: right; font-size: 11px; color: #ffffff; font-family: arial; } img.unten { width: 20px; margin-right: 10px; border: none; }
©Copyright 2010 by Deine-Homepage.de.tl. - Design by
Poddi.de.tl
Diese Webseite wurde kostenlos mit
Homepage-Baukasten.de
erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden