Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.09.2007 um 14:55 (UTC)    
Titel: Menü unter dem Header



ich hoffe ihr könnt mir helfen!!!


Zuletzt bearbeitet von thespaceranger am 08.09.2007, 15:56, insgesamt einmal bearbeitet
Beitrag08.09.2007 um 15:03 (UTC)    
Titel:

Ich glaube du meinst das Cool-Menü:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126
______________
Signatur entfernt von Support-Team
Bitte die Größe von 650 X 150 einhalten !
Beitrag08.09.2007 um 15:13 (UTC)    
Titel:

jo sowas hab ich gesucht dankeschön
Beitrag08.09.2007 um 15:14 (UTC)    
Titel:

Hallo spaceranger,

ja ich denke ich kann dein Problem lösen.
Ich gebe Dir mal den Code für ein derartiges Menü:
Diesen Teil fügst du in Text über dem Design ein.
Zitat:
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial, sans-serif;
font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width:680px;
}

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

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>

Was bedeutet das?
- das ist die Schriftart auf dem Menü
- Grösse der Schriftart (Font)
- Abstand von oben
- deine Hintergrundfarbe
- Hintergrundfarbe als Hover

Das kommt direkt unter
den erst eingefügten Code:

Zitat:
<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>


Und zum Schluss, das eigentliche Menü:
Zitat:
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');"><span style="color:#FCF3B6">Über:</span></a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.deine-url.de" target="_self">Startseite</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Homepage</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.deine-url.de" target="_self">CSS</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Beispiel Seite</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.deine-url.de" target="_self">Beispiel</a></li>


</ul>
</li>
</ul>

-Dein Menüblocktitel
- Deine Seiten-URL
- Dein dazugehöriger Seiten-Name

Falls du mehr Unterseiten in einem Block haben willst,
einfach das hier erweitern:
Zitat:
<li><a href="http://www.deine-url.de" target="_self">Beispiel</a></li>


Zuletzt bearbeitet von aloa am 08.09.2007, 16:15, insgesamt einmal bearbeitet
Beitrag08.09.2007 um 15:49 (UTC)    
Titel:

q


Zuletzt bearbeitet von thespaceranger am 08.09.2007, 17:02, insgesamt 2-mal bearbeitet
Beitrag08.09.2007 um 15:55 (UTC)    
Titel:

@aloa

könnest du mir dass so machen das es so wie auf dem bild aus sieht(nur den ersten teil)!
Ich würde auch auf meiner HP für dich werben!!!
die schrift sollte am besten Verdana sein!



Zuletzt bearbeitet von thespaceranger am 08.09.2007, 17:02, insgesamt 2-mal bearbeitet
Beitrag16.09.2007 um 14:10 (UTC)    
Titel:

kann mir jemand helfen!
Beitrag16.09.2007 um 15:44 (UTC)    
Titel:

Hallo spaceranger,

ich habe leider im Moment wenig Zeit.
Aber mit meinen Angaben solltest du es auch schaffen.
Versuch es wenigstens. Wink

Gruss bubble
______________

http://www.bubble-re.de.tl
http://www.amg-7b.de.tl
Beitrag16.09.2007 um 17:45 (UTC)    
Titel:

wo kann ich da einstellen wo ich dass menü haben will?
Beitrag17.09.2007 um 11:24 (UTC)    
Titel:

aloa hat Folgendes geschrieben:
Hallo spaceranger,
<style type="text/css" media="screen">
<!--
body
{
font-family:Arial, sans-serif;
]font-size: 11px;
overflow: auto;
padding: 13px;
margin: 0px;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 80px;
left: 50%;
margin-left:-290px;
width:680px;
}


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

.menu a
{
border: 1px solid #F2F2F2;
background-color:#000C32;
padding-top: 9px;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px 10px;
display: block;
height: 25px;
color: #FFFFFF;
}

.menu a:hover
{
background-color: #000C32;
}

#smenu1, #smenu2, #smenu3
{
font-size: 13px;
display: none;
width: 200px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-size: 13px;
font-weight: bold;
padding-top: 9px;
border-top: 0px;
cursor: pointer;
}
//-->

