Welcome, Guest
Please Login or Register.    Lost Password?

Transparrent bliss background size
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Transparrent bliss background size
#2528
Transparrent bliss background size 2 Years, 11 Months ago Karma: 0
First, sorry if this question has been asked before, but if so, I am unable to find it.
Brief reason for this question.
My old monitor (15") went pop! So I treated myself to a 22" lcd flat screen, bells and whistles and all that. I am also running windows 7 and an updated Radeon grafics card. This gives me a huge range of window optimisation sizes and at present I am running 1680 x 1050.
My web site looks perfect, but the background image is now only covering the left side.
I thought about resizing the background and then realised that customers looking with a smaller monitor would have a background that they would have to scroll along. (I built the site and all sizes to suite the "15 monitor at 1024 x 768 pixels.)
It wasn't until I got the new screen that I found the background will only work in the resolution it is set to.
So (and finally) my question.
Is there a setting I can use or make that will auto resize the web page and background to suit the monitor of whoever is looking at my site, or should I just add "best viewed in **** x **** pixel resolution" on my home page.
Sorry for the long post, but I want to get this right.
Regards
John
garagestmarien
Fresh Boarder
Posts: 15
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#2531
Re:Transparrent bliss background size 2 Years, 11 Months ago Karma: 41
Hi John,
CSS does not provide a method to scale the background image, however CSS does provide control over alignment of the background image.

If you look at this site (joomlabear.om) we are using this CSS to enter the bakground:
background-color: #000000;

background-attachment: fixed;

background-repeat: no-repeat;

background-position: center top;


You can also see the background image here.

You can see how I have added a gradient fading to black around the outside of the image - and then set the html background to black also - giving a seamless look on any monitor size.

Some backgrounds may look better left aligned witha gradient fading out on the right, etc

I've had to do this on twitter because they do not allow manipulation of teh css - all backgrounds are left aligned:
twitter.com/JoomlaBear

In transparent bliss template we have css files for each background image - you will find them in the template/css folder.
Big Bear
Administrator
Posts: 1004
graph
User Offline Click here to see the profile of this user
Joomla Templates
Last Edit: 2009/06/05 03:45 By Big Bear.
The administrator has disabled public write access.
 
#2537
Re:Transparrent bliss background size 2 Years, 11 Months ago Karma: 0
Thank you,
That all makes perfect sense to me.
I can now get on and re-do my template.
John
garagestmarien
Fresh Boarder
Posts: 15
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: Support
 
JOOMLA TEMPLATES Joomla Templates By JoomlaBear