Hallo,
Ich habe im Internet ein sogenanntes Dropline-Menue gefunden. Dies ist eine Art Coolmenue, nur mit dem Unterschied, dass sich Links nicht vertikal, sondern horizontal öffnen.
http://www.cssmenus.co.uk/dropline.html
Am besten hat mir auf dieser Seite das dritte Menue gefallen, und deshalb habe mir auch den Code besorgt, um es in meine Seite einzubauen.
Code: /* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#dropline {padding:0; list-style:none; background:url(back.gif); text-align:center; margin:0 auto; font-size:12px; font-family:arial, sans-serif; height:41px; width:1000px; position:absolute; left:0; top:139px;}
#dropline div {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:1000px; text-align:center; background:url(trans.gif);}
#dropline table {border-collapse:collapse; font-size:1em; float:left; margin:-1px;}
#dropline ul li {display:inline; margin:0; text-align:left;}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0; padding:0 10px; background:transparent; font-weight:bold; font-size:11px;}
#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 25px 0 0; background:url(button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
#dropline li a.sub {background:url(button-arrow.gif) right top;}
html>/**/body #dropline li {display:inline-block; padding:0;}
* html #dropline li a {margin-bottom:-4px; margin-right:3px;}
#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(button.gif) left top; cursor:pointer;}
#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}
#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}
#dropline :hover div {left:0; top:41px;}
#dropline :hover ul li a:hover {text-decoration:underline; color:#800;}
Leider bin ich nicht wirklich in der Lage, den Code so zu gestalten, dass er für den Baukasten kompatibel wird. Deshalb hoffe ich, dass es jemand für mich erledigen könnte.
Ich bedanke mich schon einmal im Voraus!
PS: Falls es hier im Baukasten einen Grundcode für ein Dropline-Menue gibt (wie beim Coolmenue), würde ich mich sehr freuen, wenn ihn jemand hier posten könnte. Ich habe leider keinen solchen gefunden.
______________
Gruß,
Modgar