Results 1 to 10 of 10
  1. #1
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Adding Shadow on Left/Right of Classic Template

    Well, I thought this would be easy- but apparently I'm not getting it. LOL. I want to add a little shadow to each side of the classic template.

    I added this to my CSS-

    #wrapperleft {
    width: 100%;
    max-width: 1000px;
    margin:auto;
    background-image: url(../images/shadow_left.png);
    background-position: top left;
    background-repeat: repeat-y
    }

    #wrapperright {
    width: 100%;
    max-width: 1000px;
    margin:auto;
    background-image: url(../images/shadow_right.png);
    background-position: top right;
    background-repeat: repeat-y
    }


    THEN- I added this to the tpl_main_page.php :
    <body id="<?php echo $body_id . 'Body'; ?>"<?php if($zv_onload !='') echo ' onload="'.$zv_onload.'"'; ?>>
    <?php
    if (SHOW_BANNERS_GROUP_SET1 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET1)) {
    if ($banner->RecordCount() > 0) {
    ?>
    <div id="bannerOne" class="banners"><?php echo zen_display_banner('static', $banner); ?></div>
    <?php
    }
    }
    ?>

    <div id="mainWrapper">
    <div id="wrapperleft">
    <div id="wrapperright">


    And then at the bottom of that same file- added in this:

    </div>
    </div>

    <!--eof- banner #6 display -->
    </body>

    But it's not working. Yes, I uploaded the png files to the images directory... ;)

    Any suggestions?

  2. #2
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    I suggest you create your own custom template instead of making your changes in the files that came with Zen Cart or all your changes will be lost with the next update/upgrade.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  3. #3
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    I actually am using my own template for this. I copied the Classic one over to my CUSTOM. I added the tpl_main_page file to my includes/templates/CUSTOM/common folder... and the CSS into the includes/templates/CUSTOM/css folder (where CUSTOM is my template name).

    Right???

  4. #4
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    Actually- I got it now. I changed it to this and all is good!

    <div id="wrapperleft">
    <div id="wrapperright">
    <div id="mainWrapper">


  5. #5
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    Quote Originally Posted by eyal8r View Post
    I actually am using my own template for this. I copied the Classic one over to my CUSTOM. I added the tpl_main_page file to my includes/templates/CUSTOM/common folder... and the CSS into the includes/templates/CUSTOM/css folder (where CUSTOM is my template name).

    Right???
    Yes, that's right. I just get nervous when someone says they're using the classic template.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  6. #6
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    Quote Originally Posted by eyal8r View Post
    Actually- I got it now. I changed it to this and all is good!

    <div id="wrapperleft">
    <div id="wrapperright">
    <div id="mainWrapper">

    Cool! I'm sure that'll help someone else trying to do the same thing.
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

  7. #7
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    Hopefully so! I'm glad it will serve someone else...

  8. #8
    Join Date
    Jan 2010
    Posts
    49
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    What do you mean by 'shadow' ??

    Do you mean having your website as a fixed width and keeping it centred on the webpage, while having two borders either side of it?

    Sorry for such a simple question.

  9. #9
    Join Date
    Jan 2010
    Posts
    142
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    That's it exactly. The shadow is a drop shadow image...

  10. #10
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: Adding Shadow on Left/Right of Classic Template

    Could you show us the result?

    Rob

 

 

Similar Threads

  1. In Classic Template: Need to Align body to LEFT
    By franksterm in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 26 Aug 2010, 10:41 PM
  2. How do I left align the classic template
    By Jordin in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Apr 2009, 06:06 AM
  3. Right to left template
    By shayatik in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 30 Mar 2009, 02:38 PM
  4. Adding images to right/left column
    By robinstl in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 7 Oct 2007, 05:46 AM
  5. using classic template - adding a jpg file
    By ewalker3 in forum General Questions
    Replies: 2
    Last Post: 23 Nov 2006, 12:16 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR