Solved

How to add link to joomla banner image

Posted on 2011-03-04
8
1,264 Views
Last Modified: 2012-05-11
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
Comment
Question by:Patricck
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 Comments
 
LVL 11

Expert Comment

by:Amanda Watson
ID: 35041687
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
 
LVL 7

Expert Comment

by:Vimal DM
ID: 35041870
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
 
LVL 12

Expert Comment

by:Panagiotis S
ID: 35042162
<a href="index.php"><div id="header"></div/></a>

where header is the container of the image
0
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 
LVL 25

Expert Comment

by:lenamtl
ID: 35055755
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
 
LVL 25

Accepted Solution

by:
lenamtl earned 500 total points
ID: 35055858
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
 
LVL 3

Author Comment

by:Patricck
ID: 35274450
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
 
LVL 11

Expert Comment

by:Amanda Watson
ID: 35275342
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
 
LVL 25

Assisted Solution

by:lenamtl
lenamtl earned 500 total points
ID: 35279163
Make sure you put your new images in this directory
/templates/rhuk_milkyway/images/
0

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn how to dynamically set the form action using jQuery.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

623 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question