How to move Home, Login, Create Account

[Robbyn7]

How can I move the Date, Home, Log in, Create Account Breadcrumb to the upper right top of my page? I would like to add View Cart there also. Anyone have any ideas about how to do this?

Thanks

[haredo]

url please!

[haredo]

How can I move the Date, Home, Log in, Create Account Breadcrumb to the upper right top of my page? I would like to add View Cart there also. Anyone have any ideas about how to do this?

Thanks

Well usually this works:

TD.headerNavigation {
/*position: relative;*/
float: right;}

[Robbyn7]

Sorry about that. http://www.foxxydiva.com/fashions
I tried messing around with the tpl_header.php file but wasn't sure of the placement and now everything is above my logo in a vertical line instead of side by side.

Thanks for your help.

[haredo]

Love your site:
Try this:

Add to bottom of stylesheet.css

#headerWrapper li , .firstbar {
text-align: right;
}

[Robbyn7]

Thanks Mark for all your help.
Now that I have everything aligned right, is there a way I can make it look like this: Date | Home| Create Account instead of everything vertical?

[haredo]

Thanks Mark for all your help.
Now that I have everything aligned right, is there a way I can make it look like this: Date | Home| Create Account instead of everything vertical?

You have major header problems!!!!
I took a little time to clean up the css sheet for you.....
Take a peek...

Make a new stylesheet
1. stylesheet_drdivas.css & copy info below
2. place it in your includes>templates>your template>css>stylesheet_drdivas.css
3. I called it this because it is placed behind your orginal stylesheet, meaning zen always reads from the first to last.
4. If you like I am sure what you need to do.
A. If not delete the file. Presto you still have the orginal.
5. Like your site.

/**
* Main CSS Stylesheet
*
* @package templateSystem
* @copyright Copyright 2003-2005 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: stylesheet.css 4376 2006-09-03 20:42:22Z drbyte $
* @adjusted for 1.3.6 PurpleShades Template
*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 65%;
color: #FF9900;
background-color: #0B0F12;
}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
color: #9B11A1;
text-decoration: none;
}

a:visited {
color: #9655c4;
text-decoration: none;
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #D20A6C;
}

a:active {
color: #9B11A1;
}

h1 {
font-size: 1.5em;
}

h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.3em;
}

h4, h5, h6, label, h4.optionName, LEGEND, address, .sideBoxContent, .larger{
font-size: 1.1em;
}

.biggerText {
font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6 {
margin: 0.3em 3px;
}

code {
font-family: arial, verdana, helvetica, sans-serif;
font-size: 1em;
}

form, select, input {
display: inline;
font-size: 1em;
margin: 0.1em;
}

textarea {
margin: 0.5em auto 0;
display:block;
width: 98%;
}

input:focus, select:focus, textarea:focus {
background: #F0F8FF;
}

fieldset {
padding: 0.5em;
margin: 0.5em 0em;
border: 1px solid #cccccc;
}

legend {
font-weight: bold;
padding: 0.3em;
}

h4.optionName {
line-height: 1.5em;
padding: 0.2em;
}

LABEL {
line-height: 1.5em;
padding: 0em;
}

label.checkboxlabel, label.radioButtonlabel {
margin: 0.5em 0.3em;
}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

label.inputlabel {
width: 11em;
float: left;
}

label.inputlabelPayment {
width: 15em;
float: left;
}

label.selectlabel, label.switchedlabel, label.uploadslabel {
width: 12em;
float: left;
}

p, address {
padding: 0.5em;
}

address {
font-style: normal;
}

.clearBoth {
clear: both;
}

hr {
height: 1px;
margin-top: 0.5em;
border: none;
border-bottom: 1px solid #9a9a9a;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
line-height: 1.8em;
padding: 0.2em;
border: 1px solid #000000;
}

.messageStackWarning, .messageStackError {
background-color: #ff0000;
color: #000000;
}

.messageStackSuccess {
background-color: #99FF99;
color: #000000;
}

.messageStackCaution {
background-color: #FFFF66;
color: #000000;
}

/*wrappers - page or section containers*/
#mainWrapper {
background-color: #0B0F12;
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/hatch_bg.gif);
background-repeat: repeat;
text-align: left;
width: 100%;
vertical-align: top
}

#headerWrapper {
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/logo.jpg);
background-repeat: repeat-x;
background-color: #0B0F12;
height: 125px
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper {
display:none:
}

#contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#tagline {
color:#FF9900;
font-size: 2em;
line-height: 135px;
text-align : center;
vertical-align: middle;
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em;
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

.wrapperAttribsOptions {
margin: 0.3em 0em;
}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter {
margin: 0em;
font-size: 0.9em;
}

.navNextPrevList {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
}

/*Space in between heading and body*/
#navMainWrapper {
font-weight: bold;
color: #ffffff;
width: 100%;
height: 2em;
}

#navSuppWrapper {
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/nav_bg.gif);
background-repeat: repeat-x;
background-color: #9655C4;
margin: 0em;
background-color: #0B0F12;
font-weight: bold;
color: #0B0F12;
height: 1% !important;
width: 100%
}

#navMain ul li a, #navSupp ul li a {
text-decoration: none;
padding: 0em 0.4em 0em 0.3em;
color: #000000;
white-space: nowrap;
text-align: center;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
margin: 0;
padding: 0.5em 2em;
list-style-type: none;
text-align: center;
line-height: 2em;
}

/*If you need to edit the date size or color*/
#navMain ul li.firstbar, #navSupp ul li.firstbar, #navCatTabs ul li.firstbar {
display: inline;
border-left: none;
font-size: 1.1em;
color: #FF9900;
}
/*To edit Nav Bar Info ex. login, and category info in middle top. I added a larger font size*/
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
display: inline;
border-left: 2px solid;
font-size:12px;
color: #FF9900;
}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #FF9900;
white-space: nowrap;
}

#navEZPagesTOCWrapper {
font-weight: bold;
float: right;
height: 1%;
border: 1px solid #FF9900;
}


#navEZPagesTOC ul {
margin: 0;
padding: 0.5em 0em;
list-style-type: none;
line-height: 1.5em;
}

#navEZPagesTOC ul li {
white-space: nowrap;
}

#navEZPagesTOC ul li a {
padding: 0em 0.5em;
margin: 0;
}

#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
margin: 0.5em;
}

#searchContent {
margin-top: -4px;
}

#navEZPagesTop {
background-color: #0B0F12;
font-size: 0.95em;
font-weight: bold;
margin-bottom: 10em;
padding: 0.5em;
}

#navBreadCrumb {
background-color: #0B0F12;
font-size: 0.95em;
font-weight: bold;
margin-top: 2.5em;
padding: 0.5em;
}

/* The padding-top in both below is for ezpage use: uncomment if you are using ezpages in the header */
#navColumnOne {
background-color: #0B0F12;
margin: 0em;
}

#navColumnTwo {
background-color: #0B0F12;
margin: 0em;
}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0.5em;
}

.alert {
color: #FF0000;
margin-left: 0.5em;
}
.advisory {}
.important {
font-weight: bold;
}
.notice {}
.rating{}
.gvBal {
float: right;
}

.productListing-data {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 15px;
margin-right:1.5em;
border-bottom: 1px solid black;
}

.centerColumn {
font-size: 12px;
color: #FF9900;
background-color: #0B0F12;
border: 1px SOLID;
border-color: #FF9900;
}

, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}

/*Shopping Cart Display*/
#cartAdd {
float: right;
text-align: center;
margin: 1em;
border: 1px solid #FF9900;
padding: 1em;
}

.tableHeading TH {
border-bottom: 1px solid #FF9900;
}

.tableHeading, #cartSubTotal {
background-color: #e9e9e9;
}

#cartSubTotal {
border-top: 1px solid #FF9900;
font-weight: bold;
text-align: right;
line-height: 2.2em;
padding-right: 2.5em;
}

.tableRow, .tableHeading, #cartSubTotal {
height: 2.2em;
}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em;
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em;
}

#scUpdateQuantity {
width: 2em;
}

.cartQuantity {
width: 4.7em;
}

.cartNewItem {
color: #33CC33;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative; /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold;
}

.cartRemoveItemDisplay {
width: 3.5em;
}

.cartAttribsList {
margin-left: 1em;
}

#mediaManager {
width: 50%;
margin: 0.2em;
padding: 0.5em;
}

.normalprice, .productSpecialPriceSale {
text-decoration: line-through;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
color: #FF0000;
}

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
}

#cartBoxListWrapper ul, #ezPageBoxList ul {
list-style-type: none;
}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em;
}

#cartBoxEmpty, #cartBoxVoucherBalance {
font-weight: bold;
}

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {
width: 5.5em;
}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em;
}

.categoryIcon {}

#cartImage {
margin: 0.5em 1em;
}

