Customizing header

by **awd-web** » Tue Apr 20, 2010 7:57 pm

Hi everyone,

I'm creating a business community for a client using Dolphin 7 and so far it's great!

You can view what I've done here http://www.theunionvillage.com.

What I'd like to do is add 6 linked rollover buttons under the The Union Village handwritten logo.

I'm thinking it could be done in the header file, but not quite sure how.

Any help is appreciated!

by **Administrator** » Tue Apr 27, 2010 2:59 am

You can add a file _header.html in the folder templates/tmpl_xxx and write the code here. This will be included in the template.

by **awd-web** » Tue Apr 27, 2010 11:54 am

Hi,

Thanks for your response. I've created the _header.html file and put it with the tmpl_xxx folder.

This the code for the _header.html file in the base folder;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<title>__page_header__</title>
<base href="<bx_url_root />" />
<meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" /></head>
__page_description__
__page_keywords__
<meta http-equiv="Content-Style-Type" content="text/css" />
<bx_include_css />
<bx_include_js /></head>
__dol_images__
__dol_lang__
__dol_options__
<script type="text/javascript" language="javascript">
var site_url = '<bx_url_root />';
var aUserInfoTimers = new Array();
$(document).ready( function() {
$( 'div.RSSAggrCont' ).dolRSSFeed();
} );
</script>

__extra_js__
<bx_injection:injection_head />

<script language="javascript" type="text/javascript" src="inc/js/user_status.js"></script>
<script type="text/javascript">
var oBxUserStatus = new BxUserStatus();
oBxUserStatus.userStatusInit('<bx_url_root />', __is_profile_page__);
</script>

__flush_header__
<body ><bx_injection:injection_body />
<bx_injection:injection_header />
<div id="notification_window" class="notifi_window"></div>
<div id="FloatDesc" style="position:absolute;display:none;z-index:100;"></div>
</body></html>

Do I use this code for the _header.html file you mentioned and where do I place my code?

Thanks again.

by **Administrator** » Mon May 03, 2010 12:36 am

You just need to add the code for buttons.

by **awd-web** » Mon May 03, 2010 9:43 am

Sorry to bother you again Praveen, but I can't seem to get this to work.

This is what I'm using for the menu code:

<table width="685" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4F4F4">
<tr>
<td><div align="center"><img src="http://www.theunionvillage.com/images/logo.png" alt="logo" width="484" height="133" /></div></td>
</tr>
<tr>
<td><table width="670" border="0" cellpadding="0" cellspacing="0" bgcolor="#DCDCDC">
<tr>
<td width="117"><div align="center"><a href= http://## onMouseOver= "if (document.images) document.menu_advertise.src= 'http://www.theunionvillage.com/images/menu_advertise_over.jpg';" onMouseOut= "if (document.images) document.menu_advertise.src= 'http://www.theunionvillage.com/images/menu_advertise.jpg';"><img src="http://www.theunionvillage.com/images/menu_advertise.jpg" name=menu_advertise border=0 /></a></div></td>
<td width="117"><div align="center"><a href= http://## onMouseOver= "if (document.images) document.menu_marketing.src= 'http://www.theunionvillage.com/images/menu_marketing_over.jpg';" onMouseOut= "if (document.images) document.menu_marketing.src= 'http://www.theunionvillage.com/images/menu_marketing.jpg';"><img src="http://www.theunionvillage.com/images/menu_marketing.jpg" name=menu_marketing border=0 /></a></div></td>
<td width="112"><div align="center"><a href= http://## onMouseOver= "if (document.images) document.menu_myprofile.src= 'http://www.theunionvillage.com/images/menu_myprofile_over.jpg';" onMouseOut= "if (document.images) document.menu_myprofile.src= 'http://www.theunionvillage.com/images/menu_myprofile.jpg';"><img src="http://www.theunionvillage.com/images/menu_myprofile.jpg" name=menu_myprofile border=0 /></a></div></td>
<td width="120"><div align="left"><a href= http://## onMouseOver= "if (document.images) document.menu_revenue.src= 'http://www.theunionvillage.com/images/menu_revenue_over.jpg';" onMouseOut= "if (document.images) document.menu_revenue.src= 'http://www.theunionvillage.com/images/menu_revenue.jpg';"><img src="http://www.theunionvillage.com/images/menu_revenue.jpg" name=menu_revenue border=0 /></a></div></td>
<td width="114"><div align="center"><a href= http://## onMouseOver= "if (document.images) document.menu_search.src= 'http://www.theunionvillage.com/images/menu_search_over.jpg';" onMouseOut= "if (document.images) document.menu_search.src= 'http://www.theunionvillage.com/images/menu_search.jpg';"><img src="http://www.theunionvillage.com/images/menu_search.jpg" name=menu_search border=0 /></a></div></td>
<td width="120"><div align="left"><a href= http://## onMouseOver= "if (document.images) document.menu_shop.src= 'http://www.theunionvillage.com/images/menu_shop_over.jpg';" onMouseOut= "if (document.images) document.menu_shop.src= 'http://www.theunionvillage.com/images/menu_shop.jpg';"><img src="http://www.theunionvillage.com/images/menu_shop.jpg" name=menu_shop border=0 /></a></div></td>
</tr>
</table></td>
</tr>
</table>

I've tried placing it in various areas in the _header.html file located in the tmpl_xxx folder, and nothing is showing up on the site.
What am I doing wrong?

Thanks again!

by **webby** » Thu May 20, 2010 4:01 pm

I finally got the header modified. Thanks for your help.

Now, if you look at the site http://www.theunionvillage.com, the actual content of the site has shifted to the left.

Now how do I fix that so it's back centered?

Thanks again!

by **Administrator** » Fri May 21, 2010 3:36 am

Your contents are not correctly nested (div tags). Once you correct that, it will work.

by **webby** » Mon May 31, 2010 11:34 am

I've been trying to figure this out and coming up with nothing.

Is it the div tags in the sub_header.html I need to look at?

Would you be able to help me fix this?

Thanks

by **Administrator** » Mon May 31, 2010 3:20 pm

Thats difficult to find if you look by each files. Just take the full page html and check it.

Customizing header

Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Re: Customizing header

Who is online