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
LVL 3
PatricckAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
lenamtlConnect With a Mentor Commented:
Or if you want just to edit existing core template let say rhuk_milkyway template:

Edit the file index.php located in the directory \templates\rhuk_milkyway.

 Modify the following line of code as follows:

find this line
 <div id="logo"></div>

Open in new window


change for this
 <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>

Open in new window

0
 
Amanda WatsonWeb DeveloperCommented:
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
0
 
Vimal DMSenior Software EngineerCommented:
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>
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Panagiotis Sweb developer - designer Commented:
<a href="index.php"><div id="header"></div/></a>

where header is the container of the image
0
 
lenamtlCommented:
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.
0
 
PatricckAuthor Commented:
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....


0
 
Amanda WatsonWeb DeveloperCommented:
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
0
 
lenamtlConnect With a Mentor Commented:
Make sure you put your new images in this directory
/templates/rhuk_milkyway/images/
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.