Schaltflächenfarbe ändern (wo?)

Lol … jetzt hatte ich gedacht, ich hätte das einigermaßen begriffen …
und schon stoße ich auf das nächste Rätsel: :confused:

Eigentlich hatte ich erwartet, dass ich die Farbe der Schaltflächen ändern kann, also “Abmelden”, “Abonnieren”, “in den Warenkorb” u.ä.

Aber leider gibt mir Firebug dazu keine Auskunft.

Kann mir jemand einen Tipp geben? (Z.B. die Zeilennummer in der oxid.css von der Version 4.1.4)

Vielen Dank
Angela

Das ist an verschiedenen Stellen im CSS abgelegt und zwar meistens als Hintergrundbild. Für Abonnieren musst du zum Beispiel “span.btn input, span.btn a” ändern. Dort wechselst du “background: transparent url(bg/buttons_pe_.gif) no-repeat scroll left -150px;” einfach in “background: #123456;” oder irgendeine andere Farbe.

wenn du aber die Schaltflächen so behalten möchtest wie sie sind, musst du dir mal die buttons_pe_.gif (oder ähnlich) anschauen und dort dann die Farbe ändern.

Hallo Roland,

vielen Dank für Deine erneute Hilfe.

Das war ja nicht ganz so leicht zu durchschauen. Jedenfalls für mich nicht.

Nach einigen Versuchen habe ich es aber dann doch hingekriegt - und auch die Warenkorbschaltfläche ist jetzt rot statt schwarz. Allerdings habe ich da dann doch eine andere gif-Datei genommen, da alle meine Versuche, die Schaltflächenfarbe zu ändern, zu etwas anderen Ergebnissen geführt haben :wink:

Jetzt will ich mich mal am Bannerbereich versuchen :wink:

Gruß
Angela

Gern geschehen. Viel Spass mit dem Bannerbereich. :slight_smile:

Ja - das stimmt …
Beim anfänglichen Experimentieren mit dem Look&Feel war es so, dass durch irgendeine Einstellung sich auch die Farbe der Schaltflächen (z.B. “in den Warenkorb”) geändert hat. Aber ich habe nicht herausfinden können, wo sich das in der css versteckt hatte.

Inzwischen ändere ich eh nur noch via Firebug und Editor.
Also habe ich es schießlich so gemacht, wie Du es empfohlen hast.
Angela

DAS war jetzt wieder relativ einfach …
Ich habe eine gif erstellt in 4cm Höhe und 0,5 cm Breite - mit Farbverlauf … und fertig. Das Logo transparent - und gut :wink:

Zunächst haben mich die 2 Boxen oben rechts gestört, aber ich werde jetzt erst mal damit leben. Denn eigentlich sind sie ja ganz praktisch - wenn auch optisch nicht ganz so der Hit.

Jetzt, nachdem keine unkalkulierbaren Änderungen mehr passieren macht es richtig Spaß, zu experimentieren.

Ich habe mir angewöhnt, meine Änderungen in der css mit einem Kommentar zu versehen und für Farbänderungen nur Farben zu verwenden, die im Original nicht vorkommen.

Pfiffig - wa’ :smiley:

Auf jeden Fall sieht mein Shop (dank Deiner und anderer Tippgeber Hilfe) jetzt schon richtig gut aus :slight_smile:

Gut’s Nächtle
Angela

Gewöhne dir auch an, CSS-Änderungen immer in verschiedenen Browsern zu kontrollieren. Denn nicht jeder Browser interpretiert CSS gleich… leider.

Damit hast Du meinen Höhenflug auch gleich wieder beendet :wink:
Wer denkt aber auch an sowas - Mist - der Internet-Explorer kann offensichtlich keine transparenten Bilder darstellen. Zumindest nicht im png-Format.

Wat ein Äääärger aber auch.

Tja … damit wird das Ganze dann ein bisschen aufwendiger.

Aber morgen ist ja auch noch ein Tag :wink:

Hi,

http://www.css4you.de/

http://www.selfphp.de/

http://de.selfhtml.org/

http://www.my-debugbar.com/wiki/IETester/HomePage

Ein paar nützliche Ressourcen :rolleyes:

Hi Christian,
vielen Dank für die Links!
Bisher kannte ich nur SelfHTML.
Die css-Referenz ist super. (Ich finde css sowieso spannend.)
Insgesamt ist mit so einem Shop halt erst mal sehr viel Arbeit verbunden - alleine die ganzen Juristereien.
Manchmal weiß ich gar nicht, was ich zuerst machen soll.
Und irgendwann muss ich mich ja auch noch um die Kundensuche kümmern.
Naja … eins nach dem anderen.
Auf jeden Fall freue ich mich, dass ich hier wirklich nützliche Tipps bekomme.
Gruß
Angela