Fortschrittsbalken -- eingebundenes Bild

kyou

Man kann auch als Fortschrittbalken ein Bild einbinden. Habe ich gerade getestet mit einem (fast) quadratischen Bild (14 x 15 Pixel). ein kleiner fünfzackiger roter Stern -- passt irgendwie zu freier Software, fand ich.
Das Bild wird gekachelt, scheint aber nicht skaliert zu werden.

CSS

#statusbar-icon > .progress-bar {
-moz-appearance: none !important;
background-image: url(Progress.gif) !important;
}

Code in die userChrome.css. Bild in den Ordner, in dem sich auch die userChrome.css befindet.

bender_21

kannste mal nen screen machen? ;>

kyou

Ich weiß gerade nicht, wohin ich den Screenshot hochladen kann, um das Bild hier einzubinden. (Müsste ich doch, oder?) Eigentlich wollte ich eh mal einen Screenshot von der ganzen Skin machen und ihn posten.

bender_21

Zitat von kyou

Ich weiß gerade nicht, wohin ich den Screenshot hochladen kann, um das Bild hier einzubinden. (Müsste ich doch, oder?) Eigentlich wollte ich eh mal einen Screenshot von der ganzen Skin machen und ihn posten.

http://www.photodump.com/

kyou

[Blockierte Grafik: http://www.photodump.com/direct/kyou/Statusbar.jpg]
[Blockierte Grafik: http://www.photodump.com/direct/kyou/MeinFirefoxScreenshot.jpg][/url]

ElGecko

Gefällt mir gut, die Sache!

Strictly4me

Mir auch!
Wie schaut das mit dem Pfad zum Bildchen aus?
Hast ein Beispiel, wie es bei Dir ist?

((((( Strictly4me )))))

Overfiend

Zitat von kyou
CSS
#statusbar-icon > .progress-bar {
-moz-appearance: none !important;
background-image: url(Progress.gif) !important;
}
Code in die userChrome.css. Bild in den Ordner, in dem sich auch die userChrome.css befindet.

Strictly4me

Schaut dann zum Beispiel so aus?

CSS

#statusbar-icon > .progress-bar {
-moz-appearance: none !important;
background-image: C:\Programme\Firefox\Bildchen.gif !important;
}

Da setzt man die URL rein? - Stimmt das so? - Oder muss das "url" vorne stehen bleiben?
Mach das zum ersten Mal! :oops:

((((( Strictly4me )))))

ElGecko

Nein, Du nimmst den Original-Code von kyou. Du änderst nur den Namen des Bildes, wenn das Bild bei Dir anders heißt. Und das Bild schiebst Du in dasselbe Verzeichnis wie die UserChrome.css. Du kannst also z. B. Progress.gif durch Fortschrittsbalken.png ersetzen, je nachdem, wie das Bild bei dir heißt.

Strictly4me

Zitat

Bild in den Ordner, in dem sich auch die userChrome.css befindet

Upps...übersehen! - Sorry, alles klar!

((((( Strictly4me )))))

Strictly4me

Geil-Geil!

[Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/Progressbar.jpg]

Für die, die es auch haben wollen: [Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/throbber-small.gif]

((((( Strictly4me )))))

mickey

Zitat von Strictly4me

Für die, die es auch haben wollen: [Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/throbber-small.gif]

Thx. *saug*

vanda2509

mal ne Frage, ändern sich da auch die Fortschrittsbalken in den Tab's???

Strictly4me

Zitat von Strictly4me

Geil-Geil!
[Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/Progressbar.jpg]
Für die, die es auch haben wollen: [Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/throbber-small.gif]

Scrollbar geht auch! :lol:

[Blockierte Grafik: http://home.arcor.de/strictly2me/Strictly4me/Scrollbar.jpg]

((((( Strictly4me )))))

HaMF

lol
fang sofort an themes zu machen, strictly4me :p