Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls

Custom Header Help

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 07-12-2012, 04:07 PM
 
pcarcare pcarcare is offline
 

eXpert
  
Join Date: Jun 2004
Location: Salt Lake City, Utah
Posts: 230
 

Default Custom Header Help

Hi gang...

I'm trying to modify my header. It is pretty simple with a background and two or three images.

I'm having a hard time with css making the header how I want it. I have attached a pic of how it should look. The background, car and text are all layers. I have them all saved individually and uploaded.

I can't get the background to show, is the below code correct?

#header {
background: transpatent url (../images/custom/pro_car_care.png) no-repeat top right;
height: 179px;
top: 0px;
left: 0px;
}

#header .logo_name {
position: left;
right: 180px;
top: 0px;
}

{*
$Id: head.tpl,v 1.1.1.1 2012/04/05 10:16:13 ferz Exp $
vim: set ts=2 sw=2 sts=2 et:
*}
<div class="line1">
<div class="logo">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/car_care_products.png" alt="Professional Car Care Products" /></a>
</div>

<div class="header-links">
<div class="wrapper">
{*{include file="customer/header_links.tpl"}*}
</div>
</div>

{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}

{include file="customer/tabs.tpl"}

{include file="customer/phones.tpl"}

<div class="logo_name">
<a href="{$catalogs.customer}/"><img src="{$AltImagesDir}/custom/professional_car_care_products.png" alt="Pro Car Care Products" /></a>
</div>

{*<div class="logo_payments">
<img src="{$AltImagesDir}/custom/payment_logos.png" alt="" />
</div>*}

</div>

<div class="line2">
{if ($main ne 'cart' or $cart_empty) and $main ne 'checkout'}

{include file="customer/search.tpl"}

{*{include file="customer/language_selector.tpl"}*}

<div class="header-links">
{include file="customer/header_links.tpl"}
</div>

{/if}
</div>

{include file="customer/noscript.tpl"}

It might be that the pics are blocking the backgound, but I believe the pics don't have background info.


Whats the best format to save pics with no background?
Attached Thumbnails
Click image for larger version

Name:	Header_1.jpg
Views:	123
Size:	49.9 KB
ID:	3125  Click image for larger version

Name:	screenshot_dev1.png
Views:	125
Size:	98.9 KB
ID:	3126  
__________________
X-cart gold 4.5.2 (live)
X-payments 1.0.5

http://www.professionalcarcare.com
Your online source for all your car care needs
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 02:49 PM.

   

 
X-Cart forums © 2001-2020