Rounded Borders Using Snazzy Borders

gee38l:

Has anyone implemented this into the css header flyout menu add on?

Or does anyone know how i could acheive this?

I am using snazzy for round corner, i can change the color of left border and right border in .boxcontent but i dont know how to change the color of top border and bottom border. Anybody know this?

Hi,

I tried this and got a strange result:
http://server2.camelot-hosting.com/~mandmstr/
I changed CSS and tpl right and left.

Could anybody tell me what's wrong ?

I am a newbee when it comes to templates...

Thanks

What's the problem? Your borders look round to me. This is obviously a work in progress, but not knowing how it looked before adding Snazzy, I'm not sure what got messed up.

(BTW, I am seeing horizontal scroll on your site.)

Peace,
Audra

I have had no problems integrating the snazzy borders on my site... it loouks great though I have concerns about the excessive use of the b tag... might try substituting it for something else . any thoughts?

Hi

I have installed this and got rounded borders on the left side boxesboxes, but the header of the box is misplaced up above the sidebox.

Anyone give me a pointer as to how to fix this.

Is it also possible to use an image for the background of the header with this mod ?

Regards
Laurie

Probably help if I gave you the link to the site too.

http://www.chalfontnet.co.uk/chalfontgifts/shop/index.php?main_page

Doh !!!

I'm trying to figure out where to put the information to get my sideboxes to be rounded. Our site is https://www.funkymunkys.ca

From http://www.cssplay.co.uk/boxes/snazzy2.html I found this which I assume by the listing on the page it goes directly into the stylesheet:

Cascading Style Sheet

.xsnazzy h1, .zsnazzy h1 {
margin:0;
font-size:1.2em;
padding:0 10px 5px 10px;
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0;
padding:5px 10px;
font-size:10px;
}
.xsnazzy {
background: transparent;
width:240px;
float:left;
margin:0 3px;
}

.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff;
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px;
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}

.xboxcontent {
display:block;
border:0 solid #444;
border-width:0 1px;
height:auto;
}

• html .xboxcontent {
  height:1px;
  }

.color_a {
background:#c9ba65;
color:#fff;
}
.color_b {
background:#d4d8bd;
color:#000;
}
.color_c {
background:#758279;
color:#fff;
}
.color_d {
background:#b2ab9b;
color:#000;
}

Then there is also this below that....How would I go about putting that in? Do I have to make a new php file for each sidebox? Or can I just make a tpl_box_default_right.php and place it in there?

Typical xhtml

I would love a step by step if anyone could spare the time. I'm still trying to figure out zen cart (and php altogether). Although I have made alot of progress on our site for not knowing alot :)

One question I have as well, will this work fine if I'm using a different color for each sidebox background and border?

me too, if anyone can post clearer instructions...

Hi I have implemented this code:

http://www.cssplay.co.uk/boxes/snazzy2.html

into my site:
http://www.rosedakinjewellery.com.au/index.php?main_page=index&cPath=1

and although I can see it has rounded the corners .. I have no idea how to style it. Do I have to make my category header image with rounded corners and then how do I get the category headers to sit inside the rounded corners.

Thanks guys .. really appreciate your help

I have tried this, but I got strange results. Please help me on. I put the image of the problem under the attachment.

Could someone please provide better instructions on how to implement this for those of us that don't know alot about html and php?