Link to home
Start Free TrialLog in
Avatar of Patricck
Patricck

asked on

How to add link to joomla banner image

Hi all,

i would like to link my joomla page header image to my index page. How can i do it?

Thnks


Regards
Patrik
Avatar of Amanda Watson
Amanda Watson
Flag of Australia image

You will be able to do this within your index.php file within your template, or you could create a custom module to be placed in the position of the header and add your header image in there with the link in there
Avatar of Vimal DM
Hai,

For displaying the header there will be a class and that class will be used in a div tag

in between the div tag just have your link

<div><a href=''>Link</a><d/iv>
<a href="index.php"><div id="header"></div/></a>

where header is the container of the image
Hi,

I'm using this for almost all my project Banner header, easy to use and not expensive.
http://www.bestjoomlamodules.com/index.php?option=com_content&view=article&id=3&Itemid=6

or you can used Joomla core module
Components->Banners->Manage Banners.
A Banner is displayed on the website using the Banner Module.
ASKER CERTIFIED SOLUTION
Avatar of lenamtl
lenamtl
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Patricck
Patricck

ASKER

Hi, sorry for your late answer,
I have changed my line.. this one:
      

 <div id="logo"></div>

to:
<div id="logo"><a href="<?php echo $this->baseurl ?>/"><img src="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/images/mw_joomla_logo.png" /></a></div>

but now i see a small logo above my top banner, without picture - when you want to link a picture, but there is no picture....


You could try just doing a direct link to you image without using php like this
<div id="logo"><a href="http://yourlink.com"><img src="http://yoursite.com/templates/rhuk_milkyway/images/mw_joomla_logo.png" /></a></div>

And make sure you use the #logo to style the position within the site also

is

#logo {
margin-top:10px:
margin-left:20px;
}

For example
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial