Joomla Menüs ändern

[lucky51179]

Hallo versuch seit längeren ein Template von Joomla 1.0 auf 1.5 zu ändern das hat bis jetzt schon ganz gut geklappt.

Leider scheiderts jetzt am menü ändern ich weis die Bezeichnung nicht.


Aktuelle seite:

und so sollte es aussehen:

Ich habe gedacht so ändere ich die Menü ansicht.

.menu li a:link, ul.menu a:visited {
    border-top-width: 1px;
    border-top-style: dotted;
  border-top-color: #444444;
    padding: 3px;
    display: block;
    color: #9f411e;
    right: 8px;
    text-decoration: none;
    font-weight: bold;

    position: relative;
    background-position: left 48%;
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

.menu li a:hover {
    display: block;
    color: #74371b;
    background-position: left 48%;
    background-repeat: no-repeat;
    background-position: 4px 50%;

}
.menu li a:active {
    display: block;
    color: #74371b;
    background-position: left 48%;
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

Hilfe hoffentlich kann mir jemand helfen.

 

[Samuelll]

AW: Joomla Menüs ändern

Was verstehst du unter Ansicht ändern ?

Mit den Links zeigst du uns 2 komplett unterschiedliche Templates.

Ich kann daraus nicht erkennen was du denn nun ändern möchtest !
Beschreib das doch mal ausführlicher bitte !

 

[lucky51179]

AW: Joomla Menüs ändern

Oh Sorry meine ich möchte das obere und das rechte menü gleich haben-

 

[Samuelll]

AW: Joomla Menüs ändern

Du willst also im Template "ttsdterrapanther" die Menüs gleich haben, verstehe ich das richtig ?

Was verstehst du unter gleich ? gleiche Position ? gleiche Farbe ?

 

[lucky51179]

AW: Joomla Menüs ändern

Es sollte die Hoverfunktion gleich sein die Farbe und dieses könnte auch gleich sein weiss aber nur nicht wie das gehen soll

 

[Samuelll]

AW: Joomla Menüs ändern

Schau doch mal in den Quelltext :

Du musst die Divs

- search
- top
- topmenu_u

anpassen um die Modulfarbe zu ändern.

Dein Modul eine ul mit id="mainlevel-nav", sowie ein a Tag mit class="mainlevel-nav".

Die kannst du nutzen um das aussehen nur dieser Links anzupassen !

 

[lucky51179]

AW: Joomla Menüs ändern

Also wenn ich das Richtig verstehe mache ich mit den Divs das hintergrundbild und kann dann in denjenigen Div die Farben für die Links sowie die Größe der Schriftart wählen.

Aber ich weiss jetzt im ersten moment nicht wie ich da anfangen soll kannst du mir ein Beispiel zeigen.

Danke

 

[Samuelll]

AW: Joomla Menüs ändern

Erstmal solltest du dir unbedingt im FF Firebug installieren.

Dann kannst du mit rechtsklick --> untersuchen direkt im HTML-Quelltext schauen welche Classe oder ID Dein Tag hat.

Das Formatieren von Divs oder Links sind wichtige Basics, die du auch hier im Forum oderi n den Tutorials bereits viele Male behandelt findest. Daher solltest du dir unbedingt soetwas mal genauer anschauen !

Farbe ändern im Div :

#top {
background-color : #FFFFFF; //Farbe Ändern
// oder
background: transparent url(../images/bgtop.gif) repeat scroll 0 0; //Hintergrundbild eingefüght und ausgerichtet


}

Link :

a.classname:link,
a.classname:visited,
a.classname:hover {
color:#F1F1F1; // Beispielinhalt

}

 

[lucky51179]

AW: Joomla Menüs ändern

Jetzt wird es langsam besser jetzt finde ich am rechten menü nur keine classname
und beim oberen habe ich so komische menüpunkte.

 

[Samuelll]

AW: Joomla Menüs ändern

Entschuldige bitte, dass meine Antwort nun nicht ganz so freundlich ausfällt. Aber ich glaube du hast so ziemlich keine Ahnung von CSS und du solltest dich erstmal mit den Basics in diesem Bereich befassen.


Nachfolgender Texte ist das rechte Menu der von dir genannten Seite :

<div class="moduletable">
<h3>Hauptmenü</h3>
<ul class="menu_menu">
<li id="current" class="active item1"></li>
<li class="parent item27"></li>
<li class="item2"></li>
<li class="item37"><a href="/pcarts/index.php?option=com_content&view=section&id=4&Itemid=37"><span>Mehr über Joomla!</span></a></li>
<li class="item41"></li><li class="item50"></li>
<li class="item48"></li><li class="item49"></li>
</ul>
</div>

Klassennamen findest du überall wo class="PLATZHALTERFÜREINENNAMEN" steht.

Und die komischen Punkte sind die Auflistungspunkte für ein Listenelement !

Ein Menu ist eine Liste aus Links, darum werden Menus meist aus Listen zusammen gebaut !

 

[lucky51179]

AW: Joomla Menüs ändern

wenn ich aber die class "menu_menu" nehme ändert sich nichts am rechten menü

 

[lucky51179]

AW: Joomla Menüs ändern

Also ich muss sagen ich verzeifle

für das rechte menü sieht es bei mir wie folgt aus

.menu li, .menu { 
    height : 20px;
    list-style-type : none;
    margin : 0px 0;
    padding-right : 0;
    width : 170px !important;
    border : 0;
    border-bottom-width : 0;
    font-weight : normal;
    }
    
.menu li, .menu:link, .menu li, .menu:visited { 
    font : 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background : url(../images/mainlevel.gif) repeat-x bottom left;
    padding : 3px 0;
    padding-top : 0;
    padding-left : 6px;
    color : white;
    display : block;
    height : 20px;
    width : auto;
    text-decoration : none;
    font-weight : normal;
    }
    
.menu li, .menu:hover { 
    background : url(../images/mainlevelhover.gif) repeat-x bottom left;
    color : white;
    text-decoration : none;
    font-weight : normal;
    }
    
.menu li, .menu:active { 
    background : url(../images/mainlevelhover.gif) repeat-x bottom left;
    color : white;
    text-decoration : none;
    font-weight : normal;
    }

und beim oberen dur den " list-style-type : none" sollten eigentlich keine aufzählungspunkte kommen leider sind sie aber da was mach ich da falsch

a.mainlevel-nav { 
    height : 20px;
    list-style-type : none;
    margin : 0px 0;
    padding : 0;
    width : 190px;
    border : 0;
    border-bottom-width : 0;;
    font-weight : normal;
    }

a.mainlevel-nav:link, a.mainlevel-nav:visited { 
    font : 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background : url(../images/topmenu.gif) repeat-x bottom left;
    padding : 3px 0;
    padding-top : 0;
    padding-left : 6px;
    color : white;display : block;
    height : 20px;
    width : auto;
    text-decoration : none;
    font-weight : normal;
    }
    
a.mainlevel-nav:hover { 
    background : url(../images/topmenuhover.gif) repeat-x bottom left;
    }
    
a.mainlevel-nav:active { 
    background : url(../images/topmenuhover.gif) repeat-x bottom left;
    color : white;
    }

 

[Samuelll]

AW: Joomla Menüs ändern

:link, .visited, : hover gehört nur an Links dran. Und dann ist, glaub ich, auch noch die Reihenfolge wichtig, wenn du Klassen einsetzt.


Siehe mein Beispiel unten !

list-style-type wird auf das ul nicht auf das li angewendet.

 

[lucky51179]

AW: Joomla Menüs ändern

Nun bin ich wieder ein stücken weiter leider weis ich jetzt nicht warum beim oberen Menü das ganze nicht nach links rutscht damit es eine durchgehende linie ist.

.mainlevel-nav li, .mainlevel-nav {
 height : 20px;
 list-style-type : none;
 margin : 0px 0;
 padding : 0;
 width : 190px;
 border : 0;
 border-bottom-width : 0;
 font-weight : normal;
 
}
.moduletable li {
 background : url(../images/topmenu.gif) repeat-x bottom left;
 padding : 3px 0;
 padding-top : 0;
 padding-left : 6px;
 color : white;
 display : block;
 height : 20px;width : auto;
 text-decoration : none;
 font-weight : normal;
 }
 
 
a.mainlevel-nav{
 font : 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color : white;
}
 
.moduletable a:hover{ 
 color : #D5A27A}

 

[Samuelll]

AW: Joomla Menüs ändern

Ok. Dann einen weiteren wichtigen Tip für Dich.

1. Installiere für Firefox Web Developer Toolbar und Firebug
2. Nimm dir 2 Wochen um zu lernen das CSS ausmacht und wie ein Element aufgebaut ist.
Insbesordere margin und padding solltest du unbedingt verstehen !!!
3. Schau dir Deine Liste genauer an und überleg was daran schuld sein könnte, dass die Li-Elemente nicht nach links rücken !!!!!

Danach solltest du die Grundlagen soweit verstanden haben, dass du dir die Frage sicher selbst beantworten kannst.