Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.07.2009 um 14:32 (UTC)    
Titel: Problem mit neuem Code/CoolMenü

Hallo!

Ich habe einen Code für ein Coolmenü bekommen, aber wenn ich ihn im CSS-Design einfüge, dann haut etwas nicht hin.

Schaut mal auf die englische Version meiner Seite, da ist es zu sehen.
Eigentlich fehlt nur noch der Banner und halt das Coolmenü, ansonsten gefällt es mir. http://www.bully-calimero.de.tl/

Kann mir jemand helfen? Oder hat eine Idee, wie ich ein Coolmenü im Iceblue-Design bekomme und die Navigationsbalken weg, damit alles einheitlicher ist? Dankeschön!

Hier mal der Code der englischen Seite:


body {
margin:0px;
padding:0px;
height:100%;
background:#212121;
font-family: Verdana
font-size:10px;
}

#Content {
position: absolute;
left: -36px;
top: +0px;
width: 1083px;
height: 1000px;
z-index: 1;
background:url(www.directupload.de/89989889/.png) no-repeat; }

#Header {
position: absolute;
left: 15px;
top: 11px;
width: 556px;
height: 248px;
z-index: 10;
}

#Design {
position: absolute;
width: 100%;
height: 100%;
z-index: 11;
background:url(http://directupload.de/img/89324334.png) no-repeat; }


#Nav_Container {
position: absolute;
left: 15px;
top: 110px;
width: 100%;
height: 43px;
z-index: 12;
}


Zuletzt bearbeitet von frenchbulldog-calimero am 13.07.2009, 15:35, insgesamt einmal bearbeitet
Beitrag14.07.2009 um 15:26 (UTC)    
Titel:

Hat niemand eine Idee? Soll ja nicht umsonst sein!
Beitrag16.07.2009 um 15:37 (UTC)    
Titel:

Erstmal es gibt schon viele Forum beiträge die sich mit dem Coolmenue befassen ; ) Hier ist der Code am besten bei Text unter dem Design einfügen.
Code:
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 124px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 160px;
float: left;
}

.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

.menu a:hover
{
background-color: #00CCFF;
background-image: url(URL);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 160px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="LINK1"> TITEL1</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"> TITEL2</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.3">Titel</a></li>
<li><a href="UNTERLINK2.4">Titel</a></li>
<li><a href="UNTERLINK2.5">Titel</a></li>
<li><a href="UNTERLINK2.6">Titel</a></li>
<li><a href="UNTERLINK2.7">Titel</a></li>
<li><a href="UNTERLINK2.8">Titel</a></li>
<li><a href="UNTERLINK2.9">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> TITEL3</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="UNTERLINK3.2">Titel</a></li>
<li><a href="UNTERLINK3.3">Titel</a></li>
<li><a href="UNTERLINK3.4">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="LINK4"> TITEL4</a></li>
<li><a onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" href="javascript:void(0);"> TITEL5</a>
<ul onmouseout="cache('smenu5');" onmouseover="montre('smenu5');" id="smenu5">
<li><a href="LINK5.1">Titel</a></li>
<li><a href="LINK5.2">Titel</a></li>
</ul>
</li>
</div>


Mfg Max
Beiträge der letzten Zeit anzeigen:   


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