| Author | myf |
|---|---|
| Created | Nov 16, 2007 |
| Updated | Jan 23, 2009 |
| Installs (this week) | 6 |
| Installs (total) | 3,065 |
| Average rating |
|
Works in Fx3*; for Fx4 (or Chrome, Opera…) use Firefox 4: center images + dynamic background.
Based on Center images (+ background). In addition:
- uses different background colours while mouse over body / the image
- image used for the background grid (chequerboard) is white and transparent, so you can change secondary (now: grey) colour to match your needs
Based on Center images (+ background). In addition:
- uses different background colours while mouse over body / the image
- image used for the background grid (chequerboard) is white and transparent, so you can change secondary (now: grey) colour to match your needs
More Info
Notes:
- tested on Fx2* - Fx3.0.7. If it misbehaves, it is probably some interference with other scripts / styles / extensons / themes. It's said it is broken in Fx3.1
- "body area" is just as tall as image (+paddings), not as viewport
- used gif instead of png because of the size
- example image used (good for testing): http://www.mozilla.com/img/tignish/about/logo/download/logo-only.png (from: http://www.mozilla.org/foundation/identity-guidelines/firefox.html )
- for U.S. web-crawlers: checkerboard!
- other variants, see the "webring" :] :
http://userstyles.org/styles/search/Center%20images?category=global
- flow:
-- Center images
-- Center images (+ background)
-- Center images (+ dynamic background) (you are here)
-- Image:Cutout
-- Firefox View Image Page - Checkerboard
-- Center Images with Dynamic Background Firefox 3.1
Change log:
2007-11-27 : fixed 1px left position difference between cold and hover state of images larger than viewport.
2007-12-07 : added background grid also for hovered images in "normal" pages
2008-01-07 : ^ removed. Reason: messy in some pages (eg google maps), and, in fact, this functionality has nothing to do with the title of this userstyle. Functionality moved into an extra userstyle: Show transparency of in-page images on hover
2008-01-09 : source simplification and clean-up (two state solid outline instead of dotted border; but I am not sure if it is useful here at all.) Slightly increased the contrast of the grid.
2008-01-14 : screen-shot updated.
2008-06-05 : several fixes: border to outline, removed resetting of body margin and padding (so large picture will not fill the entire viewport, but also will prevent nasty flickering while hovering scroll bar in some cases)
2008-08-29 : code clean-up
2009-01-23 : body:only-child reverted to :first-child, this may fix 'bugs' with (developer?) scripts altering document
2011-06-14 : R.I.P. This style. Long live the Firefox 4: center images + dynamic background.
- tested on Fx2* - Fx3.0.7. If it misbehaves, it is probably some interference with other scripts / styles / extensons / themes. It's said it is broken in Fx3.1
- "body area" is just as tall as image (+paddings), not as viewport
- used gif instead of png because of the size
- example image used (good for testing): http://www.mozilla.com/img/tignish/about/logo/download/logo-only.png (from: http://www.mozilla.org/foundation/identity-guidelines/firefox.html )
- for U.S. web-crawlers: checkerboard!
- other variants, see the "webring" :] :
http://userstyles.org/styles/search/Center%20images?category=global
- flow:
-- Center images
-- Center images (+ background)
-- Center images (+ dynamic background) (you are here)
-- Image:Cutout
-- Firefox View Image Page - Checkerboard
-- Center Images with Dynamic Background Firefox 3.1
Change log:
2007-11-27 : fixed 1px left position difference between cold and hover state of images larger than viewport.
2007-12-07 : added background grid also for hovered images in "normal" pages
2008-01-07 : ^ removed. Reason: messy in some pages (eg google maps), and, in fact, this functionality has nothing to do with the title of this userstyle. Functionality moved into an extra userstyle: Show transparency of in-page images on hover
2008-01-09 : source simplification and clean-up (two state solid outline instead of dotted border; but I am not sure if it is useful here at all.) Slightly increased the contrast of the grid.
2008-01-14 : screen-shot updated.
2008-06-05 : several fixes: border to outline, removed resetting of body margin and padding (so large picture will not fill the entire viewport, but also will prevent nasty flickering while hovering scroll bar in some cases)
2008-08-29 : code clean-up
2009-01-23 : body:only-child reverted to :first-child, this may fix 'bugs' with (developer?) scripts altering document
2011-06-14 : R.I.P. This style. Long live the Firefox 4: center images + dynamic background.
Feedback
Discussions
Ask a new question or add a review for this style.