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

[billybonds]

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.

[birdoasis]

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

[birdoasis]

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

[billybonds]

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.

[billybonds]

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...

[billybonds]

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

back to the drawing board.

[birdoasis]

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

[billybonds]

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.

[billybonds]

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...

[Ryk]

A variety of methods here - be warned, this is a very addictive site and will give you all sorts of ideas!