I've searched and found a lot of "close" but no cigar help posts on here, so I figured I ask the exact question in hopes one of the experts can help me.
I created a nice image rollover link bar in PhotoShop/Image Ready, and I have it as a table set up on all of my pages.
My question is if there is a way to insert some code into the tpl_header.php to make this function. I know how to put the table in, that's a snap.
But the rollover function requires that there be coding between the <head> </head> tags on an HTML page, and an onload="preloadImages in the <body> tag in order for the rollover images to function.
I don't know enough about PHP to know how to accomplish this, so I was hoping it was possible and that someone can help me here.
If it's not possible that way, what about inserting a header page into the code? What I mean is I have a page header.html that I use for other html pages, and then I only have to update that page when I make changes to links, etc. and it doesn't take me forever to edit all the pages accessing that file. Can I insert code in PHP that will reference an html file?
Thanks
Results 1 to 10 of 18
Hybrid View
-
1 Aug 2006, 10:33 PM #1
New Zenner
- Join Date
- Feb 2006
- Posts
- 96
- Plugin Contributions
- 0
Using a Table with Rollover Images in the tpl_header.php
-
1 Aug 2006, 10:44 PM #2
Black Belt
- Join Date
- Aug 2005
- Location
- Arizona
- Posts
- 27,755
- Plugin Contributions
- 9
Re: Using a Table with Rollover Images in the tpl_header.php
What I have done and seen others do for this is to take your image and slice it into distinct areas. Then in the descrption of the display for these items you define the href link for each item. this can be done in html as long as you locate it outside of the php tags in your tpl_header.php give it a class and define your rollover effects in the css file.
-
1 Aug 2006, 10:56 PM #3
New Zenner
- Join Date
- Feb 2006
- Posts
- 96
- Plugin Contributions
- 0
Re: Using a Table with Rollover Images in the tpl_header.php
Thanks, sometimes it's just too easy and you don't see it
Googled it and found my answer
<? include("header.html") ?>
Worked PERFECTLY!
-
2 Aug 2006, 06:59 AM #4
Totally Zenned
- Join Date
- Oct 2004
- Posts
- 1,045
- Plugin Contributions
- 0
Re: Using a Table with Rollover Images in the tpl_header.php
Hi, I wonder if you could help me with this? I am upgrading from 1.2.7 to 1.3.0.2. I referenced header.html, this is the code in the header.html file:
It worked perfectly on 1.2.7, but not on the new version. Nothing happens on the mouseover. What am I doing wrong?<tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0" class="header">
<tr>
<td background="includes/templates/custom/images/stripedbg1.gif"><img src="includes/templates/custom/images/stripedbg1_graphic.gif" width="180" height="18"></td>
</tr>
<tr>
<td valign="top">
<table width="100%" style="border: #267A96; border-style: dotted; border-top-width: 4px; border-right-width: 0px; border-bottom-width: 4px; border-left-width: 0px;" cellspacing="0" cellpadding="0" bgcolor="#DAF0F6">
<tr valign="top">
<td width="28%">
<div align="center"><img src="includes/templates/custom/images/boutique_top.gif" width="204" height="195" alt="copyright"></div>
</td>
<td width="48%">
<div align="center"><img src="includes/templates/custom/images/webtopper_name.gif" width="350" height="195" alt="Babies N Bellies"></div>
</td>
<td width="24%">
<div align="center"><img src="includes/templates/custom/images/lady_store.gif" width="114" height="195" alt="copyright"></div>
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" class="headerNavigation" align="center">
<tr class="headerNavigation">
<td width="17%">
<div align="center"><a href="" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','fpdb/images/Theme0/homebtn_over.gif',1)"><img name="home" border="0" src="fpdb/images/Theme0/homebtn.gif" width="125" height="40" alt="Home"></a></div>
</td>
<td width="19%">
<div align="center"><a href="index.php?main_page=infopages&pages_id=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about','','fpdb/images/Theme0/aboutbtn_over.gif',1)"><img name="about" border="0" src="fpdb/images/Theme0/aboutbtn.gif" width="125" height="40" alt="About Us"></a></div>
</td>
<td width="18%">
<div align="center"><a href="index.php?main_page=infopages&pages_id=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bellcash','','fpdb/images/Theme0/bellycashbtn_over.gif',1)"><img name="bellcash" border="0" src="fpdb/images/Theme0/bellycashbtn.gif" width="125" height="40" alt="belly cash"></a></div>
</td>
<td width="14%">
<div align="center"><a href="index.php?main_page=infopages&pages_id=8" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('press','','fpdb/images/Theme0/pressbtn_over.gif',1)"><img name="press" border="0" src="fpdb/images/Theme0/pressbtn.gif" width="125" height="40" alt="press"></a></div>
</td>
<td width="16%">
<div align="center"><a href="index.php?main_page=infopages&pages_id=9" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('faq','','fpdb/images/Theme0/faqbtn_over.gif',1)"><img name="faq" border="0" src="fpdb/images/Theme0/faqbtn.gif" width="125" height="40" alt="faq"></a></div>
</td>
<td width="16%">
<div align="center"><a href="index.php?main_page=contact_us" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','fpdb/images/Theme0/contactbtn_over.gif',1)"><img name="contact" border="0" src="fpdb/images/Theme0/contactbtn.gif" width="125" height="40" alt="contact"></a></div>
</td>
</tr>
</table>
<table width="100%" style="border: #D05489; border-style: dotted; border-top-width: 4px; border-right-width: 0px; border-bottom-width: 4px; border-left-width: 0px;" cellspacing="0" cellpadding="0">
<tr>
<td background="includes/templates/custom/images/stripedbg1.gif" valign="top"><img src="includes/templates/custom/images/stripedbg1_graphic.gif" width="180" height="18"></td>
</tr>
</table>
</td>
</tr>
Thanks!
-
2 Aug 2006, 09:46 AM #5
Black Belt
- Join Date
- Aug 2005
- Location
- Arizona
- Posts
- 27,755
- Plugin Contributions
- 9
Re: Using a Table with Rollover Images in the tpl_header.php
You are using the old file that references many TD's(tables) and there are very few in 1.3.x.. Use a program like win merge or another and port the pertinent information to a copy of this file from the 1.3.x install.
-
2 Aug 2006, 02:59 PM #6
New Zenner
- Join Date
- Feb 2006
- Posts
- 96
- Plugin Contributions
- 0
Re: Using a Table with Rollover Images in the tpl_header.php
I'm not expert, but I had problems with my images until I hard coded the path into the header.html file, vs images/picture.jpg
Once I used the full path, http://mydomain.com/images/picture.jpg all the images showed up perfectly and worked great.
Mike
-
2 Aug 2006, 05:40 PM #7
Totally Zenned
- Join Date
- Oct 2004
- Posts
- 1,045
- Plugin Contributions
- 0
Re: Using a Table with Rollover Images in the tpl_header.php
That is what I did...my header.html file only contains the needed info. My tpl_header.php file is the 1.3 version, but I deleted all the nav and logo code since I don't need it.
Originally Posted by kobra
-
2 Aug 2006, 05:44 PM #8
Totally Zenned
- Join Date
- Oct 2004
- Posts
- 1,045
- Plugin Contributions
- 0
Re: Using a Table with Rollover Images in the tpl_header.php
Hi, sorry, I think I know why you're mixed-up, it's my fault, I'm not talking about the site in my siggy, I'm talking about a different site :) Originally Posted by kobra
Similar Threads
-
centering header image with tpl_header.php
By praiseandplay in forum Templates, Stylesheets, Page LayoutReplies: 21Last Post: 23 Jan 2010, 04:29 AM -
I cant get the php include statement to work in the tpl_header file.
By buxton1 in forum Templates, Stylesheets, Page LayoutReplies: 1Last Post: 23 Oct 2009, 12:16 AM -
Oops! Help with tpl_header.php file.
By sfklaas in forum Templates, Stylesheets, Page LayoutReplies: 2Last Post: 25 Mar 2008, 02:51 AM -
tpl_header.php file additions with html - wheres the css ?
By kitchen table legs in forum Templates, Stylesheets, Page LayoutReplies: 13Last Post: 21 Sep 2007, 08:09 AM
