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
Change/customize the Logo or header/banner
-
- Phoca Newbie
- Posts: 2
- Joined: 10 Apr 2012, 05:33
-
- Phoca Newbie
- Posts: 2
- Joined: 10 Apr 2012, 05:33
Re: Change/customize the Logo or header/banner
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
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
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>
*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.
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Change/customize the Logo or header/banner
Ok
If you find Phoca extensions useful, please support the project