Phoca Forum

Posted: **10 Apr 2012, 05:39**

I am using the template Phoca_Maloo. Ideally i need to make a logo with text and pictures.
But I seem to only be able to replace the logo with another picture, so i have done that but i need to create an AREA MAP so i can link the text "Contact Us" (which is included in the new logo pic i made) to the contact page i will be creating.
Right now the whole logo links to the index page, and i cant figure out how to configure a AREA MAP to link part of it to our "Contact Us" page.

Any help would be great, on either how to implement a custom logo (text and pics) or an HTML AREA MAP. I know HTML and CSS pretty good, but i cant seem to get my way around PHP.

Wes

Posted: **17 Apr 2012, 06:33**

Well i figured this out, so ill post it.

1) went to C:\xampp\htdocs\joomla\templates\phoca_maloo\index.php
(this was a local copy of joomla.)

2) I found the the  section

3) i removed everything BETWEEN <h1 id="logo"> <h1>
(There was a bunch of php stuff, i left the other php stuff below that, dosent seem to mess up anything.)

4) then i inserted this

Code: Select all

<h1 id="logo"><img src="images/logo.png" width="970" height="154" alt="alt text here" usemap="#logomap" /></h1>
			
            <map name="logomap">
            	<area shape="rect" coords="580,80,710,120" href="index.php?option=com_k2&view=item&layout=item&id=6" alt="Contact Us" />
                <area shape="rect" coords="0,0,460,180" href="index.php" alt="alt text here" />
                </map>

5) this linked into my contact page and allowed me to have the "Contact Us" in the logo and still just make it out of a pic. the second area map is for the logo part to link you back to the main page (lazy way but when people want it cheap what can you do)

*had to edit it a bit i forgot the </map> and also i wanted part of the logo to point you back home to the main page

Posted: **18 Apr 2012, 23:23**

Phoca Forum

Change/customize the Logo or header/banner

Change/customize the Logo or header/banner

Re: Change/customize the Logo or header/banner

Re: Change/customize the Logo or header/banner