</style>


rot makiert....
top ist der Abstand in Pixeln von dem oberen Rand...
left ist der Abstand in Pixeln vom linken Rand...

Positionieren, an die richtige Stelle, kannst du sie nur durch probieren Wink
______________
==> OutCast Inventions

Der DesignCreator für den PC ... in wenigen Minuten das eigene individuelle Iceblue-Design!
Beitrag19.09.2007 um 18:43 (UTC)    
Titel:

so leute ich habe jetzt dass erste menü richtig posietioniert will jetzt aber noch rechts davon noch eins wie mach ich dass jetzt??

so sieht mein code aus

Code:

<style type="text/css" media="screen">
<!--

/* Allgemeine Einstellungen */
body
{
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}

/* Dieser Teil ist dafür, die Menüpunkte ohne Listenpunkt darzustellen */
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 10px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 177px;
left: 50%;
margin-left:-420px;
width:905px;
}

/* Dieser Punkt bestimmt die Menübreite */
.menu li
{
width: 100px;
float: left;
}

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.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: #FFFFFF;
}

/* Hier bestimmt Ihr das Aussehen der Hintergründe der Menülinks, wenn Ihr mit der Maus drüber fahrt */
.menu a:hover
{
background-color: #000000;
background-image: url(URL);
}

/* Hier bestimmt Ihr die Größe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}

/* Hier bestimmt Ihr die Farbe der Menülinks (Für weitere Menüs, müssen die Punkte entsprechend erweitert werden) */
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<!-- Anfang des Scriptes -->

<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>

<!-- Ende des Scriptes -->

<div class="menu">

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">U1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<!-- U1 = Überschrift
Menupunkt1.1 und Menupunkt1.2 = Untermenüpunkte
Es können noch weitere Untermenüpunkte nach diesem Schema eingebaut werden:

<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

-->

<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>

</ul>
</li>

<!-- Hier können weitere Menüs eingefügt werden, einfach den oberen Teil kopieren und anpassen
'smenu1' muss dann entsprechend hochgezählt werden (4x)

<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://Menupunkt1.1.htm">Menupunkt1.1</a></li>
<li><a href="http://Menupunkt1.2.htm">Menupunkt1.2</a></li>
<li><a href="http://Menupunktx.x.htm">Menupunkt1.2</a></li>

</ul>
</li>


-->

</div>
Beitrag19.09.2007 um 19:00 (UTC)    
Titel:

also ich hätte eine andere idee ohne diese codes !
Man könnte ein bild ma c hen in grösse von den B uttton (man könnte es irgendwie selbst malen mit einem malprogramm oder bildprogramm)dann schreibt man auf die bilder wie der menüpunkkt heissen soll und ladet ihn hoch!Jetzt legt man dieses bild bei jeder unterseite und verlinkt es zu dem gewünchte n menü.
Beitrag19.09.2007 um 19:02 (UTC)    
Titel:

thespaceranger hat Folgendes geschrieben:


[...]
/* Hier stellt Ihr ein, wie weit die Schrift vom Menürand entfernt ist. */
li a
{
padding-right: 10px;padding-top: 5px;
}

/* Hier wird das ganze Menü positioniert */
div.menu
{
position: absolute;
z-index: 3;
top: 177px;
left: 50%;
margin-left:-420px;
width:905px;
}
[...]



ich bin mir nicht ganz sicher, aber du must (glaube ich) die px zahl verändern
margin-left:-420px;
______________
mfg
david

Bitte hilf diesem Penner, ein gescheites leben zu bekommen, und klick auf das untere bild


Zuletzt bearbeitet von yourshomepage24 am 19.09.2007, 20:03, insgesamt einmal bearbeitet
Beitrag19.09.2007 um 19:13 (UTC)    
Titel:

die stimmt doch!
Beitrag21.08.2008 um 21:09 (UTC)    
Titel:

kann mir jetzt einer helfen??
Beiträge der letzten Zeit anzeigen:   


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