Thread: styled corners

Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default styled corners

    Hi,

    I want to have rounded corners on my sidebox. The nifty zen patch is said to use color only. I wanted a drop shadow and border; I can create these with images .
    How can i get these fancy type of rounded orners in the sidebox ?

    Editing a blank sidebox doesn't seem simple for this .

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: styled corners

    I want to have rounded corners on my sidebox. I can create these with images .
    How can i get these fancy type of rounded orners in the sidebox ?
    Editing a blank sidebox doesn't seem simple for this .
    You can apply any of the standard methods for acheiving this that you are comfortable with.
    Images that are static can be applied to the specific elements via css - or you can make them dynamic with different means and one would be the sliding door technique used in the future zen template
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: styled corners

    I tried adding standard html,css for rounded corner and this failed on a blank sidebox. This is what you are talking about i take it.
    Let me try again and maybe post code up if it still fails.

  4. #4
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: styled corners

    This is not working. It works on its own (i tested)but not in this ZC blank sidebox.

    This has some images to display in a simple rounded corner. It doesn't pickup the images which are under main dir and also images in css.
    All I get is the background color but no images.

    In the sidebox i have
    ...
    <!-- EDIT BELOW THIS LINE -->
    <div id="mexBoxHead">
    Categories
    </div>

    <div class="bl"><div class="br"><div class="tl"><div class="tr">
    Lorem ipsum <br>dolor sit amet <br>consectetur adipisicing elit
    </div></div></div></div>
    <div class="clear">&nbsp;</div>
    ...

    in stylesheet.css i have

    .bl {background: url(images/bl1.gif) 0 100% no-repeat #ffffff; width: 130px}
    .br {background: url(images/br1.gif) 100% 100% no-repeat}
    .tl {background: url(images/tl1.gif) 0 0 no-repeat}
    .tr {background: url(images/tr1.gif) 100% 0 no-repeat; padding:10px}
    .clear {font-size: 1px; height: 1px}

  5. #5
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: styled corners

    Look at the future zen template or another for how this is done....

    BTW:url(images/bl1.gif) refers to the template images directory not the main
    Zen-Venom Get Bitten

  6. #6
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: styled corners

    Under templates/custom/images is that where they go? as i put the images there as well and I get nothing.

    Do you mean a future zen template or in the future (as funny as that sounds).

  7. #7
    Join Date
    Jan 2004
    Posts
    66,443
    Plugin Contributions
    279

    Default Re: styled corners

    I think kobra meant to say this:

    [FONT="Courier New"]url(../images/bl1.gif) [/FONT] refers to the /includes/templates/YOURTEMPLATE/images directory not the main /images folder
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  8. #8
    Join Date
    Jan 2004
    Posts
    66,443
    Plugin Contributions
    279

    Default Re: styled corners

    FutureZen is one of many different template examples available in the downloads area.
    http://www.zen-cart.com/index.php?ma...ex&cPath=40_53


    FutureZen in action:
    http://(sorry, site offline)/137/?te...dir=future_zen


    Other examples of different uses of Zen Cart templates:
    http://(sorry, site offline)/hoff.php
    .

    Zen Cart - putting the dream of business ownership within reach of anyone!
    Donate to: DrByte directly or to the Zen Cart team as a whole

    Remember: Any code suggestions you see here are merely suggestions. You assume full responsibility for your use of any such suggestions, including any impact ANY alterations you make to your site may have on your PCI compliance.
    Furthermore, any advice you see here about PCI matters is merely an opinion, and should not be relied upon as "official". Official PCI information should be obtained from the PCI Security Council directly or from one of their authorized Assessors.

  9. #9
    Join Date
    Feb 2007
    Posts
    176
    Plugin Contributions
    0

    Default Re: styled corners

    hi,
    Ok i will give it a go.

  10. #10
    Join Date
    Feb 2007
    Location
    Los Angeles
    Posts
    359
    Plugin Contributions
    0

    Default Re: styled corners

    Quote Originally Posted by DrByte View Post
    FutureZen is one of many different template examples available in the downloads area.
    http://www.zen-cart.com/index.php?ma...ex&cPath=40_53


    FutureZen in action:
    http://(sorry, site offline)/137/?te...dir=future_zen


    Other examples of different uses of Zen Cart templates:
    http://(sorry, site offline)/hoff.php
    Hi DrByte

    i did download Designer Monthly Boxes , but it did not came up right can you check my site and advice what did i forgat or did wrong?

    ty
    www.tiledepot.us/store

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. rounded corners
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 21 Jul 2010, 07:20 PM
  2. round corners
    By oxicottin in forum Templates, Stylesheets, Page Layout
    Replies: 101
    Last Post: 19 Feb 2010, 06:14 PM

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