Hallo Leute
Ich baue mir gerade eine neue theme und möchte in einer oberen leiste ein drop down menü haben.
jedoch hab ich von js keinen plan. ich hab auch schon gegooglt, auch massig code um die Ohren geschmissen bekommen.
Doch ehrlich blick ich es nicht, codeschnipsel hab ich nach anleitung eingebaut und es tut sich nix.
zumindest nich das was ich will :puzzled:
Ich würde mich freuen, wenn sich jemand meiner Sache annimmt und mir helfen würde.
ich möchte oben einen Button und bei mouseover soll ein untermenü angezeigt werden, bei anklicken eines untermenüpunktes soll er an die url weitergeleitet werden.
Danke im Vorraus
gruß
thorsten
Hoi ;)
Statt auf JavaScript würde ich auf CSS für so ein Menü setzen, denn dann gibt's auch keine Probs bei Leuten, die JS abgeschaltet haben. Bei CSSplay (http://www.cssplay.co.uk/) gibt's ne Menge davon: http://www.cssplay.co.uk/menus/
Was für eine hammergeile Seite...
Ist grad in die Bookmarks geflogen... Mensch, kann man da viele tolle Sachen realisieren !
Danke !
Zitat von: breakdancer in 03 August 2008, 23:00:22
Ist grad in die Bookmarks geflogen... Mensch, kann man da viele tolle Sachen realisieren !
Bei mir auch ! Thanx.
Mein Unterhaltungsprogramm für die nächste Zeit ist damit gesichert :smile:
ist ja gigantisch :puzzled:
danke für die super Seite :thumbup: mal schaun ob ichs gebacken kriege :gruebel:
werd mich gleich mal dran versuchen.
Besten Dank
Gruß
Thorsten
hab da jetzt einige durchgeschaut, jedoch hab ich keine vorlage gefunden, die ein dropdown menü auf einen Button(grafik)
ausgelegt ist.
Bei den Vorlagen wird jede Schaltfläche erst im css erzeugt.
Wie mach ich das den?
Komm da nich weiter :mad2:
Hoi ;)
ZitatBei den Vorlagen wird jede Schaltfläche erst im css erzeugt.
Und wo ist jetzt das Problem? :BD:
Du kannst per CSS auch eine Hintergundgrafik anzeigen lassen:
background-image: url(...);
background-repeat: no-repeat;Das bauste dann einfach zusätzlich in die entsprechende(n) CSS-Klassen ein.
Mehr zum Thema findest Du hier: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm
Hallo
Hab das Dropdown menü erstellt.
Im Firefox funktioniert es auch wunderbar.
Jedoch im IE 7 wird zwar das Hauptmenü angezeigt, jedoch nicht die untermenüs.
hier mein code
könnte mir da jemand weiter helfen?
den hab ich in die style.css eingefügt
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #011D4D;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bolder;
font-size:12px;
color: #FFFFFF;
background-color: #011D4D;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #011D4D;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #011D4D;}
.pd_menu_01 ul li:hover a {background-color:#569FCA; text-decoration:none; color:#011D4D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#011D4D; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #011D4D;}
.pd_menu_01 ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#011D4D; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#569FCA; text-decoration:none;color:#011D4D;} /*Color subcells hovering mode*/
den hab ich in der theme.html eingefügt :red:
<div class="pd_menu_01 ">
<ul><li><a href="/klick">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Account<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=" >Dein Profil</a></li>
<li><a href="/modules.php?name=" >Dein Avatarbuch</a></li>
<li><a href="/modules.php?name=" >Deine Buxx</a></li>
<li><a href="/modules.php?name=" >Deine Page</a></li>
<li><a href="/modules.php?name=" >Dein Gästebuch</a></li>
<li><a href="/modules.php?name=" class="lastone">Priv.Mitteilungen</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Hauptmenü<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=" >Webcams</a></li>
<li><a href="/modules.php?name=" >Umfragen</a></li>
<li><a href="/modules.php?name=" >Downloads</a></li>
<li><a href="/modules.php?name=" >Voting</a></li>
<li><a href="/modules.php?name=" >Chat</a></li>
<li><a href="/modules.php?name=" >Galerie</a></li>
<li><a href="/modules.php?name=" >Links</a></li>
<li><a href="/modules.php?name=" class="lastone">Video`s</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Foren<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=astrologie" >Astrologie, Esoterik & Verschwörungen</a></li>
<li><a href="/modules.php?name=auto" >Auto, Motorrad & Verkehr</a></li>
<li><a href="/modules.php?name=beruf" >Beruf, Bildung, Hobby & Freizeit</a></li>
<li><a href="/modules.php?name=computer" >Computer & Unterhaltung</a></li>
<li><a href="/modules.php?name=familie" >Familie, Finanzen & Gesundheit</a></li>
<li><a href="/modules.php?name=spiele" >Spielwiese</a></li>
<li><a href="/modules.php?name=politik" >Nachrichten, Politik & Regionales</a></li>
<li><a href="/modules.php?name=reisen" >Reisen</a></li>
<li><a href="/modules.php?name=sport" >Sport</a></li>
<li><a href="/modules.php?name=technik" class="lastone">Wissenschaft & Technik</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Informativ<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=" >News</a></li>
<li><a href="/modules.php?name=" >Testberichte</a></li>
<li><a href="/modules.php?name=" >Archiv</a></li>
<li><a href="klick" >Kalender</a></li>
<li><a href="/modules.php?name=" class="lastone">Fragen & Antworten</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
<ul><li><a href="">Internes<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]-->
<ul>
<li><a href="/modules.php?name=" >Das Team</a></li>
<li><a href="/modules.php?name=" >Feedback</a></li>
<li><a href="/modules.php?name=" >Bewerben</a></li>
<li><a href="/modules.php?name=" >Gästebuch</a></li>
<li><a href="/modules.php?name=" >Kontakt</a></li>
<li><a href="/modules.php?name=" class="lastone">unsere Banner</a></li>
</ul>
<!--[if IE]></td></tr></table></a><![endif]--></li></ul>
</div>
Im IE 6 konnte ich es leider nicht testen.
:cool:
meine testseite ist
http://test.computertreff.de/index.php (http://test.computertreff.de/index.php)
Könnte mir bitte jemand weiter helfen?
Gruß
thosten
:crash:
Das Problem kommt erst, wenn ich den code in die theme einfüge.
als reine html seite klappt es wunderbar. :puzzled:
Was mach ich den falsch :gruebel:
Anscheinend liegt das Problem noch immer am Pragmamx
Blick es zwar nicht ganz, da es ja Pragma seiten mit dropdwn menü gibt.
Aber das Prob ist hier auch schon gewesen
http://www.pragmamx.org/Forum-topic-20826.html (http://www.pragmamx.org/Forum-topic-20826.html)
Wenn jemand eine Lösung hat, wäre ich sehr dankbar
gruß
thorsten
:puzzled:
Schmeiß bald alles hin.
Mittlerer weile öffnen sich die Untermenüs im IE 7, Sie werden richtig nach unten angezeigt, jedoch wenn man auf eines der untermenüs mit der mouse geht, klappen die menüs nach rechts weg.
:puzzled:
AHHHHHHHHHHHHHHHH Ich könnte schreien,
ist das auch im IE 6?
Würde da bitte mal jemand schauen?
hier der neue link
http://testseite.computertreff.de/index.php (http://testseite.computertreff.de/index.php)
und hat jemand eventuell eine Idee woran es liegt?
gruß
Thorsten
Moin :)
also ich habe deine beiden Codeschnippsel gerade in eine Kopie des mx-compact themes reingepackt
Im IE7 funktioniert es dann einwandfrei. Im IE6 passiert garnichts.
Ich denke es liegt ein grundsätzliches Problem mit dem Theme vor. Irgendwas ist da mit den Stylesheets nicht kompatibel...
Dass im IE6 nichts kommt kann evtl. auf die enthaltenen conditional-comments zu tun haben, die nur für den IE7 ausgelegt sind:
<!--[if IE 7]>
Hallo Thorsten,
so wie auf meiner Seite?
versuch mal die im Anhang. Oder als Beispiel nehmen und umbauen ...
Leider habe ich kein WIN-dingens kann ich nur in einer VM (VirtualMaschiene WINXP IE6, IE7) oder unter WINE (IE6) testen
Peter
Entschuldigt das ich erst jetzt Antworte.
Hatte leider Dienst.
Danke Euch, das menü funktioniert ja klasse, :thumbup:
Werd es mir anpassen.
Danke
Gruß
Thorsten