Probleme mit Firebug Analyse zur Farbänderung

wooky

Hi Leute,
ich habe mir mit FF Firebug die Menüleiste meiner Seite ausgewählt, da ich diese in der Farbe ändern möchte. Im Testmodus bei Firebug passiert auch in etwa das, was ich erreichen möchte, ändere ich die besagte Stelle jedoch in den Dateien meiner Page (style.css, dark.css) ändert sich leider nichts... Zudem sieht der Code in den .css Dateien etwas anders aus als im Firebug Fenster angezeigt, wie kann das sein?
Hier mal ein Bild, von den erreichten Farbänderungen mit Firebug Testmodus:

Das funktioniert leider im original Quelltext nícht, woran kann das liegen?
Vielleicht kann mir ja jemand helfen...
Benutze WP 3.4.2DE mit dem Twenty Eleven Theme

DANKE ;-)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Tutrix

Firebug ist nur zum Testen Entwickeln und ändert nichts an den Dateien, das musst du schon selbst machen.
Bei deinem Verlauf, sind in der css auch die Angaben für andere Browser, diese werden logischerweise nicht in Firefox-Firebug angezeigt.

wooky

Hi,
also das Firebug nichts in meinen Dateien ändert wusste ich, hab mich vielleicht etwas ungünstig ausgedrückt, sorry dafür =)
ich habe mit Firebuh untersucht an welcher Stelle ich die Änderungen vornehmen muss, habe die dann in meinen Dateien geändert und gespeichert, allerdings ohne Wirkung.
Wie finde ich denn jetzt die Stelle, an der ich die datei verändern muss, sodass der gewünschte Effekt bei allen browsern angezeigt wird? Oder muss ich die Datei an verschiedenen Stellen für jeden Browser anpassen, hatte ich bisher noch nie, deswegen frage ich...?
Danke und Gruß

Tutrix

Firebug zeigt dir ja die Datei sowie auch die Zeile an
die Angaben für andere Browser stehen ja direkt an gleicher Stelle

Code

#access {
[COLOR="#FF0000"]background[/COLOR]: #333; /*Show a solid color for older browsers */
	
[COLOR="#FF0000"]background[/COLOR]: -moz-linear-gradient(#383838, #272727);
	
[COLOR="#FF0000"]background[/COLOR]: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#383838), to(#272727)); 
/* older webkit syntax */
[COLOR="#FF0000"]background[/COLOR]: -webkit-linear-gradient(#383838, #272727);
	
border-bottom: 1px solid #222;
}

Alles anzeigen

und du verwendest ja das dunkle-Theme, somit gilt die dark.css

wooky

Also genau das alles habe ich verändert, leider hat sich gar nichts getan...
Wir reden ja hier von der style.css, kann es sein dass ich in der dark.css (auch) etwas ändern muss?!
Der Teil meiner style.css sieht jetzt so aus:

Code

/* =Menu
-------------------------------------------------------------- */
#access {
 background: #222; /* Show a solid color for older browsers */
 background: -moz-linear-gradient[COLOR=#FF0000](#131313, #EBEDED[/COLOR]);
 background: -o-linear-gradient[COLOR=#FF0000](#131313, #EBEDED);[/COLOR]
 background: -webkit-gradient(linear, [COLOR=#FF0000]100% 50%, 50% 1[/COLOR]00%, from[COLOR=#FF0000](#131313)[/COLOR], to[COLOR=#FF0000](#EBEDED[/COLOR])); /* older webkit syntax */
 background: -webkit-linear-gradient(#[COLOR=#FF0000]131313, #EBEDED);[/COLOR]
 -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
 clear: both;
 display: block;
 float: left;
 margin: 0 auto 6px;
 width: 100%;
}

Alles anzeigen

Alle rot markierten Parts habe ich verändert...
Habe ich noch was vergessen bzw. falsch gemacht?

Tutrix

Zitat von wooky

Also genau das alles habe ich verändert, leider hat sich gar nichts getan...

genau das hast du eben "nicht" getan

Zitat von Art of Pic

und du verwendest ja das dunkle-Theme, somit gilt die dark.css

du fummelst aber in der style.css rum ;-)

auch das zeigt dir Firebug an, diese Werte sind durchgestrichen, da die Angaben aus der dark.css verwendet werden

siehst ja auch das dein Codeteil anders aussieht als meins

wooky

Ah ok, also teilweise hat es nun fiúnktioniert, allerdíngs zeigt nur FF das Ergebnis an, der IE leider nicht...??

Tutrix

tja der IE macht nicht alle Spielereien mit, verwende ein 1px breites Hintergrundbild mit dem Verlauf, das wird in allen Browsern angezeigt
oder füge den Filter hinzu
http://webdesignerwall.com/tutorials/cros…er-css-gradient
also

Code

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#EBEDED')

wooky

Ah der Filter hat mein Problem gelöst =) Vielen Dank!
Daran, dass mir die verschiedenen Browser noch das Leben schwer machen, habe ich nicht gedacht...
Tja, wieder etwas dazu gelernt!:-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Probleme mit Firebug Analyse zur Farbänderung

Jetzt mitmachen!