Post by lasa » Fri Apr 04, 2014 6:55 pm

Hi,
I would like to super impose or layer above another image.
In this example (not built in opencart) the big black paw urn is placed over the lower right side of the header image...
http://tinyurl.com/kn6z6lu
How would I go about building something like that in opencart... an image the is super imposed over a slider or image.

Thanks,

lasa2

Active Member

Posts

Joined
Tue Apr 16, 2013 9:11 am

Post by BlueLotusStudio » Fri Apr 04, 2014 8:49 pm

Hi lasa2

See if this is helpful: http://www.w3schools.com/css/css_positioning.asp

http://www.bluelotustreasures.com
oc v1.5.6.1 with vq_mod - clean install
Current extensions: currency drop down; usps fix; vqmodmanager; sliding shopping cart; multiple flat rate options; braintree payment gateway; ajax quick checkout; show voucher theme pictures


User avatar
Active Member

Posts

Joined
Fri Feb 28, 2014 8:15 am
Location - Maryland

Post by lasa » Sat Apr 05, 2014 6:21 pm

Yes BlueLotusStudio, that's it!
..now the question is on which page (tpl) would I add it to since it between the header and body?
Lasa2

Active Member

Posts

Joined
Tue Apr 16, 2013 9:11 am

Post by BlueLotusStudio » Sat Apr 05, 2014 8:58 pm

That is a good question...this is when I wish I knew more about php and tpls.

I looked at your referenced site to see if you could follow what they did, but it doesn't use divs and it doesn't look like its in php, so their formatting is not much help. They have used a series of individual images layered to create one image - have you thought of doing something similar with your header whereby your could increase the size of your header, insert your image, and then add a background image below your logo and behind your image to finish off the effect? I don't know what the overall effect is that you are in the process of creating, but this could be very eye-catching.

I hope this is some help,
JoAnne

http://www.bluelotustreasures.com
oc v1.5.6.1 with vq_mod - clean install
Current extensions: currency drop down; usps fix; vqmodmanager; sliding shopping cart; multiple flat rate options; braintree payment gateway; ajax quick checkout; show voucher theme pictures


User avatar
Active Member

Posts

Joined
Fri Feb 28, 2014 8:15 am
Location - Maryland

Post by BlueLotusStudio » Mon Apr 07, 2014 3:24 am

lasa,

In case this is of any help at this point, I think that if you insert your image into the body and set its top position or top margin to a negative number, it will float outside the body div so that it resides over both the body and the header.

http://www.bluelotustreasures.com
oc v1.5.6.1 with vq_mod - clean install
Current extensions: currency drop down; usps fix; vqmodmanager; sliding shopping cart; multiple flat rate options; braintree payment gateway; ajax quick checkout; show voucher theme pictures


User avatar
Active Member

Posts

Joined
Fri Feb 28, 2014 8:15 am
Location - Maryland

Post by lasa » Tue May 06, 2014 8:25 pm

Sorry Joanne, I wasn't notified that your two comments had come in... definitely worth a try.
No the site I referenced isn't php , I built it in a program called Antenna web-design a breeze to build brochure sites with but not ecommerce.
Lasa

Active Member

Posts

Joined
Tue Apr 16, 2013 9:11 am

Post by BlueLotusStudio » Tue May 06, 2014 8:46 pm

Hi lasa,

No need to apologize. I hope your site is going well for you.

Have a joyous day,
JoAnne

http://www.bluelotustreasures.com
oc v1.5.6.1 with vq_mod - clean install
Current extensions: currency drop down; usps fix; vqmodmanager; sliding shopping cart; multiple flat rate options; braintree payment gateway; ajax quick checkout; show voucher theme pictures


User avatar
Active Member

Posts

Joined
Fri Feb 28, 2014 8:15 am
Location - Maryland
Who is online

Users browsing this forum: No registered users and 33 guests