hpbkworld - Drop Menu

Herzlich Willkommen bei uns!

Ich heiße Sie Willkommen auf meiner Seite. Was finden Sie hier? Sie finden hier Hilfreiche Tipps, Tricks und obendrauf noch Designs für Den Homepage-Baukasten.de. Viel Spaß wünsche ich Ihnen nun auf meiner Seite. »

Hall of Fame!

Ab sofort Neu: Hall of Fame! Alle Sieger der Awards werden auf ewig in die Hall of Fame eingetragen! »

Vote mit!!

Die Schlacht beginnt! 9 Kanidaten, kämpfen um den Preis "August Award Sieger"! Nur 3 Schaffen es! Die anderen gehen Leer aus! Vote für dein Favoriten und helfe ihn, zu Gewinnen! Wer hat die Nase vorn? Wer wird Sieger? »

Css Templates Coden!

Ab sofort werde ich euch Css Templates aus dem Internet Coden! Wie es geht erfahre indem Sie auf das Bild klicken! »

"Endlich Awards"

Endlich Awards mit kostenloser Teilname und Gewinn! Meldet euch doch Kostenlos an, vielleicht bist du ja der nächste Gewinner der was Gewinnt! Erfahre einfach mehr indem du auf das Bild klickst! »

Drop Menu

Das Drop Menu ist eine Navigation die man sich nach ihren Design anpassen kann. Es wird für IceBlue Designs empfohlen den bei CSS-Design sieht es nicht ganz so toll aus. Doch es ist jeden selbst überlassen wo er das Drop Menu einsetzt. Das Menu kann man umändern und weitere Menu Teile dran setzten. Um das Drop Menu zu erhalten tuhe einfach das:

Das Drop Menu wird unter Design -> Erweiterte Einstellungen -> Text unter dem Design eingefügt.

Anpassen kann man das Drop Menu hier:

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 100px;
left: 270px;
width:850px; }

Nun kannst du den HTML-Code für das Drop Menu kopieren:

<style type="text/css" media="screen">
<!-- 
/* keine Auflistungspunkte vor Navi-Links */ 
ul, li { 
list-style-type: none; 
padding: 0px; 
margin: 0px; } 

/* Abstand zwischen Schrift zum Rand */ 
li a { 
padding-right: 20px; 
padding-top: 5px; } 

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */ 
div.menu { 
position: absolute; 
z-index: 3; 
top: 190px; 
left: 100px; 
width:850px; } 

/* Breite der Menüpunkte einstellen */ 
.menu li { 
width: 160px; 
float: left; } 

/* Aussehen der Menüpunkte einstellen (Hintergrund, Schriftart und Größe) */ 
.menu a { 
border: 0px solid #000000; 
background-color: #000000; 
background-image: url(URL); 
font-family: Verdana, sans-serif; 
font-size: 14px; 
text-align: center; 
text-decoration: none; 
font-weight: bold; 
cursor: pointer; 
margin: 0px; 
display: block; 
height: 23px; 
color: #00CCFF; } 

/* Aussehen der Menüpunkte beim Hover Effekt */ 
.menu a:hover { 
background-color: #00CCFF; 
background-image: url(URL); 
color: #000000; } 

#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>
<!-- 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);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu1')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu1')%3B%22">Hauptmenü 1</a>
<ul id="smenu1" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu1')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu1')%3B%22">
<li><a href="Unterlink 1.1" _fcksavedurl="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2" _fcksavedurl="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3" _fcksavedurl="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4" _fcksavedurl="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5" _fcksavedurl="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu2')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu2')%3B%22">Hauptmenü 2</a>
<ul id="smenu2" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu2')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu2')%3B%22">
<li><a href="Unterlink 2.1" _fcksavedurl="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2" _fcksavedurl="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu3')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu3')%3B%22">Hauptmenü 3</a>
<ul id="smenu3" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu3')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu3')%3B%22">
<li><a href="Unterlink 3.1" _fcksavedurl="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2" _fcksavedurl="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu4')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu4')%3B%22">Hauptmenü 4</a>
<ul id="smenu4" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu4')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu4')%3B%22">
<li><a href="Unterlink 4.1" _fcksavedurl="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2" _fcksavedurl="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" _fcksavedurl="javascript:void(0);" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu5')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu5')%3B%22">Hauptmenü 5</a>
<ul id="smenu5" onmouseover_fckprotectedatt="%20onmouseover%3D%22montre('smenu5')%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22cache('smenu5')%3B%22">
<li><a href="Unterlink 5.1" _fcksavedurl="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2" _fcksavedurl="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>

------------------------------>Ich danke die heutigen 6 Besucher die HpBkWorld besuchten!<------------------------------

StreamJa!
NanoBot
Web Blog
Club Runner