Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Rounded Corners on What's New for June, etc.

    Hi

    Is it possible to implement rounded corners only on the What's New <div> on the home page?

    I use the method on the following link

    http://www.redmelon.net/tstme/4corners/

    and it is easy enough to implement within a <div> containing only my own text isolated from Zen Cart's features (hope that makes sense)

    but if I want to apply it to the afore mentioned What's New for June/July/etc. feature I'm not sure where to begin.

    Any pointers would be really appreciated.

    Thanks,

    jim.

  2. #2
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    I want to try this too.

    In the stylesheet.css file you have to find the class you want to change, then just add the following under that class.

    "rbroundbox"
    "rbtop"
    "rbcontent"
    "rbbottom"

    I want to do this for all the boxes. But haven't taken the time to do it yet.

    JP

  3. #3
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    I just had a thought,

    The way our stylesheet is laid out your changes will affect all of the boxes since I don't think any of the boxes have their own settings.

    You may need to create a div just for the "What's new for June" box.

    JP

  4. #4
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    Quote Originally Posted by birdoasis View Post

    The way our stylesheet is laid out your changes will affect all of the boxes since I don't think any of the boxes have their own settings.

    You may need to create a div just for the "What's new for June" box.

    JP
    Thanks for the reply, I was thinking that might be the case. However my problem at the moment is which Zen Cart files to put the <div> tags in.

  5. #5
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    ok

    In tpl_main_page.php the rounded corner divs go around

    <?php
    /**
    * prepares and displays center column
    *
    */


    require($body_code); ?>

    Not perfect but with a little fine tuning...

  6. #6
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    actually on reflection that is not it at all as it surrounds the entire centre column....

    back to the drawing board.

  7. #7
    Join Date
    Jun 2005
    Location
    Cheney WA
    Posts
    1,134
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    I don't think you have to put the divs in the core code unless you're tyring to create a new box or something.

    The box is already there, you just have to turn it on. I'm sure you just have to change the stylesheet.css file.

    I think you're going to have to in on the name of the box which is "#whatsNew".

    Under the /*sideboxes*/ add a new section like this. I haven't tested this.
    [FONT=monospace]
    .whatsNew[/FONT] {
    margin: 0.7em 0em 0.7em 0em;
    background-color: #006600;
    background-image: url(../images/tile_back2.jpg);
    background-repeat: repeat-x;
    border: 1px solid #9a9a9a;
    width: 200px;
    rbroundbox
    rbtop
    rbcontent
    rbbottom
    }

    That's probably not right. But I have to leave so you'll have to play with it and let me know if it worked. I'll be back in about 2, maybe three hours. Tis me birthday after all. haha

    JP

    JP

  8. #8
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    Unfortunately I'm off to work now but I'll have another look in the morning.

    Cheers and happy birthday!

    btw, its not a sidebox I am trying to alter, in the central (main) column I want to put the 'What's New for ....' in a container with rounded corners.
    Last edited by billybonds; 22 Jun 2007 at 06:51 PM.

  9. #9
    Join Date
    Nov 2003
    Location
    UK
    Posts
    105
    Plugin Contributions
    0

    Default Re: Rounded Corners on What's New for June, etc.

    Well I got it to work as I need for the time being... (not really a long term solution)

    I made a new div in tpl_main_page.php above...

    <?php
    /**
    * prepares and displays center column
    *
    */


    require($body_code); ?>

    which had my original rounded corners code and text in it (nothing from Zen Cart) to give me my first (and original) rounded corners div.

    and left the rounded corners code around

    <?php
    /**
    * prepares and displays center column
    *
    */


    require($body_code); ?>

    which, after removing code from languages/english/template/index.php, is only showing 'What's New for...' anyway so it gives the effect I'm after, i.e. two rounded corner divs.

    Not the best explanation (or solution) but will do for the time being...

    There is a nifty corners template which may well do what you require although I guess will involve a lot of work...

  10. #10
    Join Date
    Oct 2004
    Location
    Southport, UK
    Posts
    4,244
    Plugin Contributions
    20

    Default Re: Rounded Corners on What's New for June, etc.

    A variety of methods here - be warned, this is a very addictive site and will give you all sorts of ideas!
    Development Manager @ JSWeb Ltd - suppliers of Applepay/Googlepay for Zencart
    20 years with Zencart !

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Border-radius.htc for rounded corners in ie?
    By mike_uk100 in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 23 May 2011, 07:57 PM
  2. Rounded corners
    By commdiver in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 6 Jan 2011, 12:45 AM
  3. rounded corners
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 21 Jul 2010, 07:20 PM
  4. rounded corners alignment issues for sidebox
    By abs007 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 28 Jan 2010, 09:21 PM
  5. rounded corners for bottom center column ?
    By gorie in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 23 Jan 2008, 08:44 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