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?

[zooooz]

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?

[broeder]

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

[audradh]

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

[sephiroth]

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?

[chalfontgifts]

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

[chalfontgifts]

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

http://www.chalfontnet.co.uk/chalfon....php?main_page

Doh !!!

[FunkyPapa]

I'm trying to figure out where to put the information to get my sideboxes to be rounded. Our site is 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
<div class="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2 color_a">
</b><b class="xb3 color_a"></b><b class="xb4 color_a"></b></b>
<div class="xboxcontent">
<h1 class="color_a">Blah Blah Title</h1>
<p>You are not currently logged in.</p>
<p>If you don't have a login you can
<a href="#nogo">register here</a>.</p>
<p>If you have one, then LOGIN <a href="#nogo">here</a>.</p>
<p>If you don't know if you should have one - and need convincing
that free, confidential, fast and useful is not enough then click
<a href="#nogo">here for a demo</a>.</p>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>

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?

[1kell]

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

[wotnow]

Hi I have implemented this code:

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

into my site:
http://www.rosedakinjewellery.com.au...=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