forum.ahadesign.eu

[Becky]

Hallo,

ich bin am verzweifeln, weil ich es es einfach nicht finde.
Folgendes Problem:
Im Topmenu soll der aktuell ausgewählte Button das gleiche Aussehen haben wie beim hover:



Wenn ich also den Button "Webhosting" anklicke, soll der das Aussehen von hover behalten.
Damit der Benutzer weiß, auf welcher Seite er sich befindet.

In der template.css müssten diese Sachen ab Zeilte 483 zu finden sein.
Ich habe auch schon alles mögliche probiert, aber scheinbar bin ich auf dem Holzweg.
Was und wo muss ich ändern?

Deswegen wäre ich für Hilfe dankbar. Vielen Dank im Voraus.

Viele Grüße
Becky

[Gerhard]

Hallo Becky,

die template.css ist hier der falsche Ort. Das Topmenü wird in der Datei menu.css definiert. Um das genannte Problem zu lösen, müsste etwas zusätzlicher Code in diese Datei geschrieben werden. Und zwar folgendes:

Code: Alles auswählen

#topmenu .menu li.active a:link,
#topmenu .menu li.active a:visited,
#topmenu .menu-nav li.active a:link,
#topmenu .menu-nav li.active a:visited,
#topmenu .menu li.active a:focus,
#topmenu .menu li.active a:hover,
#topmenu .menu-nav li.active a:focus,
#topmenu .menu-nav li.active a:hover {
   color:#585858;
   background-position: -120px 0;
   }

Dieser Code würde am besten unter die Zeile 110 passen. Also nach folgendem Block:

Code: Alles auswählen

#topmenu .menu li.parent a:focus, #topmenu .menu li.parent a:hover, #topmenu .menu-nav li.parent a:focus, #topmenu .menu-nav li.parent a:hover {
   color:#585858;
   background-position: -120px 0;
   }

Damit funktioniert also alles mit -nav oder auch ohne Menüklassen-Suffix. Es muss also nichts im Modul zum Menü eingestellt werden.

Ich hoffe, ich konnte im alten Jahr nochmal helfen.

Beste Grüße und einen guten Start ins neue Jahr
Gerhard

[Becky]

Hallo Gerhard,

ich wünsche Dir auch einen guten Start ins neue Jahr.

Vielen Dank für die schnelle Antwort. Ich habe das auch sofort eingebaut, aber leider reagiert nur das Menü links so wie gewollt.
Beim Topmenü bleibt alles beim alten. Deinen Code habe ich unverändert übernommen. Hast du eine Idee, woran das liegen könnte?

Vielen Dank nochmal

Viele Grüße
Becky

[Gerhard]

Wenn die aktuelle Version des Templates verwendet wird, muss es funktionieren. Ich habe es nochmal getestet und es klappt ohne Probleme. Also wenn es nicht klappt, einfach nochmal das Template bei uns herunterladen. Wenn es woanders heruntergeladen wurde, ist es sicher nicht die neueste Version.
Möglicherweise sind auch die Moduleinstellungen falsch. Also für das Topmenü soll kein Modulklassen-Suffix verwendet werden. Das Menüklassen-Suffix kann "-nav" lauten oder auch leer bleiben. Vielleicht ist auch beim einkopieren des Codes ein Fehler passiert. Der Code selber ist auf jeden Fall richtig.

[Becky]

Hallo Gerhard,

bitte entschuldige die verspätete Rückmeldung. Ich hatte viel um die Ohren.
Es war tatsächlich eine alte Version des Templates. Ich habe sie nicht selbst installiert und mich deshalb auf die Aussage des Beitreibers verlassen.
Ich habe die aktuelle installiert und nun geht.
Vielen Dank nochmal!!!!!!

Aber schon hat der Betreiber der Webseite das nächste Problem *seufz* :
Er möchte eine Trennlinie zwischen den Beiträgen haben.

Bei einer Spalte unten.
Ich war der Meinung, dass man das in der Klasse contentpaneopen einstellt.
Aber das mag er nicht. Ich habe es mit border-bottom : 2px dotted #CCCCCC; versucht.

Bei zwei Spalten möchte er die Trennlinie unten und in der Mitte.
Geht das?

Danke nochmal und viele Grüße!

[Gerhard]

Hallo Becky,

für diesen Zweck gibt es die Klassen column_separator und article_separator. Der column_separator färbt zum Beispiel die gesamte rechte Spalte. Hier könnte man also ein border-left verwenden. Für die Linie unten könnte man folgendes definieren:

Code: Alles auswählen

.article_separator {
   border-bottom:#000 1px solid;
   padding-right:80%;
   margin-left:10%;
}