ADD BACKGROUND IN FOOTER OF MYSTORE TEMPLATE

**GK User** Tue Aug 02, 2011 1:47 am

HI

NOW THE MYSTORE TEMPLATE HAVE A BACKGROUND,

BUT I LIKE ADD A IMAGE ( BACKGROUND ) IN FOOTER TO, LIKE THE TEMPLATE : PARTY FREAK http://demo.gavick.com/joomla15/mar2010/

SO VERY THANK YOU
WAITING FOR HELP

**teitbite** Tue Aug 02, 2011 2:39 am

Hi

The code to place an image in MyStore is:

Code: Select all: body { background: url("../images/main_bg.png") no-repeat scroll center 0 #EFEFEF; line-height: 1.8; }

so easiest would be to replace main_bg.png image.

**GK User** Tue Aug 02, 2011 2:43 am

yes, this is the code of original background.

i want add ONE MORE background in footer.

**GK User** Tue Aug 02, 2011 2:48 am

LIKE THIS IMAGE

**teitbite** Tue Aug 02, 2011 4:00 pm

Hi

In this case You will have to go to /layout/default.php and add another layer for this background just before <body> and after </body> tag.

**GK User** Tue Aug 02, 2011 5:10 pm

HOW I CAN ADD another layer?

YOU CAN WRITE ME THE CODE ?

TXS VERY MUCH

**teitbite** Wed Aug 03, 2011 12:49 am

Hi

Simply add after <body>

Code: Select all: <div id="new_layer">

and close it before </body> with:

Code: Select all: </div>

**GK User** Wed Aug 03, 2011 1:00 am

**GK User** Wed Aug 03, 2011 1:00 am

**GK User** Wed Aug 03, 2011 1:00 am

Ok,

Step 1: So in /layout/default.php i must insert <div id="new_layer"> and close it before </body> with:

</div> .

Step 2 : And after insert which code in template.css to my image background get to the footer of site ??

sorry for the lack of experience.

Txs

**teitbite** Wed Aug 03, 2011 4:18 pm

Hi

If You haved used "new_layer" as name than this code should work:

Code: Select all: #new_layer { background:url(../images/background_footer.png) no-repeat bottom center transparent; }

**GK User** Fri Aug 05, 2011 4:32 am

SORRY,

BUT NOT WORK ..

1 - iN templates/gk_mystore/css

#new_layer {
background:url('../images/background_footer.png') no-repeat bottom center transparent;
}

AND

2 - in templates/gk_mystore/layouts

<div id="new_layer">
</div>

</body>
</html>

SORRY, I WAITING FOR A HELP ...

**teitbite** Fri Aug 05, 2011 1:53 pm

Hi

Can I please see Your site to see what is wrong ?

**GK User** Tue Aug 09, 2011 11:32 pm

hi,

www.shopdream.jp/shop

**teitbite** Thu Aug 11, 2011 4:00 pm

Hi

I do not see this additional layer at all. Are You sure You have added it in default.php ?

**GK User** Fri Aug 12, 2011 4:16 am

SORRY, I INPUT AGAIN

YOU CAN SEE AGAIN,PLEASE ??

THANK YOU VEERY MUCH

**teitbite** Sat Aug 13, 2011 2:56 pm

Hi

I suspect the childrens behind the fence should be at the bottom. Right ? You need to split current background into two. For top and bottom part. Than add new layer as I told You and add css code to show it at the bottom.

**GK User** Sat Aug 13, 2011 10:37 pm

The background image have cchildrens is:

body {
background: url("../images/main_bg.png") no-repeat scroll center 0 #EFEFEF;
line-height: 1.8;

But, a cut this image and dont have image behind, i find some thing wrong... to the new_layer image not display ...

I send a image.. like i want do. As possible ?

Fujiyama

**teitbite** Mon Aug 15, 2011 6:18 pm

Hi

This is exacly what I want to achive with the split images. Please send me FTP access I'll do this for You, because this question is taking much too long.