round corners

[kiddo]

Have any of you used nifty corners or nifty layout? I see there is a template that included this. I was wondering which you liked better?

vicky

Nifty Corners is totally Cool!

Example template I'm making with lots of rounding goin on including rounded CSS buttons:

http://www.linuxpuppy.net

use "demo" for both username and password...

[TrvlFox]

I want to try and use them for my ezpage links on the top. But I'm not sure exactly where to put the <div> and <ul><li> tags.

I'm pretty sure it goes somewhere around here

<code>
<div id="topLinks">
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) {
require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php');
} ?>
</div>
</code>

any ideas?

[kiddo]

You don't change your Zen Cart code to use Nifty Corners (well, you can if you are being creative), you put the javascript in all the right places (use the NiftyZen template as a guide) and then tell Nifty what to round.

My Nifty config file for that demo site is this:

/*nifty corners layout*/
NiftyLoad=function(){
Nifty("div#KimWrapper","big transparent");
Nifty("div#roundEZPageNav", "normal transparent");
Nifty("h3.leftBoxHeading","normal top transparent");
Nifty("h3.rightBoxHeading","normal top transparent");
Nifty("div.sideBoxContent","normal bottom");
Nifty("div#cartWrap","normal");
Nifty("div.cartWrap2","normal");
Nifty("div#shippingMethodTable","normal transparent");
Nifty("div.cssButton","small");
Nifty("div#cartAdd","small transparent");
Nifty("div.centerColumn","normal transparent");
Nifty("div#navBreadCrumb","normal transparent");
Nifty("div#navEZPagesTOCWrapper","normal transparent");
Nifty("h2.centerBoxHeading","normal transparent");
Nifty("div#navColumnOneWrapper,div#navColumnTwoWrapper,div#KimContent", "same-height transparent");
}

[oxicottin]

I want to try and use them for my ezpage links on the top. But I'm not sure exactly where to put the <div> and <ul><li> tags.

I'm pretty sure it goes somewhere around here

<code>
<div id="topLinks">
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) {
require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php');
} ?>
</div>
</code>

any ideas?

TrvlFox , Please start a new thread. Thanks!

[oxicottin]

Clyde here is the files im using... Hope this helps!

Thanks,
Chad

[arnold931]

Rounded corners using CSS vs images vs Nifty Corners.
Are there advantages or disadvantages to any of these?
Will any be more difficult or easier to maintain?
I see where Nifty uses javascript. Could there be compatibility issues with some browsers?

[TrvlFox]

Started a new thread here http://www.zen-cart.com/forum/showth...422#post425422

[kobra]

I see where Nifty uses javascript. Could there be compatibility issues with some browsers?

It will require java script to be enabled so yes some might not have this, but there are fewer and fewer as time passes

[TrvlFox]

Last reply.

I finally figured out a work around method for my nifty tabs. If you are interested, I posted what I did on http://www.zen-cart.com/forum/showth...422#post425422


Vicky
(feeling mighty proud of herself right now...)

[nagelkruid]

Clyde's instructions were for rounding the center column. To round the mainWrapper, you should be able to transfer the code to just below the <div id="mainWrapper"> and the ending code to just above the mainWrapper </div>. This will be just above the

<!--bof- parse time display -->

comment.

Gents, great contributions, all off you, very helpful, much obliged.

Anyway I just got stuck doing this middle piece and trying to get the navbar having rounded corners.
Clyde's code works but it gets the rounded on the whole middle section which wasn't what i was after, i just want the navbar to be rounded.

Then i will make all the middle bars rounded as well.
There is an issue though with clyde's code that it gets the job done, but it narrows the max width to around 150 px which is a bit slim

If i use the guidance in this one then i do get some part of the bar rounded but it places the text out of it, or smething, it is blurred :)

Any thoughts how i should get just the navbar done?
www.engeltjesendraken.nl/winkel
it's the green bar :)

cheers