site background

hi,
would like to know how can i get the same results for a background image like the ones here

http://demo.gavick.com/joomla25/gamenews/
http://demo.gavick.com/joomla25/gamemagazine/

now im using

Code: Select all

body #gkBg {background: transparent url('../images/andrew2.png') repeat;}

which is not what i want ...
need to know;
#1 correct code ..
#2 correct image size

all my images are so small i need to use " repeat " which is rubbish

would like to show different images every time there is something special ... like Christmas ,, Easter ..

my site
RegatulUnit.com


thanks

Hi.
First read those tips:

1) http://www.gavick.com/documentation/joo ... ent-pages/
2) http://www.gavick.com/documentation/joo ... ackground/

p.s.
on GameNews we used

Code: Select all

    background: url("/templates/gk_gamenews/images/bg1.jpg") no-repeat scroll center 0 #F4F4F4;

on GameMagazine we used

Code: Select all

 background: url("/templates/gk_game_magazine/images/bg.jpg") no-repeat scroll center top #F5F5F5;
    min-height: 100%;
}

...but please read more about all features of background in CSS3 - it will give you lot's of capabilities.

thanks ... how about #2 correct image size ?

You can use similar as we did : 1 665px × 1 200px

i tried to use the modules you suggested ... but i cannot figure out how to make it work ...

i need the id div to specify where the background should be shown ... ... would that be body ? or body #gk .. i tried everything ..

also in template features i entered “Suffixes for pages” so i added frontpage id 101 and rule = frontpage ...

then i tried to use " frontpage " still no luck .

thanks

also ... is there a need to specify a position for the module ? or just leave it empty ?

I have lost. Sorry. Lets back to beginning:
What are planning to do?
You want to change background image on whole site or only on selected?
If first ... just replace image with yours and add "cover" css feature - like I show in my small guide.

If second .... let me know on which one, selected or ???

at the moment i use

Code: Select all

/*body #gkBg {
  background: url("http://regatulunit.com/templates/gk_msocial/images/romania.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
}*/

works great ...

but would like to know whats the size that i need to use in order to have my background message seen left and right ...

like here

Note that CSS3 allows you to use 2 background in one time.

p.s.
There is not such a universal background image,
I always to suggest to check stats from your country - which resolution is most popular on your country.
Stats for few European countries you will find here: ranking.pl

So in most cases it's better to use wide background image or use replay-x property.