Rounded Borders Using Snazzy Borders

[krush]

hi vik007,

u did a great job with rounded snazzy border..
but have u browse your site using IE.

another bar appears under navigation menu and your contact us menu is not fit into the nav bar.

becoz i have the similar problem with IE.
but mine is different and can be ignored (i think so)
there is a gap between my banner and nav bar when i browse using IE.

anyway, nice modification u made.

[vik007]

Thank you for your comments.

Ohhhh how i hate IE!

My plan is to get rid of the heading all together and swop it with a hover button links.

There is a thread that changes the header to a hover link thing..thats kinda cool!!!

[jjbakker]

Has anyone managed to get the centercolumn rounded also?

[gsb2007]

Hi

I have managed to setup the round corners perfectly on Zencart and it works well in IE, Safari and the previous version of FireFox. Just downloaded the latest release or Firefox and the shop layout is all over the place when viewed with this browser.

Has anyone had this issue as well?

[nagelkruid]

Originally Posted by audradh

Yay, I have been looking to do this!
I have managed the rounded corners and spacing between the boxes, but I can't seem to get any white space between the sideboxes and the centerbox.

Interestingly, if I exclude the sidebox heading in the snazzy div in the php file, everything lines up. This is the relevant section...

<!--// bof: <?php echo $box_id; ?> //-->
<!--// <div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>"> //-->
<h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3>
<div class="xsnazzy" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
                     <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
                     <div class="xboxcontent">
 
<?php echo $content; ?>
</div>
 
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
 
<!--// eof: <?php echo $box_id; ?> //-->

If I put the heading into the snazzy div in the php file, the alignment to the center box is off:

<!--// bof: <?php echo $box_id; ?> //-->
<!--// <div class="leftBoxContainer" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>"> //-->
 
<div class="xsnazzy" id="<?php echo str_replace('_', '-', $box_id ); ?>" style="width: <?php echo $column_width; ?>">
                     <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
                     <div class="xboxcontent">
 
<h3 class="leftBoxHeading" id="<?php echo str_replace('_', '-', $box_id) . 'Heading'; ?>"><?php echo $title; ?></h3>
 
<?php echo $content; ?>
</div>
 
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
 
<!--// eof: <?php echo $box_id; ?> //-->

Just can't find the darn thing, and I'm wondering if maybe I'm not putting the code into the php correctly.

Any thoughts?

Audra

Not sure if/how you fixed it, but i added <p><p> to the closing section for the side boxes which does it for me

<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b><p><p>

[HGMstore]

Hello, I used the snazzyborder code to put rounded borders around my side boxes and center area.

However, I want to have my title header (which are images) look like they are part of the rounded section.

Here is my beta site: http://www.organicgojifarm.com/zen/

So I either need to turn off the border on top and continue the illustion of a border onto my header image.
Or
I need to find a way to have the header appear inside the border instead of outside of it.

Unfortunatly I don't know how to do any of these!

I want to get my category sidebox (and the others) to look as similar to this as possible:


Any help would be appreciated, thanks in advanced!

Also!
How do I get rid of the "New products for November" but keep the "Featured products" ???
Thanks!

[cla74]

I found a way to apply snazzy to center box:
For example to featured products box you have to search tpl_modules_featured_products.php, and this is the code:

PHP Code:

<!-- bof: featured products  -->
<div class="xsnazzy">
                     <b class="xtop"><b class="xb1"></b><b class="xb2 color_b"></b><b class="xb3 color_b"></b><b class="xb4 color_b"></b></b>
                     <div class="xboxcontent">

<?php if ($zc_show_featured == true) { ?>

<?php
/**
 * require the list_box_content template to display the product
 */
  require($template->get_template_dir('tpl_columnar_display.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_columnar_display.php');
?>

<?php } ?></div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b>
<b class="xb2"></b><b class="xb1"></b></b>
</div>




<!-- eof: featured products  -->

and so on with the others......

[nagelkruid]

Originally Posted by cla74

I found a way to apply snazzy to center box:
For example to featured products box you have to search tpl_modules_featured_products.php, and this is the code:

and so on with the others......

Great contribution.
Have you found, by any chance, how to make the "people also purchased" rounded? (there is one more like that, i belive its featured products, not sure)

Cheers,
Jeroen

[gee38l]

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

[first trading]

Hi, great thread.

I have rounded boxes, borders, etc etc.

www.rambo-knife.com

However i want the next site i tamper with to use something like snazzy so the boxes are generated in the code because i want to set the site to open with the width of the screen res. instead of fixed................so my question is this.

Does anyone know if you can fill the top of the snazzy border and the bottom and also if you can use a gradient colour fill for it?

I only ask as whenever i've seen sites that use this type of coding the very top of the boxes has to be filled the same as the background box colour.

Failing that does anyone know how to split a sidebox and center box into 6................left-header, right-header, left-content, right-content, left-bottom, right-bottom...?