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

Drop Shadow - Entire Site

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 11-18-2009, 03:59 AM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Drop Shadow - Entire Site

Hi all,

I'm trying to get a drop shadow to appear around my entire site, but I'm stuck just over the first hurdle!

I understand that I have to insert a <div> section at the top and bottom of the page in rectangle_top.tpl and rectangle_bottom.tpl. I have done this and inserted the image that I want to display to create the shadow effect.

However, it is only appearing in the admin section.


I cannot find anything that would be similar in customer/ only in skin1/.

Is there something that I'm missing?


Also - I'm completely stuck on the creation of 2 new columns and tiling an image. I have done a search, but nothing seems to relate to 4.2.3.


(FYI - I have restored the original files now, so am going from scratch.)


Huge thanks in advance to anyone who can help me out here!

JeanB
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
Reply With Quote
  #2  
Old 11-18-2009, 04:03 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,197
 

Default Re: Drop Shadow - Entire Site

In 4.2.x all customer templates are in skin1/customer so you are not editing the correct files.
skin1/customer/bottom.tpl and skin1/customer/head.tpl are the file syou want to edit
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #3  
Old 11-18-2009, 04:16 AM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Re: Drop Shadow - Entire Site

Ah, you're too good. My apologies!

The top's working now! But the bottom isn't appearing?

I'm in customer/bottom.tpl:


Quote:
<div class="box">
<div class="subbox">
</div>
<div align= "center" width= "966"><img alt="" src="/skin1/images/rectangle_bottom.jpg"/></div>
</div>

The image appears if I move it above the subbox, but does not appear below it?


Thanks for your help!
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
Reply With Quote
  #4  
Old 11-18-2009, 04:17 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,197
 

Default Re: Drop Shadow - Entire Site

Edit the css classes to make it work for you. Some of them have specific height, your image could be there just not visible
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote

The following user thanks cflsystems for this useful post:
JeanB (11-18-2009)
  #5  
Old 11-18-2009, 06:42 AM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Re: Drop Shadow - Entire Site

Ah, you're a star! Thanks!

Sorted it! It was a combination of the heights (that were all over the place!) and the alignment being 'absolute'...

Looks great now though, thanks a million!!


Any idea how I would go about doing the two sides? :s
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
Reply With Quote
  #6  
Old 11-18-2009, 02:37 PM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,197
 

Default Re: Drop Shadow - Entire Site

two sides?
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote
  #7  
Old 11-18-2009, 11:51 PM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Re: Drop Shadow - Entire Site

Yes, to put in a drop shadow that runs down the entire length of the site, on either side. I'm presuming a tiling/repeating image running on the left & right of the page container?

But, I'm not sure where to start on this. I can find things relating to 4.1, but not 4.2.3.

Thanks, Steve.
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
Reply With Quote
  #8  
Old 11-19-2009, 04:46 AM
  cflsystems's Avatar 
cflsystems cflsystems is offline
 

Veteran
  
Join Date: Apr 2007
Posts: 14,197
 

Default Re: Drop Shadow - Entire Site

You can create an image 1px height and for width whatever your site width is. This image will have the shadow on both ends, put it as a site background with repeat
__________________
Steve Stoyanov
CFLSystems.com
Web Development
Reply With Quote

The following user thanks cflsystems for this useful post:
JeanB (11-19-2009)
  #9  
Old 11-19-2009, 06:37 AM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Re: Drop Shadow - Entire Site

You're a genius! Gottit!



However.......! Lol.

My alignments are all out!

The top and bottom are now aligning to the centre-left (IE starting from the left edge of the page-container and overhanging the right edge). (The page container is 966 wide and the top and bottom sections of the shadows are 1024)


And my newly defined css "page-shadow" box is ending before "customer_bottom", even though the div tags are closed after bottom.tpl in home.tpl.


Thanks so so much for your help!

I'll get there eventually, lol.
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
Reply With Quote
  #10  
Old 11-19-2009, 06:49 AM
  JeanB's Avatar 
JeanB JeanB is offline
 

eXpert
  
Join Date: Oct 2009
Location: Worcestershire, UK
Posts: 217
 

Default Re: Drop Shadow - Entire Site

OK, I've done it, but it's probably not how it's "supposed" to be done?!!

Is it "OK" to put the top and bottom <div> boxes in home.tpl?!
__________________
4.2.3
X-Cart Gold
BCSE Address Book | XCartMods QuickFind | X-RMA | X-Offers
-------[installed]----------------------[installed]--------------[installed]----[installed]--



5: in development
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 10:01 PM.

   

 
X-Cart forums © 2001-2020