Image Background

GK User
Wed Nov 21, 2012 9:52 pm
Hy there,

I installed this template here http://www.upgrade.live-iasi.ro to make some tests. I want the background image to have a link adress, when I click on background image i want to go at the link adress.

Everyone knows how to do that?

Thank you
User avatar
Junior Boarder

Konrad M
Thu Nov 22, 2012 10:01 am
Hi,
please read this. Maybe it will be helpfull http://docs.joomla.org/Creating_clickab ... _using_CSS
User avatar

GK User
Sat Jun 01, 2013 10:25 pm
Hy again,

I tried to understand but unfortunately I did not do anything. Can you tell me please where do I paste this code to make my background image clickable:
"
<div id="site">
<div id="full-width-header">
<a href="/"><img src="transparent.gif" id="home-link" alt="Nav: Home" /></a>
<div id="header-content">We love using Joomla!</div>
</div>
<div id="body-content">OSM saves the world!</div>
<div id="footer-content">(c) the really cool web-designer</div>
</div>
"
Where do I find de html file and css for:

#full-width-header {
position: relative; /* necassary to
absolute-position the child-element
#home-link relative to the header */
background: url(header-logo.jpg);
width: 800px;
height: 172px;
}
#home-link {
position: absolute;
width: 200px; /* width of the logo */
height: 172px; /* height of the logo */
top: 0; left: 0; /* top-left corner of logo */
border: 0;
float: left;
}
#header-content {
position: relative;
float: right;
width: 400px;
height: 172px;
vertical-align: bottom;
text-align: right;
}
User avatar
Junior Boarder


cron