Autor |
Nachricht |
-
ps00325
Wohnort: Innsbruck
|
11.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!
Zuletzt bearbeitet von ps00325 am 07.12.2010, 18:50, insgesamt 3-mal bearbeitet
|
|
↑
|
|
|
-
anonyme-seite
|
12.03.2010 um 12:57 (UTC) Titel: |
|
|
Hallo!
Was klappt den da genau nicht?
Ist dein Coolmenü sichtbar? |
|
↑
|
|
|
-
ps00325
Wohnort: Innsbruck
|
12.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" |
|
↑
|
|
|
-
anonyme-seite
|
12.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! |
|
↑
|
|
|
-
anonyme-seite
|
12.03.2010 um 14:03 (UTC) Titel: |
|
|
Ich müsste nur wissen wieviele Kategorien, also Hauptseiten du brauchst |
|
↑
|
|
|
-
ps00325
Wohnort: Innsbruck
|
13.03.2010 um 09:40 (UTC) Titel: |
|
|
sieben bitte! |
|
↑
|
|
|
-
anonyme-seite
|
13.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 |
|
↑
|
|
|
-
ps00325
Wohnort: Innsbruck
|
13.03.2010 um 12:57 (UTC) Titel: |
|
|
okay, ich schau morgen um 8h noch mal vorbei! |
|
↑
|
|
|
-
anonyme-seite
|
13.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>
... |
|
↑
|
|
|
-
ps00325
Wohnort: Innsbruck
|
13.03.2010 um 22:25 (UTC) Titel: |
|
|
Danke! Ich hab doch früher vorbeigeschaut und werde es mal ausprobieren!
EDIT: DANKE Hat funktioniert. Nur blöd ist folgendes: Bevor du mir den Code gegeben hast hat die Navi unter IE nicht funktioniert 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
|
|
↑
|
|
|
-
anonyme-seite
|
14.03.2010 um 10:41 (UTC) Titel: |
|
|
Kein Problem!
Das liegt leider am Script
Gruß,
Paddi |
|
↑
|
|
|
|