Insert the background image like on the demo Simplicity page

Start-up Joomla template with amazing CSS3 animated icons, price tables and parallax effect background.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Jan 06, 2014 8:52 pm
Reply with quote
Report this post
Hi, How can I insert a fixed image in backgroud like the original templete(if possible responsive), and to add a clickable image like a png ( GET STARTED TODAY) like I am going to show---»
I am gona leave the link to the website,,,the image It is on the mainbody position, and i never uploaded the quickstart packge, Do I need it?
Link:
http://landing1.gamerscompetion.com/
Best Regards
User avatar
Fresh Boarder

GK User
Tue Jan 07, 2014 9:04 am
Reply with quote
Report this post
Hi,
you can try to add this image as normal image inside module and make them 100% width , use this tip: http://www.gavick.com/documentation/joo ... th-module/
User avatar
Platinum Boarder

GK User
Tue Jan 07, 2014 9:06 am
Reply with quote
Report this post
Background images can not be clickable, you have to add so many tricks to make it.

About configuration of Simplicity QuickStart --> http://www.gavick.com/documentation/joo ... on-joomla/
User avatar
Platinum Boarder

teitbite
Tue Jan 07, 2014 9:15 am
Reply with quote
Report this post
Hi

If it's going to be a single image than an easiest trick would be to use "debug" module position and add this big image with link by using custom html module. Than add this code to css:

Code: Select all
body > div.custom {
position: fixed;
z-index: 0;
top: 0 ;
left: 0;
}

body > div.custom img {
width: 100%;
height: auto;
}


It's not tested, so it may need some adjustments, but I remeber using a similar thing some time ago.
User avatar
Moderator

GK User
Tue Jan 07, 2014 3:11 pm
Reply with quote
Report this post
Hi, Thank you my friends for your help , but my idea its just create a background image, and use it like the original,,,and then add an image png ( get started today ) ,,,and this image should be clickable, so i can send the person who arrives the landig page to the original offer (link)........i think the original do this,,,, but i want an image( png get started today) insted the original icon,,,,,,all this becose the png image ( get started today) it calls to action the person to click more easy, insted the small icon,,,i think the original open a video, on this case the guest will click the png image( get started today) and will be redirect to an offer. I can do this with a module, but it will not be on the middle of the backgroud photo. Should i need to upload a backgroud photo to somewhere, and then add a png image( with link ) to the header position module?
I hope my english is ok,,,.) thank you my friends for your help
Best Regards
Marcos
User avatar
Fresh Boarder

GK User
Wed Jan 08, 2014 5:32 pm
Reply with quote
Report this post
Adding image and link into Custom HTML module - looks very similar to adding image to article - use this same toolbar from TinyMCE or JCE or JCK Editor.
User avatar
Platinum Boarder


cron