Button Farbe ändern
Hallo!
Ich möchte gerne bei meinem Template (NLD_022) die Farben der Button von GRÜN auf SCHWARZ ändern (siehe Foto).
Und wenn man mit der Maus auf die Schaltfläche geht statt GRAU ---> BLAU!
Leider ist meine Site nur LOKAL........ könnt ihr mir trotzdem irgendwie helfen????
Danke
anzi
leider KEIN Bild sichtbar
Aber schau dir die Angaben dazu in der CSS an
Farbenwerte ansehen und Ändern
oder wenn es mit Images gemacht wurde diese ansehen und ändern
Viel Spaß
(Sofern dir meine Antwort geholfen hat, drücke einfach LINKS den "DANKE" - BUTTON)
spiele mich schon seit ein paar tagen im css und komm leider nicht dahinter!
bild habe ich vergessen anzuhängen
ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
font-size: 1em;
}
ul#mainlevel-nav li {
background-color: url() repeat-x;
text-align: right;
line-height: 20px;
white-space: nowrap;
width:80px;
display: block;
padding-left: 0px;
padding-right: 0px;
text-decoration: none;
color: #ffffff;
margin-left:0px;
height: 20px;
float: left;
nargin: 0;
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
}
ul#mainlevel-nav li a {
display: block;
text-align:center;
text-decoration: none;
color: #ffffff;
background-color: #;
width: 80px;
height: 20px;
border-top: 0px outset #464646;border-right: 0px outset #464646;font-weight: bold;
text-transform: normal;
}
#buttons>ul#mainlevel-nav li a {
width: auto;
}
ul#mainlevel-nav li a:hover {
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #464646;
width: 80px;
height: 20px;
border: 0px solid #ffffff;font-weight: bold;text-transform: normal;
}
ul#mainlevel-nav li a:active {
text-align: center;
text-decoration: none;
color: #ffffff;
background: url() repeat-x;
width: 100px;
height: 20px;
border: 0px solid #333333;font-weight: bold;text-transform: normal;
}
Vielen Dank
anzi
Warst schneller, als ich geantwortet habe.
Durch CSS-Wüsten wie oben wühlt sich normalerweise niemand hier durch und ein Bild nutzt uns auch nichts. Wir analysieren mit geeigneten Tools eine Site und können dir dann zielgenau sagen, was wo wie geht. Alles andere kannst du vergessen. Also brauchts einen Link oder du schaust selber nach. Geeignete Tools dafür findest du hier:
Add-On im Firefox (und im Chrome über 'Erweiterungen'): Firebug - zum analysieren und suchen von CSS-Angaben und mehr in der eigenen Website:
http://getfirebug.com/
(Wobei der Chrome nur eine abgespeckte Version vom Firebug hat).
Und die Hilfe dazu:
http://getfirebug.com/wiki/index.php/Main_Page
Wahlweise im Internet Explorer die F12-Taste drücken.
Im Opera: Ansicht/Entwicklerwerkzeuge --> Opera Dragonfly
EDIT: Ansonsten steht da doch eine klare Angabe: background-color: #464646;
Hast da schon mal versucht was zu ändern?
Axel
Geändert von time4mambo (10.09.2010 um 13:00 Uhr)
Schulungen, Webentwicklung: time4mambo
(Video-)Tutorials: time4joomla
Aktuelle Projekte: Verschiedene Joomla-Bücher schreiben
Also Anhand deiner CSS und der Glaskugel
Ändere mal den Wert: background-color: #464646;
in
background-color: RED;
wenn dann was ROT ist, dann bist am richtigen Weg
2te Möglichkeit
Du gehst auf den Button und sagst RE klick: speichern unter
wenn das nicht geht, dann hast auf jeden Fall eine farbangabe und kein Image
(Sofern dir meine Antwort geholfen hat, drücke einfach LINKS den "DANKE" - BUTTON)
Ja ein Link wäre sehr vorteilhaft...so kann man nur raten...
Ich vermute mal, dass die Hintergrund-Farbe des Menüs hier geändert werden kann(rot markiert):
ul#mainlevel-nav li a {
display: block;
text-align:center;
text-decoration: none;
color: #ffffff;
background-color: #;
width: 80px;
height: 20px;
border-top: 0px outset #464646;border-right: 0px outset #464646;font-weight: bold;
text-transform: normal;
}
Dort einfach mal #000000 eingeben und dann sollte das Menü schwarz sein.
Und dden Hover-Effekt hier:
ul#mainlevel-nav li a:hover {
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #464646;
width: 80px;
height: 20px;
border: 0px solid #ffffff;font-weight: bold;text-transform: normal;
}
Durch eine Farbe deiner Wahl ändern, entweder einen Hex-Wert oder z.B. green
Edit: Marcus77 war etwas schneller
Geändert von Gnaarz (10.09.2010 um 13:06 Uhr)
Gruß Pascal
Konnte ich helfen? Dann klick doch auf "Danke"; Habe ich falsch gelegen? Ich lerne auch gerne dazu
Problem gelöst? Dann markier es doch auch so! Webseite testen
Berechtigungen
LinkBack URL
About LinkBacks
Zitieren
Lesezeichen