/*Attributes*/
.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

/*sideboxes*/
.columnLeft {}

/*Left Box Font Size*/
h3.leftBoxHeading, h3.leftBoxHeading a {
font-size: 1.1em;
color: #FF9900;
}

h3#manufacturersHeading {
margin: 0em;
height: 18px;
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/sidebox_top.gif);
background-repeat: no-repeat;
padding-left:0.2em; padding-right:0.2em; padding-top:0.1em; padding-bottom:0.1em
}

.leftBoxHeading {
margin: 0em;
background-image: url(../images/sidebox_top.gif);
background-color: #0B0F12;
background-repeat: no-repeat;
padding: 0.0em 0.2em;
}

.leftBoxContainer {
margin-top: 1.5em;
}

/*Featured Products Center Box*/
.centerBoxHeading {
margin: 0em;
height: 20px;
font-size: 18px;
font-weight: bold;
color: #000000;
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/navcat_bg.gif);
background-color: #9655C4;
padding: 0.5em 0.2em 0.5em 0.2em;
}

/*Everything inside sidebox*/
.sideBoxContent {
padding: 0.4em;
padding-bottom: 2.5em;
background-color: #0B0F12;
border: 1px solid #FF9900;
background-repeat: no-repeat;
background-position: 0% 100%;
}

h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 1.1em;
color: #FF9900;
}

h3#currenciesHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.3em 0.2em;
}

/*For editing EZpages sidebox*/
h3#ezpagesHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.0em 0.2em;
}

h3#recordcompaniesHeading {
margin: 0em;
height: 18px;
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/sidebox_top.gif);
background-repeat: no-repeat;
padding-left:0.2em; padding-right:0.2em; padding-top:0.1em; padding-bottom:0.1em
}

h3#musicgenresHeading {
margin: 0em;
height: 18px;
background-image: url(file:///C|/Documents%20and%20Settings/Robyn/images/sidebox_top.gif);
background-repeat: no-repeat;
padding-left:0.2em; padding-right:0.2em; padding-top:0.1em; padding-bottom:0.1em
}

/*For editing search header sidebox*/
h3#searchHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.1em 0.2em;
}

/*For editing sideboxes on the right (info box)*/
.rightBoxHeading {
margin: 0em;
height: 18px;
background-image: url(../images/sidebox_top.gif);
background-repeat: no-repeat;
padding: 0.0em 0.2em;
}

.rightBoxContainer {
margin-top: 1.5em;
}

h3.leftBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}

h3.rightBoxHeading a:hover {
color: #FFFF33;
text-decoration: none;
}

.centeredContent, th, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, label#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

#bestsellers .wrapper {
margin: 0em 0em 0em 1.5em;
}

#bestsellers ol {
padding: 0;
margin-left: 1.1em;
}

#bestsellers li {
padding: 0;
margin: 0.3em 0em 0.3em 0em;
}

#bannerboxHeading {
background-color: #0B0F12;
}

#currenciesContent {
margin-top: -5px;
}

#upProductsHeading {
text-align: left;
}

#upDateHeading {
text-align: right;
}

/*misc*/
.back {
float: left;
}

.forward {
float: right;
}

.bold {
font-weight: bold;
}

.rowOdd {
background-color: #E8E8E8;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #F0F0F0;
height: 1.5em;
vertical-align: top;
}

CAPTION {
/*display: none;*/
}

#myAccountGen li, #myAccountNotify li {
margin: 0;
}

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em;
}

#siteMapList {
width: 90%;
float: right;
}

.ratingRow {
margin: 1em 0em 1.5em 0em;
}

label#textAreaReviews {
font-weight: normal;
margin: 1em 0em;
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #ffffff;
}

#headerWrapper li, .firstbar {
float: right;
padding: 0em 2em 0em 1em;}

#navCatTabs {
text-align: center;
}

/**
* Specific Additions for 1.3.6
*
* Added based upon many forum contributors
*/

.hiddenField {
display: none;
}

.visibleField {
display: inline;
}

[Robbyn7]

Like Magic, it does look better! Thanks so much.
Now just need to fix the date/home/login information at the top. How can I get this all on the same line so that it looks neater?

[rich_li_ny]

Wow... Thats a LOT of code.

Can you tell us what part in particular effects the placement of the Home - Login links?

Thanks

Rich

[rich_li_ny]

Let me give a little more detail as to what I am trying to do. basically I just want to

Pad: Home and Log In links so they are over to the right a little and down about an inch or so.

Thanks