This is how i have done mine in V1.90 with source.
Bear in mind that i never delete anything, comment it out in visual studio then add anything new to the site that you want.
In styles.css (NopCommerceStore/App_Themes/darkOrange/styles.css (approx line 161))
i created a new section within the Master Header part of the style sheet and commented out the original
Master Header styles, then pasted the original Master Header in the custom header part and made my changes.(below)
/*----------- Custom Header start -------------*/
.header
{
padding: 0px 6px 5px 5px;
height: 90px;
background-color:#FFFFFF;
}
.header .freedelivery
{
background: url('images/freedelivery.png') no-repeat;
float:left;
}
.header .icon
{
vertical-align: bottom;
}
.header .ico-register
{
background: url('images/ico-register.png') no-repeat;
padding-left: 20px;
/*padding-right:10px;*/
}
.header .ico-login
{
background: url('images/ico-login.png') no-repeat;
padding-left: 20px;
}
.header .ico-logout
{
background: url('images/ico-logout.png') no-repeat;
padding-left: 20px;
}
.header .ico-inbox
{
background: url('images/ico-inbox.png') no-repeat;
padding-left: 20px;
}
.header .ico-cart
{
background: url('images/ico-cart.png') no-repeat;
padding-left: 20px;
}
.header .ico-wishlist
{
background: url('images/ico-wishlist.png') no-repeat;
padding-left: 20px;
}
.header .ico-admin
{
background: url('images/ico-admin.png') no-repeat;
padding-left: 20px;
}
.header-logo
{
/*margin-top: 5px;*/
float: left;
text-align: left;
}
a.logo
{
background: url('images/dgslogomirror.gif') repeat scroll 0 0 transparent;
display:block;
height:64px;
text-decoration:none;
width:225px;
margin-left:10px;
padding-bottom:15px;
}
.header-selectors-wrapper
{
text-align: right;
float: right;
width: 630px;
height:30px;
padding-left:10px;
}
.header-currencyselector
{
float: right;
}
.header-languageselector
{
float: right;
}
.header-taxDisplayTypeSelector
{
float: right;
}
.header-links-wrapper
{
float: right;
text-align: right;
width: 600px;
margin-top:10px;
margin-bottom:15px;
}
.header-links
{
/*border: solid 1px #9a9a9a;*/
padding: 5px 5px 5px 5px;
margin-bottom: 5px;
display: inline-table;
}
.header-links ul
{
padding: 0;
margin: 0;
}
.header-links ul li
{
list-style: none;
display: inline;
padding-right: 2px;
}
.header-links a
{
color: #000000;
text-decoration: none;
}
.header-links a:hover
{
color: #ff9933;
}
.header-links a.account
{
color: #ff9933;
}
.header-links span.impersonate
{
color:#58DE81;
font-weight:bold;
}
.header-links span.impersonate .finish-impersonation
{
color:#E44097;
}
.headermenu
{
margin-bottom:50px;
text-align:center;
margin-left:5px;
/*background:url("images/bg_menu.png") repeat-x scroll center top transparent;
color:#FFFFFF;
height:28px;
letter-spacing:1px;
margin:0;
vertical-align:top;*/
}
.headermenu ul
{
/*padding: 0;
margin: 0;*/
}
.headermenu li
{
/*list-style: none;
display: inline;*/
}
.headermenu a
{
/*color:#E7F2FF;
display:inline-block;
font-size:1em;
font-weight:bold;
padding:9px 20px 5px 19px;
text-decoration:none;
text-transform:uppercase;
vertical-align:middle;*/
}
.headermenu a:hover
{
/*background:url("images/bg_menu_hover.png") repeat-x scroll center top #F56620;*/
}
/*----------- Custom Header finish -------------*/
Then in the Header.ascx module (NopCommerceStore/Modules/Header.ascx) i made a few changes.
As you can see i moved a few things around aswell.
<%@ Control Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Modules.HeaderControl"
CodeBehind="Header.ascx.cs" %>
<%@ Register TagPrefix="nopCommerce" TagName="CurrencySelector" Src="~/Modules/CurrencySelector.ascx" %>
<%--<%@ Register TagPrefix="nopCommerce" TagName="LanguageSelector" Src="~/Modules/LanguageSelector.ascx" %>--%>
<%@ Register TagPrefix="nopCommerce" TagName="TaxDisplayTypeSelector" Src="~/Modules/TaxDisplayTypeSelector.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="SearchBox" Src="~/Modules/SearchBox.ascx" %>
<div class="header">
<div class="header-logo">
<a href="<%=CommonHelper.GetStoreLocation()%>" class="logo"> </a>
</div>
<div class="header-links-wrapper">
<div class="header-links">
<ul>
<asp:LoginView ID="topLoginView" runat="server">
<AnonymousTemplate>
<li><a href="<%=Page.ResolveUrl("~/register.aspx")%>" class="ico-register">
<%=GetLocaleResourceString("Account.Register")%></a></li>
<li><a href="<%=Page.ResolveUrl("~/login.aspx")%>" class="ico-login">
<%=GetLocaleResourceString("Account.Login")%></a></li>
</AnonymousTemplate>
<LoggedInTemplate>
<li>
<a href="<%= SEOHelper.GetMyAccountUrl()%>" class="account"><%=Page.User.Identity.Name %></a>
<% if (NopContext.Current.IsCurrentCustomerImpersonated)
{
%>
<span class="impersonate">(<%=string.Format(GetLocaleResourceString("Account.ImpersonatedAs"), this.CustomerService.UsernamesEnabled ? Server.HtmlEncode(NopContext.Current.User.Username) : Server.HtmlEncode(NopContext.Current.User.Email))%>
-
<asp:LinkButton runat="server" ID="lFinishImpersonate" Text="<% $NopResources:Account.ImpersonatedAs.Finish %>"
ToolTip="<% $NopResources:Account.ImpersonatedAs.Finish.Tooltip %>" OnClick="lFinishImpersonate_Click"
CssClass="finish-impersonation"></asp:LinkButton>)</span>
<%} %>
</li>
<li><a href="<%=Page.ResolveUrl("~/logout.aspx")%>" class="ico-logout">
<%=GetLocaleResourceString("Account.Logout")%></a> </li>
<% if (this.ForumService.AllowPrivateMessages)
{ %>
<li><a href="<%=Page.ResolveUrl("~/privatemessages.aspx")%>" class="ico-inbox">
<%=GetLocaleResourceString("PrivateMessages.Inbox")%></a>
<asp:Literal runat="server" ID="lUnreadPrivateMessages" />
</li>
<%} %>
</LoggedInTemplate>
</asp:LoginView>
<li><a href="<%= SEOHelper.GetShoppingCartUrl()%>" class="ico-cart">
<%=GetLocaleResourceString("Account.ShoppingCart")%>
</a><a href="<%= SEOHelper.GetShoppingCartUrl()%>">(<%=this.ShoppingCartService.GetCurrentShoppingCart(ShoppingCartTypeEnum.ShoppingCart).TotalProducts%>)</a>
</li>
<% if (this.SettingManager.GetSettingValueBoolean("Common.EnableWishlist"))
{ %>
<li><a href="<%= SEOHelper.GetWishlistUrl()%>" class="ico-wishlist">
<%=GetLocaleResourceString("Wishlist.Wishlist")%></a> <a href="<%= SEOHelper.GetWishlistUrl()%>">
(<%=this.ShoppingCartService.GetCurrentShoppingCart(ShoppingCartTypeEnum.Wishlist).TotalProducts%>)</a></li>
<%} %>
<% if (NopContext.Current.User != null && NopContext.Current.User.IsAdmin)
{ %>
<li><a href="<%=Page.ResolveUrl("~/administration/")%>" class="ico-admin">
<%=GetLocaleResourceString("Account.Administration")%></a> </li>
<%} %>
</ul>
</div>
</div>
<div class="header-selectors-wrapper">
<div class="header-taxDisplayTypeSelector">
<nopCommerce:TaxDisplayTypeSelector runat="server" ID="ctrlTaxDisplayTypeSelector">
</nopCommerce:TaxDisplayTypeSelector>
</div>
<div class="header-currencyselector">
<nopCommerce:CurrencySelector runat="server" ID="ctrlCurrencySelector"></nopCommerce:CurrencySelector>
</div>
<%--<div class="header-languageselector">
<nopCommerce:LanguageSelector runat="server" ID="ctrlLanguageSelector"></nopCommerce:LanguageSelector>
</div>--%>
<div class="freedelivery">
<img src="../App_Themes/darkOrange/images/freedelivery.png" alt="Free Delivery On Everything" />
</div>
<div class="searchbox">
<nopCommerce:SearchBox ID="ctrlSearchBox" runat="server" />
</div>
</div>
</div>