Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1290
  • Last Modified:

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
0
Patricck
Asked:
Patricck
2 Solutions
 
Amanda WatsonCommented:
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 DMCommented:
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
 
Panagiotis Sweb developer - designer Commented:
<a href="index.php"><div id="header"></div/></a>

where header is the container of the image
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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
 
lenamtlCommented:
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
 
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 WatsonCommented:
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
 
lenamtlCommented:
Make sure you put your new images in this directory
/templates/rhuk_milkyway/images/
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now