Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.03.2010 um 15:29 (UTC)    
Titel: [erledigt] Coolmenü

Mein 1. ,,Hilferuf" war vergeblich, ich versuchs noch einmal:

Hi, würde gerne die Unterseiten als Coolmenü (wie bei success4you.de.tl) anzeigen lassen.

http://www.homepage-baukasten.de/forum/viewtopic.php?t=101593 --> Bringt mir nichts.

Naja ich hab ein Design von Poddi und der Code sieht so aus:
Code:
/*NAVIGATION*/

#nav_container{
    width: 902px;
    height: 40px;
    background: url(http://img.webme.com/pic/p/poddi-designs/1_navi.png);
    float: left;
    padding-left: 20px;}

#nav ul, li.nav_element{list-style-type: none;}

li.nav_element a{
    color: #fff;
    display: block;
    margin: 5px;
    margin-left: 15px;
    padding: 10px;
    padding-bottom: 0px;
    padding-top: 3px;
    height: 20px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;}

li.nav_element a:hover{
    color:#000;
    display: block;
    margin: 5px;
    margin-left: 15px;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: -5px;
    text-decoration: none;
    height: 25px;
    background: #fff;}

li.nav_element checked_menu{
    color:#fff;
    display: block;
    margin: 5px;
    margin-left: 20px;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-top: -5px;
    text-decoration: none;
    height: 25px;
    background: #fff;}


DANKEEEE! Mr. Green Mr. Green


Zuletzt bearbeitet von ps00325 am 07.12.2010, 18:50, insgesamt 3-mal bearbeitet
Beitrag12.03.2010 um 12:57 (UTC)    
Titel:

Hallo!

Was klappt den da genau nicht?

Ist dein Coolmenü sichtbar?
Beitrag12.03.2010 um 13:19 (UTC)    
Titel:

Die Unterseiten werden rechts von der Hauptseite angezeigt, ich würde es aber lieber wie success4you.de.tl haben, die unterseiten sollen sich nach untenhin ,,aufklappen"
Beitrag12.03.2010 um 13:39 (UTC)    
Titel:

Dann brauchst du ein Coolmenü!

Wenn du mir ein paar Minuten geben würdest, pass ich den Code für dich an, du willst bestimmt auch den Hintergrund behalten!
Beitrag12.03.2010 um 14:03 (UTC)    
Titel:

Ich müsste nur wissen wieviele Kategorien, also Hauptseiten du brauchst
Beitrag13.03.2010 um 09:40 (UTC)    
Titel:

sieben bitte! Smile
Beitrag13.03.2010 um 11:44 (UTC)    
Titel:

Ok, ich werde mich melden!

lass mir bitte bis heute abend zeit, hab heute noch viel stress!

MFG
Paddi
Beitrag13.03.2010 um 12:57 (UTC)    
Titel:

okay, ich schau morgen um 8h noch mal vorbei!
Beitrag13.03.2010 um 21:57 (UTC)    
Titel:

so, habe es fertig!

1. In dem CSS-Design änderst du das
Code:
li.nav_element a{
....
text-transform: uppercase;}


Durch das:
Code:
li.nav_element a{
display:none;}


und fügst das am besten ganz unten ein, damit man es schnell findet:
Code:
body
{
font-family: Verdana, sans-serif;
font-size: 10px;
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;
top:208px;
left:50%;
margin-left:-410px;
width:900px;
height:26px;
padding-top:2px;
}

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

.menu a
{
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 22px;
color: #FFFFFF;
}

.menu a:hover
{}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
font-size: 9px;
display: none;
width: 120px;
float: left;
background-color:#000000;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
}


2. Im Text unter dem Design fügst du dies ein:
Code:
<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="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Hauptmenü 6</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Hauptmenü 7</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
<li><a href="Unterlink 7.1">Untermenü 7.1</a></li>
<li><a href="Unterlink 7.2">Untermenü 7.2</a></li>
</ul>
</li>
</div>


Du findest immer "Hauptmenü 1,-2..." in dem oberen Code, dies änderst du immer in den Namen der Kategorie.
Bei den Unterlinks fügst du die URL der Wunchseite ein, welche du bei dem Untermenü 1.2/-7.1... benennst.

Wenn du eine Unterseite weghaben möchtest, löschst du im jeweiligen Hauptmenü das "<li><a href="Unterlink A.B">Untermenü A.B</a></li>".
> "A"=K´Hauptmenü, "B" = Unterseite
Beispiel:
Code:

...
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
</ul>
...


Wenn du eine hinzufügen möchtest, kopierst du ein "<li><a href="Unterlink A.B">Untermenü A.B</a></li>" unter der letzten Unterseite des jeweiligen Hauptmenüs, Beispiel:
Code:

...
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
<li><a href="Unterlink 6.1">Untermenü 6.1</a></li>
<li><a href="Unterlink 6.2">Untermenü 6.2</a></li>
<li><a href="Unterlink 6.3">Untermenü 6.3</a></li>
</ul>
...
Beitrag13.03.2010 um 22:25 (UTC)    
Titel:

Danke! Ich hab doch früher vorbeigeschaut und werde es mal ausprobieren! Wink

EDIT: DANKE Very Happy Very Happy Very Happy Hat funktioniert. Nur blöd ist folgendes: Bevor du mir den Code gegeben hast hat die Navi unter IE nicht funktioniert Arrow Nachdem du mir den Code geg. hast funktioniert meine HP unter Safari nicht. Naja, egal und nochmals danke!


Zuletzt bearbeitet von ps00325 am 14.03.2010, 00:25, insgesamt einmal bearbeitet
Beitrag14.03.2010 um 10:41 (UTC)    
Titel:

Kein Problem!

Das liegt leider am Script

Gruß,
Paddi
Beiträge der letzten Zeit anzeigen:   


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