Userscript / -style zum zentrieren von Bildern gesucht

cubefox

Kennt jemand sowas? Ich würde Firefox gern dazu bringen, Bilder automatisch zu zentrieren wenn sie alleine angezeigt werden (wie Opera). Das Auto-Resizing-Feature (Verkleinern zu großer Bilder) sollte möglichst nicht verloren gehen.

ZweiVier

meinst du wenn ich eine grafik anzeigen lassen will dass sie dann mittig erscheint auf der neuen seite?

so wie hier.....hab mal dein avatar genommen

[Blockierte Grafik: http://img3.imagebanana.com/img/y6nf4vsr/thumb/Aufzeichnen.PNG]

geht hiermit

CSS

@namespace url(http://www.w3.org/1999/xhtml);


HTML > BODY > IMG:only-child {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 250px !important;}
body { background-color: #121949 !important; }

cubefox

könntest du den code so abändern dass das bild nicht nur horizontal, sondern auch vertikal zentriert wird (statt dem 250px abstand)?

Wawuschel

Zitat von cubefox

...sondern auch vertikal zentriert wird ...

würde mich auch interessieren...
leide hab ich dazu auch noch nichts gefunden

http://userstyles.org/styles/220
http://userstyles.org/styles/4045
http://userstyles.org/styles/4150

Gruß
Wawuschel

cubefox

ich habe leider von css überhaupt keine ahnung. hilft vieleicht das oder das?

es gab sogar mal einen bug dazu dass firefox das automatisch macht. aber alle waren dagegen, ich versteh gar nicht warum.

boardraider

Mit CSS kannst du es nicht vertikal zentrieren und GM greift nicht bei Bildern. Mir ist da abgesehen von einer Erweiterung nichts bekannt.

Tarkus

Zitat von ZweiVier

CSS

@namespace url(http://www.w3.org/1999/xhtml);


HTML > BODY > IMG:only-child {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 250px !important;}
body { background-color: #121949 !important; }

Das funktionierte bei mir früher auch, aber leider seit einiger Zeit nicht mehr dauerhaft, und ich habe immer noch nicht herausgefunden, warum nicht. Mit ''nicht mehr dauerhaft'' meine ich, dass es zwar zunächst funktioniert, doch springt das Bild sofort nach links, sobald ich den Cursor bewege.

Hat Jemand eine Idee, wie man es dauerhaft hin bekommt?

boardraider

Geht doch.

Zu deinem Edit:
Auch das Problem kann ich nicht nachvollziehen. Hier geht der Code tadellos. Konflikte?

ZweiVier

Zitat von cubefox

könntest du den code so abändern dass das bild nicht nur horizontal, sondern auch vertikal zentriert wird (statt dem 250px abstand)?

geht irgendwie ned - hab schon paar sachen probiert,
funzt aber ned so richtig.....

Speravir

Zitat von Tarkus

Das funktionierte bei mir früher auch, aber leider seit einiger Zeit nicht mehr dauerhaft, und ich habe immer noch nicht herausgefunden, warum nicht. Mit ''nicht mehr dauerhaft'' meine ich, dass es zwar zunächst funktioniert, doch springt das Bild sofort nach links, sobald ich den Cursor bewege.
Hat Jemand eine Idee, wie man es dauerhaft hin bekommt?

Hast Du zufällig Link Alert installiert? Das war WIMRE bei mir die Ursache. Ändere den Code in der ersten Zeile mal so ab:

Code

HTML > BODY:only-child > IMG {

ZweiVier

Zitat von Speravir
Code
HTML > BODY:only-child > IMG {

hab ich schon probiert....haut ned hin
hab aber hier ein anderes teil damit gehts >>> ImageTweak 0.17.1

[Blockierte Grafik: http://img3.imagebanana.com/img/vxmvy8ei/thumb/Aufzeichnen.PNG]

das einzigste was mich dabei stört,
kriegs ned gebacken dass es in einem neuen tab aufgeht das bild,
muss no bisschen rumprobieren gg

Tarkus

Danke@Speravir!
Mit dem geänderten Code funktioniert es bei mir jetzt wieder so, wie früher. :o)
PS: Ich nutze in der Tat auch Link Alert.

cubefox

danke zweivier, imagetweak macht nach einigem rumprobieren genau das, was ich will.

Zitat von boardraider

Mit CSS kannst du es nicht vertikal zentrieren und GM greift nicht bei Bildern. Mir ist da abgesehen von einer Erweiterung nichts bekannt.

dachtest wohl auch an imagetweak? dass css etwas so simples nicht kann, erstaunt mich doch sehr. fällt ja auch ganz offensichtlich in den zuständigkeitsbereich von css. hoffentlich tut sich da in einer zukünftigen version (css3?) mal was.

boardraider

Ne, kannte ich nicht. Ich wollte damit nur ausdrücken, dass man das über eine Erweiterung realisieren könnte.

Outlaw1

Hallo zweivier

wie hast du denn den Firefox browser so hinbekommen mit den ganzen icons und der uhr oben recht? Sieht sehr gut aus !

http://img3.imagebanana.com/view/3n0ymxt5/Unbenannt.jpg[/url]

ZweiVier

Zitat von Outlaw1

wie hast du denn den Firefox browser so hinbekommen
mit den ganzen icons und der uhr oben rechts? Sieht sehr gut aus !

[Blockierte Grafik: http://img3.imagebanana.com/img/3n0ymxt5/thumb/Unbenannt.jpg]

Da hab ich en halbes jahr für gebraucht....
und wieder sieht er etwas anders aus

[Blockierte Grafik: http://img3.imagebanana.com/img/8gb0rvq1/thumb/Aufzeichnen.PNG]

die uhr gibts hier
http://forum.addonsmirror.net/index.php?showtopic=5093

cubefox

*threadaufwärm*

Zitat von boardraider

Mit CSS kannst du es nicht vertikal zentrieren und GM greift nicht bei Bildern. Mir ist da abgesehen von einer Erweiterung nichts bekannt.

es geht anscheinend doch:

Code

html > body > img:only-child {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 padding: 3px;
}

in die usercontent.css / stylish. die erweiterung image tweak macht zwar das selbe (wenn man sie mal so konfiguriert hat...), aber leider ist sie bei mir fehlerhaft. auf manchen seiten fällt damit nämlich autoscroll aus.
quelle: k. austers via bugzilla

ZweiVier

Zitat von cubefox

image tweak macht zwar das selbe (wenn man sie mal so konfiguriert hat...),
aber leider ist sie bei mir fehlerhaft. auf manchen seiten fällt damit nämlich autoscroll aus.

da hast allerdings recht......
Der neue Code funzt einwandfrei