Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.10.2008 um 23:07 (UTC)    
Titel: Drop Down Menue

Ihr kennt doch bestimmt alle das schöne Drop Down Menü was oft in Shops verwendet wird um schnelleren überblick zu bekommen.

Nun meine Frage:
Wie füge ich einen solchen code ein? (Wo im CSS-Design)
Und kann mir einer das gerüst von einem solchen Drop Down Menü geben?


Danke im Vorraus, weil wie ihr vielleicht seht habe ich relativ viele Buttons auf der PAge und die möchte ich übersichtlich unterbringen.
______________
[IMG]http://img254.imageshack.us/img254/6351/bannerlg01fh6.jpg[/IMG]
Beitrag31.10.2008 um 23:22 (UTC)    
Titel:

Suche mal im Forum nach: Coolmenü:

oder gucke hier:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=40038
Beitrag01.11.2008 um 00:27 (UTC)    
Titel: Schön und gut!

Danke für deien Hilfe aber wie bekomme ich das DIREKT unter den HEADER wie z.b: bei coolplace.de.tl
______________
[IMG]http://img254.imageshack.us/img254/6351/bannerlg01fh6.jpg[/IMG]
Beitrag01.11.2008 um 07:12 (UTC)    
Titel:

Nein, denn du musst das Menü selber positionieren.
Dazu empfehle Ich dir lieber diesen Code:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.11.2008 um 12:47 (UTC)    
Titel: ihr versteht mich LEIDER alle faslch

ICH meine das es so aussieht:
Beschreibung wenn man mit der maus auf Logo-Bereich kommt (nicht klickt) kommen die unterbuttons kommen.
http://img376.imageshack.us/my.php?image=pagedropdownvd8.jpg

Kennt da einer den code
______________
[IMG]http://img254.imageshack.us/img254/6351/bannerlg01fh6.jpg[/IMG]
Beitrag01.11.2008 um 13:01 (UTC)    
Titel:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=56126
Den Code hab Ich dir auch schon ebend empfohlen,
denn das Coolmenü sieht dan so aus, wie auf www.designvorlage.de.tl

mfg
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.11.2008 um 13:10 (UTC)    
Titel:

mhh aber wie mache ich das mit dem Hintergrund ich kann nähmlöich nicht so gut html es sei den man makiert mir die setllen für hintergünde ...
______________
[IMG]http://img254.imageshack.us/img254/6351/bannerlg01fh6.jpg[/IMG]
Beitrag01.11.2008 um 13:14 (UTC)    
Titel:

Hier hab Ich es mal in rot makiert:
Zitat:
<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: 20px;padding-top: 5px;
}

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

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

/* Hier bestimmt Ihr das Aussehen der Menülinks */
.menu a
{
border: 0px solid #000000;
background-color: #000000;
background-image: url(Bild URL vom normalen Button);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF;
}

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

/* 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');">Menupunkt1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<!-- Menupunkt1 = Ü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>

______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag01.11.2008 um 13:17 (UTC)    
Titel: Danke!

Danke! VIelen dank ^^
Bin dir was schuldig!
Bin in letzter zeit unter zeitdruck ^^
______________
[IMG]http://img254.imageshack.us/img254/6351/bannerlg01fh6.jpg[/IMG]
Beiträge der letzten Zeit anzeigen:   


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