Joomla Templates Club 406,261 posts

[tangram Friend tangramJoin date: January 2013Posts: 7Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#185500

Hello people.

I’m having this problem:

I have to make the logo in the header with two different link areas, wich point to different pages within the site. For doing this i supose one way would be to insert an image with the tag <map name=”Map” id=”Map”>, but the thing is that i wouldn’t like to do it as a module but by editing directly the file that determines the modules positions and that sort of things.
Using Firebug i can see that the logo is determined as a background image by css in the tag <h1 class=”logo”>.
My question would be: in what file should i insert my logo within <h1 class=”logo”>here i would like to put my logo</h1>? is it posible to do it?

I’ll apreciate any help.

Greetings.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#485389

You can do that but can you send me url with put <map name=”Map” id=”Map”> and <h1 class=”logo”> on your site. I shall check it and give back to you the solution.

[tangram Friend tangramJoin date: January 2013Posts: 7Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#485454

Hi. Here’s the url of the site http://www.familia.org.uy
Is that what you need? i’m not sure if i understood.
Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#485560

<em>@tangram 363026 wrote:</em><blockquote>Hi. Here’s the url of the site http://www.familia.org.uy
Is that what you need? i’m not sure if i understood.
Thanks.</blockquote>

From link on your site but i could not find <map name=”Map” id=”Map”> on the header page.

You can send me the screenshot where place was you add it on your site?

Right now its difficult to guess the issue and solution without actually being able to see it.

[tangram Friend tangramJoin date: January 2013Posts: 7Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#485702

I haven’t put the <map name=”Map” id=”Map”> tag yet because i don’t know in what file i should put it. The code wold be something like this and it sould go inside the <h1 class=”logo”> tag:

<a href=”http://www.familia.org.uy”><img src=”logo.png” width=”490″ height=”75″ border=”0″ usemap=”#Map” /></a>
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”73,49,331,65″ href=”http://www.familia.org.uy/padrerichards” />
</map>

I’ve attached a print screen so you get a better idea.

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#485763

You can try this way

Open templates/ja_portfolio/blocks/header.php file

from

<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
change to

<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
<map name="Map" id="Map">
<area shape="rect" coords="73,49,331,65" href="http://www.familia.org.uy/padrerichards" />
</map>
</h1>

Remember to clear cache from Admin area

1 user says Thank You to Ninja Lead for this useful post

1. tangram

[tangram Friend tangramJoin date: January 2013Posts: 7Downloads:0Uploads:1 Thanks: 3 Thanked: 1 times in 1 posts]

#486051

Finally i didn’t put exactly that, this is what got it to work:

<h1 class=”logo”>
<a href=”http://www.familia.org.uy/”><img src=”http://www.familia.org.uy/templates/ja_portfolio/images/logo-final.jpg” border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”73,62,281,73″ href=”http://www.familia.org.uy/index.php/introduccion” />
</map>
</a>
</h1>

Thank you very much for your help!

1 user says Thank You to tangram for this useful post

1. Ninja Lead

[Author]

Posts