Nifty Zen Template - Rounded Corners without images!

[jettrue]

Coming soon to the download section. I'm just starting the support thread now.

If you want to see what it looks like, check it out here.
http://www.niftyzen.sagefish.com/

It uses the Nifty Corners (more info here) method, designed by Alessandro Fulciniti.

It will allow you to have rounded corners for your site, but at the same time be able to change the colors for the site without having to make rounded corner images every time. Even the Home, Login tabs are using the rounded corners function.

Another cool thing about this template... since I've set the width of the site in em's, when someone enlarges their font, the website enlarges too... so you don't get weird issues with larger fonts.

I think its very Nifty! What do you think?

[Kim]

Jade-

Nifty Idea- I would suggest using a percentage for the main page width, then you won't have to scroll horizontally if using the largest text size.

[jettrue]

Jade-

Nifty Idea- I would suggest using a percentage for the main page width, then you won't have to scroll horizontally if using the largest text size.

Thanks for the suggestion, but that won't do what I want.

Say I set the page at 80%... then it will fill the browser window 80% no matter the users font size. Say someone has a really wide browser window... then the site will be REALLY wide, and it won't look the way I want it. I know there is a lot of merit to the % use, and there are negatives to this method, but I'm just going for this method this time. And it's easy for anyone who uses this template to switch to %'s.

[jettrue]

I've uploaded the template here:

http://www.zen-cart.com/index.php?ma...roducts_id=277

Enjoy, and let me know if you have any quesitons!

[knuckle-101]

Why is everything based left? Anyway to center it?

[jettrue]

Why is everything based left? Anyway to center it?

Cause I designed it that way. Cause I like left-based sites. Cause there's no law saying every site has to be centered.

Anyway, I had been planning on posting centering instructions, it's easy to do. Here are the instructions for centering Nifty_Zen.

Step 1.

Open includes/templates/nifty_zen/css/stylesheet_new.css.

Find #outermainWrapper

add these tags to it:

	text-align: center;
	margin:0 auto;

and also in #outermainWrapper change

	padding:8px 8px 8px 0;

to

	padding:8px;

Step 2.

Add this to stylesheet_new.css

#logo {
	margin-left:5px;
	}

(that moves the logo out of the way for the left rounded corners that we'll do next)


Step 3.

Open includes/templates/nifty_zen/jscript/jscript_niftyalayout.js

change

Nifty("div#mainWrapper", "big right");
Nifty("div#outermainWrapper", "big right");

to

Nifty("div#mainWrapper", "big");
Nifty("div#outermainWrapper", "big");

[knuckle-101]

thanks for the reply, I be sure to edit the way you said.

[mobilehound]

Excellent template, been trying to get nifty working in zen for ages, well done.

Is there any chance of getting or including the psd file for the buttons to change the colours?

Thanks in advance...

[jettrue]

Excellent template, been trying to get nifty working in zen for ages, well done.

Is there any chance of getting or including the psd file for the buttons to change the colours?

Thanks in advance...

You're talking about the dark grey/black buttons, right? I actually made those with a mac program, called Button Builder: http://www.apple.com/downloads/macos...onbuilder.html

If you happen to be on a mac, you could use that....

If not, I can either make them for you (I was planning on making a new set to upload, so whatever you want can be the next color I do), OR I can create a .psd for you pretty easily. Is there a specific color you are looking for?

[areyousure]

this is so far the best theme of zen-cart. rounded corners technique plus nice tabs, cool.
in addition to the two tabs: 1)home 2)login,
how about adding these sideboxes as tabs:3)shopping_cart 4)order_history 5)information 6)specials+featured+best_sellers 7)forum 8)reserved link... 9)reserved link...

and, a centered version should be as popular.
cheers.