Seite 1 von 1
Menürollover-Farbe ändern
Verfasst: 18.10.2013 09:51
von reen389
Hallo alle zusammen,
ich benutze die phpbb Version 3 und das Style GTATheme,
ich habe das originale Theme schon ein wenig angepasst, icons und banner geändert , nun wollte ich aus dem Standart blau ein Kiwigrün machen, habe im Code soweit ich finden konnte jedes blau mit meinem grün ersetzt aber leider ist das rollovermenü immer noch blau, wie kann ich es machen, dass das rollover menü grün wird?
[url]http:
www.forum.forum-gtav.de[/url]
das ist das forum.
ich bedanke mich im vorraus
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 10:07
von AYYILDIZLAR
Hallo,
Wenn du an deinem eigenen Style arbeitest, wäre das die richtige Lektüre für dich KB:201
Grüße
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 10:47
von reen389
Ich danke dir für die schnelle Antwort, ich habe mir das mal durchgelesen aber dies beschrieb eigentlich genau meine vorgehensweise.Ich habe mit Textwrangle das von mir bearbeitete Theme komplett nach dem Farbcode durchsucht und alles ersetzt und erneut hochgeladen aber leider ist das Menü immer noch blau
es befindet sich auch kein Bilddatei im image-ordner oder so
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 10:56
von Gast234254
öffne root/styles/GTATheme/theme/common.css und suche nach #cssmenu
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 11:12
von reen389
Ich hab die komplette commons.css Datei durchforstet und entdeckte auch ein leicht veränderteres Blau welches ich gleich mit dem grünem code ersetzte. Danach habe ich .css gespeichert und geuploaded und ersetzt. Cache gelöscht, Firfefox neugestart doch leider ist das menü immer noch blau
So sieht der Code bei mir aus.
Bisher lief alles problemlos aber das verzweifelt mich
Code: Alles auswählen
/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
width: 980px;
margin: 0 auto;
}
#cssmenu {
padding: 0;
margin: 0;
border: 0;
width: auto;
}
#cssmenu ul,
#cssmenu li {
list-style: none;
margin: 0;
padding: 0;
}
#cssmenu ul {
position: relative;
z-index: 597;
}
#cssmenu ul li {
float: left;
min-height: 1px;
vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
position: relative;
z-index: 599;
cursor: default;
}
#cssmenu ul ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
#cssmenu ul ul li {
float: none;
}
#cssmenu ul ul ul {
top: 0;
left: 190px;
width: 190px;
}
#cssmenu ul li:hover > ul {
visibility: visible;
}
#cssmenu ul ul {
bottom: 0;
left: 0;
}
#cssmenu ul ul {
margin-top: 0;
}
#cssmenu ul ul li {
font-weight: normal;
}
#cssmenu a {
display: block;
line-height: 1em;
text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
background: #333;
border-bottom: 4px solid #2dff0b;
font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
font-size: 12px;
}
#cssmenu > ul {
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu ul {
text-transform: uppercase;
}
#cssmenu ul ul {
border-top: 4px solid #2dff0b;
text-transform: none;
min-width: 190px;
}
#cssmenu ul ul a {
background: #2dff0b;
color: #ffffff;
border: 1px solid #2dff0b;
border-top: 0 none;
line-height: 150%;
padding: 16px 20px;
font-size: 12px;
}
#cssmenu ul ul ul {
border-top: 0 none;
}
#cssmenu ul ul li {
position: relative;
}
#cssmenu ul ul li:first-child > a {
border-top: 1px solid #2dff0b;
}
#cssmenu ul ul li:hover > a {
background: #2dff0b;
color: #ffffff;
}
#cssmenu ul ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-moz-box-shadow: 0 1px 0 #2dff0b;
-webkit-box-shadow: 0 1px 0 #2dff0b;
box-shadow: 0 1px 0 #2dff0b;
}
#cssmenu ul ul li:last-child:hover > a {
-moz-border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
border-radius: 0 0 0 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
content: '+';
position: absolute;
top: 50%;
right: 15px;
margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
background: #2dff0b;
color: #ffffff;
}
#cssmenu ul li.has-sub > a:after {
content: '+';
margin-left: 5px;
}
#cssmenu ul li.last ul {
left: auto;
right: 0;
}
#cssmenu ul li.last ul ul {
left: auto;
right: 99.5%;
}
#cssmenu a {
background: #333;
color: #CBCBCB;
padding: 0 20px;
}
#cssmenu > ul > li > a {
line-height: 48px;
font-size: 12px;
}
.avatar-frame{border: 2px solid #2dff0b;}
.avatar-frame,.avatar-frame img{
width: 50px;
height: 50px;
-webkit-border-radius: 30px; /* Saf3+, Chrome */
border-radius: 30px; /* Opera 10.5, IE 9 */
/*-moz-border-radius: 30px; Disabled for FF1+ */
}
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
width:980px;
margin: 0 auto;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 11:28
von Gast234254
ändere den Farbode hier
Code: Alles auswählen
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
background: #1b9bff;
color: #ffffff;
}
#1b9bff in deinen gewünschten.
Der Style muß aber noch auf phpBB 3.0.12 aktualisiert werden.
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 11:36
von reen389
hast du den Code aus meinem zitiert?
weil bei mir im Quelltext ist das schon ersetzt und hochgeladen aber es ist trotzdem noch blau, wärst du vielleicht so nett und könntest dir den Style mal schnell anschauen? Ich finde keinen blauen Farbcode mehr
ich habs einfach mal hochgeladen und hoffe das mir geholfen werden kann.
ich danke im vorraus !
Edit:
Danke!!! ich habs !!! dein Tipp mit dem aktualisieren hats gebracht.
Für jeden der das selbe Problem hat , hier ein link , dort steht wie man änderungen am style aktualisiert
https://www.phpbb.de/kb/tippstyles
ich danke für die schnelle Hilfe
Re: Menürollover-Farbe ändern
Verfasst: 18.10.2013 11:54
von AYYILDIZLAR
Nach Änderungen am Style z.B. Template, Theme usw. immer das hier machen(hast du ja inzwischen auch rausbekommen) KB:169
Das was wintstar meint, ist dein Style auf die aktuelle Version 3.0.12 zu aktualisieren
wintstar hat geschrieben:Der Style muß aber noch auf phpBB 3.0.12 aktualisiert werden.