Cosmic - IceCaves.net Web Design

CosmicHigh-quality website designs made by our web design community for you.

Cosmic
	Jenny - Saturday, February 6 2010, 6:00 pm PST I decided in the end that I'd be chartable and give IC this layout so here it is. And Thomas made me rush it so there isn't too much meat to the CSS. < Browse More Website Layouts	User Rating: (Log in to rate) Average: 4.8/5 \| Total Votes: 5

Preview Full Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <title> SITE NAME HERE</title> <style type="text/css"> body{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/cosmicbg.jpg); font-family: arial, verdana, sans-serif; font-size: 10pt; line-height: 20px; color: #111;} #container{ margin:0 auto; width: 500px;} #main{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/cosmicmain.jpg); width:500px; height: 300px; } #footer{ color: #D2d2d2; width: 500px; height: 80px; margin-top: 12px;} #content{ background: #FFF; opacity: 0.4;filter:alpha(opacity=40); width: 480px; padding: 10px; margin-top: -12px;} #navlist{ margin-top: -40px; padding: 3px 0; margin-left: 0; border-bottom: 1px solid #778; font: bold 12px arial, sans-serif; letter-spacing: 1px; } #navlist li{ list-style: none; margin: 0; display: inline; } #navlist li a{ padding: 3px 0.5em; margin-left: 3px; border: 1px solid #503F83; border-bottom: none; background: #D6CEEE; text-decoration: none; } #navlist li a:link { color: #503F83;} #navlist li a:visited { color: #503F83; } #navlist li a:hover{ background: #E5E2EF; border-color: #227; } #navlist li a#current{ background: white; border-bottom: 1px solid white; } a:link{color: #000;} a:visited{color: #000;} a:hover{color: #3C3C3C;} blockquote{ border-left: 10px solid #8769DC; padding: 5px;} h1{ font-size: 16pt; color: #382C5C; border-bottom: 3px solid #382C5C;} </style> </head><body> <div id="container"> <div id="main"></div> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="#" id="current">Item one</a></li> <li><a href="#">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> <div id="content"> <h1>Header One</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. <blockquote> Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</blockquote> </div> <div id="footer"> Website layout © and distributed by IceCaves.net. Website layout by Jenny. All rights reserved. Please do not redistribute. Site content © your site.</div> </div> </body></html>

User Comments

	Puffs of ipawd.net	February 6 2010, 6:19 pm PST - Karma: 0 - Quote - Link -
	Very cute, Jenny!
	jules of rabidish.org	February 6 2010, 6:21 pm PST - Karma: 0 - Quote - Link -
	This is a very nice purple layout, Jenny! I like the navigation because it looks like tabs. I would've liked to seen more colours & meat in the CSS but you can just blame, Thomas for that.
	Zaphiie of roguecity.net	February 6 2010, 6:47 pm PST - Karma: 0 - Quote - Link -
	This is beautiful and simple. Haha, blame Thomas, as always.
	Haily of icecaves.net	February 6 2010, 10:56 pm PST - Karma: 0 - Quote - Link -
	Really nice! The layout is really balanced and simple.
	Grace of moonwalked.net	February 7 2010, 1:56 pm PST - Karma: 0 - Quote - Link -
	Oh wow! I love it, looks great (:

Post a Comment
You are not currently logged into your IceCaves account. Log in?

Username: Password: Lurking? | Create an account

If you would prefer, you can post as a guest below: