Portal Menü Mouseover

[JeRicHoOL]

Wenn man bei euch im Portal ist und mit der Maus über die Optionen im Main Menü tut dann wird die Schrift beim Mouseover rot. Könnt ihr mir sagen wie ihr das gemacht habt? Anscheinend ist das im Portal nicht standardmäßig wie ich es bei meinem bemerkt habe (1.0.2).

[Christian_N]

Hallo,
das ist so wie auch hier (prosilver) portal.php?style=1 weil hier es etwas anders ist liegt an das eigenen Style
Aber ändern würden sich es in der portal.css
Siehe auch folgenden KB: Die portal.css anpassen/bearbeiten

Gruß Chris

[thomas.d]

Hi,

ich glaube, sowas habe ich gestern erst beantwortet ...

öffne portal.css

finde

Code: Select all

.portal-navigation li a:hover {
background-color: #2586d7;

ändere

Code: Select all

background-color: #2586d7;

entsprechend

[Edit]Chris, du bist wie Lucky Luke, der schneller schießt als sein Schatten ...

[Christian_N]

[Edit]Chris, du bist wie Lucky Luke, der schneller schießt als sein Schatten ...

<!-- OT-Begin --> Nur ob ich auch "Lucky" bin? <!-- OT-End -->

[JeRicHoOL]

Das funktioniert nicht.
Habe im folgenden Code die Hintergrundfarbe geändert zu schwarz und die Schrift bleibt beim Mouseover immer noch weiß.

Code: Select all

.portal-navigation li a:hover {
background-color: #2586d7;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;}

Könnt ihr mir bitte genau sagen welche Stelle im portal.css für das Mousover vom Text im Menü verantwprtlich ist?

Danke

[thomas.d]

Das funktioniert nicht.
Habe im folgenden Code die Hintergrundfarbe geändert zu schwarz und die Schrift bleibt beim Mouseover immer noch weiß.

Code: Select all

.portal-navigation li a:hover {
background-color: #2586d7;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;}

Könnt ihr mir bitte genau sagen welche Stelle im portal.css für das Mousover vom Text im Menü verantwprtlich ist?

Danke

Hi,

sorry, der Tipp war nicht vollständig.

portal.css:

Code: Select all

.portal-navigation li a:hover {
background-color: #2586d7;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;}

füge ein:

Code: Select all

color: #CC0000;

so dass es so aussieht:

Code: Select all

.portal-navigation li a:hover {
color: #CC0000;
background-color: #2586d7;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;}

.portal-navigation li = die Klasse
a:hover = der Link, hier MouseOver (hover)
color: #CC0000; = die Textfarbe (hier das Rot wie im Board3 Portal)
background-color: #2586d7; = die Hintergrundfarbe

Und nicht vergessen, Theme-Cache leeren!

[Christian_N]

background-color: #2586d7; = die Hintergrundfarbe

Regulär richtig, aber man muss bedenken wenn man diesen Wert ändert das die eh nicht sichtbar greift, da es ja mit einer Grafik überdeckt wird:

Code: Select all

background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");

Des bedeuten das die Grafik bg_portalmenu.gif und bg_portalmenu1.gif auch bearbeitet werden müssten mit der gewünschte Farbe dann.
Sofern der Hintergrund geändert werden sollten.

[JeRicHoOL]

Vielen Dank. Das hinzufügen von "color: 000000;" hat's gebracht.