Search Wiki:
I have been doing web development since the days of Mosaic. Stuck in my ways I always used table tags to create my page layout and design. I knew CSS was better for doing layout design and my website needed a face lift. I picked up a great book on CSS, Styin' with CSS. I'm not a designer at all but this book made it very simple to learn and use. His used Dreamweaver for his examples. I wanted to use them in in Visual Studio with ASP.NET so I created some basic project templates for Visual Studio .NET. These are basic templates with the bare mininum so there isn't anything to delete to use. They use some ASP.NET best practices like Master Pages, Themes, asp.net menu, and site map.

To use download the VSI files and install to Visual Studio. Choose File -> New -> Web Site -> My Templates.

Three Column - Rounded Corners with Left Navigation, main center content, and a right promo area.

ThreeColumnTemplate.jpg


Two Column - Rounded corners with left navigation and main content.

TwoColumnTemplate.jpg


Two column with Top Navigation - Rounded corners with top navigation, left side links and main content.

TwoColumnLeftNavTemplate.jpg

If you have other asp.net css templates, contact me to join the project and we can add more.

Mike Douglas' blog http://www.codesmartnothard.com
Last edited Feb 10 2009 at 2:16 AM  by MikeDouglas, version 11
Comments
leona949 wrote  Apr 23 2009 at 6:31 AM  
Thank you Mike for the templates. Since I'm a coder and not a designer, these templates will save me lots of time.

john97030 wrote  Jul 11 2009 at 5:16 PM  
Hey thanks! Just want I wanted. Client has limited budget, but *has to have* a left side navigation menu. I will come back and let you know after I try to install it.

john97030 wrote  Jul 13 2009 at 7:47 PM  
well, I have it up and running but there is too much *nifty* code. The layout is impossible to tweak. How it works is very cryptic and purple isn't my favorite color (or that of my client). I have to create new styles in each tag I want to tweak and even then sometimes it doesn't work. How in the heck do I make the background of the whole webpage change? Body tag is somehow over written by something in there. You are using javascript and CSS and it all kinda becomes very hard to administer. here is where I have it: www.oesac.org

aliweber wrote  Apr 11 2010 at 5:20 PM  
Hi Mike,
thanks a lot for your nice CSS templates. I use the “Three Column - Rounded Corners with Left Navigation, main center content, and a right promo area.” I use with my side “Unser Trainingstagebuch”. Unfortunately the website is only in German.
But still one problem exist. I have to work with subfolders due security reasons. If I do this, I get problems with the following
Script on my master page:
window.onload=function() {
Nifty("div#nav,div#content,div#promo", "medium same-height");
Nifty("div#header,div#footer", "medium");
AddCss("App_Themes/Default/niftyCorners.css");
}

Laufzeitfehler in Microsoft JScript: Objekt erwartet – runtime error in Microsoft JScript: Object expected

The problem exists only with pages created in subfolders on the same website.

Unfortunately I am not a professional developer and I am not able to find a solution.

Attached you can find a demo project of visual 2008. Test1.aspx has the same problem.

I hope you can help me to find a solution.

Apart from that I am very excited with your css template.

Thanks for your help and understanding.

Updating...
Page view tracker