Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Move Home Login to ABOVE the header

Move Home Login to ABOVE the header

Locked

Views: 1,816

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
10 Jun 2007, 6:51 AM
#1
awoman avatar

awoman

Zen Follower

Join Date:
Dec 2005
Posts:
142
Plugin Contributions:
0

Move Home Login to ABOVE the header

Can anyone help me out for a minute. I am trying to move the home, login ect. to above my header area and just outside the main wrapper border. Can Anyone help?

10 Jun 2007, 7:23 AM
#2
awoman avatar

awoman

Zen Follower

Join Date:
Dec 2005
Posts:
142
Plugin Contributions:
0

Re: Move Home Login to ABOVE the header

Or does anyone know how I can create an area like this site http://www.hostesswiththemostess.com/

Under the header for the links?

10 Jun 2007, 9:05 AM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Move Home Login to ABOVE the header

You can move the header navbar by moving the code in tpl_header.php beginning with <!--bof navigation display--> and ending with <!--eof navigation display--> to wherever you want it; in this case, to just below <!--eof branding display-->.

Style it in your stylesheet with

#navMainHeader {
    color: #001122;
    background-color: #ccddee;
    border: 3px solid #ffffff;
    }

adjust as desired.

10 Jun 2007, 5:10 PM
#4
awoman avatar

awoman

Zen Follower

Join Date:
Dec 2005
Posts:
142
Plugin Contributions:
0

Re: Move Home Login to ABOVE the header

What I have ended up deciding is to put the home, login, ect, above the actual brown frame on my site. Directly above it. My url is https://www.sassyjewelryboutique.com

Any idea on how I can get this to go that? WHen I edit the headeer file, it puts the links in the main wrapper with a brown background. I do not want them in the wrapper, I would love the links to sit right above the top brown border.,

10 Jun 2007, 7:16 PM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Move Home Login to ABOVE the header

Edit /includes/templates/your_template/common/tpl_main_page.php for your needs.

Try putting the navbar code block just above

<div id="mainWrapper">

You will probably need to give it a fixed width in your stylesheet, and margin settings.

10 Jun 2007, 9:46 PM
#6
awoman avatar

awoman

Zen Follower

Join Date:
Dec 2005
Posts:
142
Plugin Contributions:
0

Re: Move Home Login to ABOVE the header

I do not seem to have that. Here is what my header file has

<?php /** * Common Template - tpl_header.php * * this file can be copied to /templates/your_template_dir/pagename<br /> * example: to override the privacy page<br /> * make a directory /templates/my_template/privacy<br /> * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br /> * to override the global settings and turn off the footer un-comment the following line:<br /> * <br /> * $flag_disable_header = true;<br /> * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license <http://www.zen-cart.com/license/2_0.txt> GNU Public License V2.0 * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $ */ ?> <?php // Display all header alerts via messageStack: if ($messageStack->size('header') > 0) { echo $messageStack->output('header'); } if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) { echo htmlspecialchars(urldecode($_GET['error_message'])); } if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) { echo htmlspecialchars($_GET['info_message']); } else { } ?> <!--bof-header logo and navigation display--> <?php if (!isset($flag_disable_header) || !$flag_disable_header) { ?> <TABLE WIDTH=785 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD> <IMG SRC="images/jewelry_fashion_01.gif" WIDTH=564 HEIGHT=60 ALT=""></TD> <TD> <IMG SRC="images/jewelry_fashion_02.gif" WIDTH=221 HEIGHT=60 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/jewelry_fashion_03.gif" WIDTH=564 HEIGHT=65 ALT=""></TD> <TD> <IMG SRC="images/jewelry_fashion_04.gif" WIDTH=221 HEIGHT=65 ALT=""></TD> </TR> </TABLE> <?php } ?>
11 Jun 2007, 5:48 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Move Home Login to ABOVE the header

Essentially the entire contents of your original tpl_header.php have been replaced with this table.

Go to /template_default/common/tpl_header.php and copy the navbar block from that to /your_template/common/tpl_main_page.php as noted ablve.