PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
Joomla!
Abändern des horizontalen Menüs über onclick javascript
Beitrag
<blockquote data-quote="CrazyPlaya" data-source="post: 1728632" data-attributes="member: 198395"><p><strong>AW: Abändern des horizontalen Menüs über onclick javascript</strong></p><p></p><p>Also schon mal danke für die Tipps.</p><p>Hab die Datei zum Überschreiben gefunden<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p>Geht man bei den Modulen eigentlich genauso vor wie bei den Komponenten? </p><p>Also wie man das HTML Verzeichnis mit Unterverzeichnissen erstellt so dann auch ein Verzeichnis modules in meinem Template Verzeichnis erstellen und wie in diesem Fall dann ein Unterverzeichnis mod_mainmenu etc.?</p><p></p><p>Jetzt aber das Problem das ich noch habe. Bekomme die Grafiken jetzt nicht mehr korrekt angeordnet...habe es vorher dummerweise die ganze Zeit in einem Div getestet ohne ul und li:s</p><p></p><p>Hier mal mein CSS Code:</p><p>[CODE]</p><p>ul#mainlevel-nav, ul#mainlevel-nav li</p><p>{</p><p> list-style:none;</p><p> margin-left:118px;</p><p> padding:0px;</p><p>}</p><p></p><p>ul#mainlevel-nav</p><p>{</p><p> display:block;</p><p> height: 64px;</p><p>}</p><p></p><p>ul#mainlevel-nav li</p><p>{</p><p> display:inline-block;</p><p> float:left;</p><p> padding:0px;</p><p> margin:0px;</p><p> height:64px;</p><p> </p><p>}</p><p></p><p>ul#mainlevel-nav li a</p><p>{</p><p> display:block;</p><p> font-family:tahoma;</p><p> font-size:10pt;</p><p> font-weight:bold;</p><p> text-decoration:none;</p><p> padding:25px 20px;</p><p>}</p><p></p><p>//active_menu-nav ist die Id die von Joomla für den gewählten Link gesetzt wird</p><p>a#active_menu-nav</p><p>{</p><p> display:block;</p><p> background:url('../images/menu_tail.gif') top left repeat-x;</p><p> text-decoration:none;</p><p> font-weight:bold;</p><p> font-family:tahoma;</p><p> font-size:10pt;</p><p> height:40px;</p><p>}</p><p></p><p>a#active_menu-nav span</p><p>{</p><p> display:block;</p><p> float:right;</p><p> background:url('../images/menu_left.gif') left top no-repeat;</p><p> height:40px;</p><p> font-weight:bold;</p><p> font-size:10pt;</p><p> font-family:tahoma;</p><p>}</p><p></p><p>a#active_menu-nav span span</p><p>{</p><p> background:url('../images/menu_right.gif') right top no-repeat;</p><p> height:40px;</p><p> padding-left:50px;</p><p> padding-top:10px;</p><p> padding-right:50px;</p><p>}</p><p></p><p>//Hier nun der HTML Code. </p><p><div id="navi"></p><p><ul id="mainlevel-nav"></p><p> <li></p><p> <a href="" class="mainlevel-nav" id="active_menu-nav"></p><p> <span></p><p> <span>Home</span></p><p> </span></p><p> </a></p><p></li></p><p><li></p><p> <a href="" class="mainlevel-nav" ></p><p> Wir Sind</p><p> </a></p><p></li></p><p><li></p><p> <a href="" class="mainlevel-nav" ></p><p> Gottesdienst</p><p> </a></p><p></li></p><p></div><!-- Ende Navi --></p><p>[/CODE]</p><p></p><p>Dabei wird nun das mittlere Teil(menu_tail) oben dargestellt und die anderen beiden weiter unten.</p><p>Was muss ich noch anpassen?</p></blockquote><p></p>
[QUOTE="CrazyPlaya, post: 1728632, member: 198395"] [b]AW: Abändern des horizontalen Menüs über onclick javascript[/b] Also schon mal danke für die Tipps. Hab die Datei zum Überschreiben gefunden:) Geht man bei den Modulen eigentlich genauso vor wie bei den Komponenten? Also wie man das HTML Verzeichnis mit Unterverzeichnissen erstellt so dann auch ein Verzeichnis modules in meinem Template Verzeichnis erstellen und wie in diesem Fall dann ein Unterverzeichnis mod_mainmenu etc.? Jetzt aber das Problem das ich noch habe. Bekomme die Grafiken jetzt nicht mehr korrekt angeordnet...habe es vorher dummerweise die ganze Zeit in einem Div getestet ohne ul und li:s Hier mal mein CSS Code: [CODE] ul#mainlevel-nav, ul#mainlevel-nav li { list-style:none; margin-left:118px; padding:0px; } ul#mainlevel-nav { display:block; height: 64px; } ul#mainlevel-nav li { display:inline-block; float:left; padding:0px; margin:0px; height:64px; } ul#mainlevel-nav li a { display:block; font-family:tahoma; font-size:10pt; font-weight:bold; text-decoration:none; padding:25px 20px; } //active_menu-nav ist die Id die von Joomla für den gewählten Link gesetzt wird a#active_menu-nav { display:block; background:url('../images/menu_tail.gif') top left repeat-x; text-decoration:none; font-weight:bold; font-family:tahoma; font-size:10pt; height:40px; } a#active_menu-nav span { display:block; float:right; background:url('../images/menu_left.gif') left top no-repeat; height:40px; font-weight:bold; font-size:10pt; font-family:tahoma; } a#active_menu-nav span span { background:url('../images/menu_right.gif') right top no-repeat; height:40px; padding-left:50px; padding-top:10px; padding-right:50px; } //Hier nun der HTML Code. <div id="navi"> <ul id="mainlevel-nav"> <li> <a href="" class="mainlevel-nav" id="active_menu-nav"> <span> <span>Home</span> </span> </a> </li> <li> <a href="" class="mainlevel-nav" > Wir Sind </a> </li> <li> <a href="" class="mainlevel-nav" > Gottesdienst </a> </li> </div><!-- Ende Navi --> [/CODE] Dabei wird nun das mittlere Teil(menu_tail) oben dargestellt und die anderen beiden weiter unten. Was muss ich noch anpassen? [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
CMS, Shopsoftware & Forensysteme
Joomla!
Abändern des horizontalen Menüs über onclick javascript
Oben