Image in the template php

**GK User** Tue Jun 04, 2013 8:54 pm Reply with quote Report this post

Hello all,

i bought the news Template. Great Stuff guys! Now i need Help. I have to put a kind of skycraper on the left or right Side- out of the template. Is that possibleß Which file i have to change to realise that?

thanks in advance

**GK User** Wed Jun 05, 2013 7:31 am Reply with quote Report this post

You should focus on:
/templates/gk_news/layouts/default.php

This is file that contains main structure of the site.

**GK User** Wed Jun 05, 2013 3:58 pm Reply with quote Report this post

I tried exactly this...but the skycraper i want to put in is not where i want it.

Im not an expert in php..

What code i have to pit inside to make on the left /right Side otf the template an big image??
or can i create a new module position?

Thanks Guys!

**GK User** Wed Jun 05, 2013 4:04 pm Reply with quote Report this post

You want just an image or a clickable element?

**GK User** Wed Jun 05, 2013 7:15 pm Reply with quote Report this post

Cyberek wrote:You want just an image or a clickable element?

i would like to have an Image-> clickable!

i would appreciate your help!

Thanks

**GK User** Thu Jun 06, 2013 10:03 am Reply with quote Report this post

Sadly this is quite beyond our support, but if You have modern html, css3 and jQuery knowledge here is a little info how could it be done.

1. Create additional module just before <body> end (it has to be a direct child of body)
2. Put this module in div with unique ID, and set position: absolute to that div, and if necessary position: relative to body element.
3. Use one of our jQuery scripts that fires on document.ready, and add there code that will:
a) get position of relative element from top and left of body element (i have selected #gkPageContent for that):

Code: Select all: var $element = jQuery('#gkPageContent'), top = $element.position().top, //this will give top position left = $element.offset().left, //this will give left position calculated_left = left + $element.outerWidth(); //exact place on the right side of #gkPageContent

now having top and left position You could use jQuery to place your newly created element in that position:

Code: Select all: jQuery('#mymodule').css({'top': top, 'left': calculated_left});

That is just an overview of what needs to be done.