Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.08.2011 um 23:29 (UTC)    
Titel: Zusatz-Navigation positionieren

Hallo ich möchte in den CSS-Code meiner Homepage (siehe unten) ein neues Menü unter die Navigation setzen.
Wie geht das?
Code des Menüs:

Zitat:
<script src="http://h2.flashvortex.com/display.php?id=2_1312063854_7496_260_0_577_85_6_2_124" type="text/javascript"></script>

Code der Page:
Text über dem Design:
Zitat:
<div id="grass"></div> <div id="himmel"></div> <div id="sonne"> </div> <div id="baum"></div> <div id="logo"></div>

CSS-Code ohne Style Tags:
Zitat:
*Design made by www.omba.de.tl || Design: Minecraft, Version: 1.0, Jetzt kostenlos auf www.omba.de.tl holen!*/ td[height="102"] { position:absolute; top: 550px; left:50%; margin-left:-376px; } body { background-color: #61442e; background-image: url(http://img.webme.com/pic/o/omba-test/sand.png); cursor: crosshair; } #grass { width:100%; position:absolute; left: 0%; height: 110px; margin-top: 330px; background-image: url(http://img.webme.com/pic/o/omba-test/grass.png); } #himmel { width:100%; position:absolute; left: 0%; height: 441px; margin-top: -111px; background: #989cff; } #baum { position: absolute; left: 50%; top: 115px; margin-left: -435px; width: 259px; height: 330px; background-image: url(http://img.webme.com/pic/o/omba-test/baum2.png); } #sonne { position: absolute; left: 50%; top: -10px; margin-left: 235px; width: 238px; height: 238px; background-image: url(http://img.webme.com/pic/o/omba-test/sonnemine.png); } #logo { position: absolute; left: 17%; top: -190px; margin-left: -215px; width: 1280px; height: 673px; background-image: url(http://www.bilderhoster24.de/images/b4ql858eohfynk4q4kj.jpg); } #nav_container { position: absolute; left: 50%; top: 438px; margin-left: -710px; width: auto; height: auto; text-align: center; background-image:url(); } li.nav_element { display: inline-block; text-align: center; height:21px; padding: 13px; width: 231px; background-image:url(http://img.webme.com/pic/o/omba-test/button_minecraft.png); } li.nav_element a { font-size:17px; color: #000000; font-family: Tahoma; font-weight: bold; text-decoration: none; } li.nav_element:hover { height:21px; background-image:url(http://img.webme.com/pic/o/omba-test/button_minecraft_hover.png); } li.nav_element:hover a { font-size:17px; color: #fffaad; font-family: Tahoma; font-weight: bold; text-decoration: none; } #container { width: 900px; height: auto; margin: auto; overflow: hidden; } #content { float:left; margin-top: 550px; margin-bottom: 30px; width: 855px; padding: 20px; color: #000000; font-size: 15px; font-family: arial; text-align: left; background-color:#FFFFFF; border: 1px solid #000000; } #content a { font-size: 15px; color: #FFFFFF; text-decoration: none; font-family: arial; } #copyright { margin: auto; width: 900px; height: 152px; text-align: left; } h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;}


Das Design stammt von Omba, ich habe es nur leicht modifiziert (siehe www.your-mam.de.tl)
es handelt sich um ein CSS-Design


Zuletzt bearbeitet von minecraftandmore am 04.08.2011, 12:16, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de