Change/customize the Logo or header/banner

Phoca Templates - templates for Joomla! CMS
Canadianllama
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 10 Apr 2012, 05:33

Change/customize the Logo or header/banner

Post by Canadianllama »

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
Canadianllama
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 10 Apr 2012, 05:33

Re: Change/customize the Logo or header/banner

Post by Canadianllama »

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 <!-- |begin| phoca-header --> 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
Last edited by Canadianllama on 03 May 2013, 17:35, edited 1 time in total.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48402
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Change/customize the Logo or header/banner

Post by Jan »

Ok
If you find Phoca extensions useful, please support the project
Post Reply