CosmoColored - IceCaves.net Web Design

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

CosmoColored
	Jenny - Tuesday, July 6 2010, 4:22 pm PST It's called CosmoColored because the color scheme is based off the cover of the May 2007 issue of Cosmopolitan magazine. I have made another one of the same style, different colors of another issue, which should be available on my site, soonish. < Browse More Website Layouts	User Rating: (Log in to rate) Average: 4.8/5 \| Total Votes: 4

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>TITLE HERE</title> <style type="text/css"> body{ background: #C11A4E; } #top{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/wmcosmo2top.png); width: 100%; height: 33px; position:absolute; top: 0px; left: 0px; } #container{ width: 1000px; margin: 0 auto; } #header{ width: 1000px; height: 200px; text-align: center; position:relative; top: 60px; font-family: Georgia, Times New Roman; font-size: 80pt; letter-spacing: -10px; font-weight: 900; text-transform: uppercase; color: #FDF0C3; text-shadow: #E5BF3A 1px 1px 3px; } #maintop{ width:1000px; height:116px; background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/wmcosmo2mainbg.png); } #mainbottom{ width:1000px; height:33px; background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/wmcosmo2top.png); } #main{ background: #B1C6FF; padding-bottom: 20px; } #content{ width: 700px; border-right: #CCC solid 1px; padding: 10px; font-family: georgia; font-size: 10pt; line-height: 20px; color: #1D1C1B; float: left; background: #B1C6FF; } #sidebar{ padding: 10px; width: 259px; float: right; background: #B1C6FF; } .sidebarbox{ background-color: #43403C; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 10px; font-family: Arial; font-size: 9pt; letter-spacing: 1px; color: #F4EC9B; margin-bottom: 20px; } h2{ color: #BDB288; margin: 2px; text-transform: lowercase; font-family: georgia; } .navlink:link, .navlink:visited{ color: #F4EC9B; text-decoration: none; border-bottom: #C11A4E solid 1px; } #footer{ background: #C11A4E; height: 20px; font-family: Arial; font-size: 9pt; letter-spacing: 1px; color: #CCC; text-align: center; } .footerlink:link, .footerlink:visited{ color: #CCC; } </style> </head><body> <div id="top"></div> <div id="container"> <div id="header">SITE\|NAME</div> <div id="maintop"></div> <table id="main" cellspacing="0"> <tr> <td id="content" valign="top"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ullamcorper erat quis dolor aliquet rutrum. Proin malesuada suscipit massa et fermentum. Duis interdum, libero vitae vehicula pulvinar, odio ipsum consectetur sem, at <A HREF="">vulputate</A> urna dolor id diam. Nunc condimentum varius massa. Suspendisse fermentum magna id velit tempus quis feugiat justo condimentum. Nunc tempus rhoncus diam sit amet sollicitudin. Nullam lacus nisl, luctus quis euismod ornare, tempor at arcu. Cras sit amet justo orci, a gravida lorem. Nam tempor, nisl ut dapibus viverra, ante dolor dapibus tortor, vel vehicula turpis nulla eget mauris. Nulla semper felis vitae enim sagittis vel commodo erat rutrum. Quisque ac metus sem, eu tristique elit. Donec venenatis molestie dictum. Nullam interdum, nibh id porta venenatis, risus tortor tempor est, eget suscipit odio urna vitae magna. Integer in dui metus, a iaculis quam. Integer pellentesque orci sit amet est euismod vitae laoreet elit bibendum. Nam id eros facilisis mauris accumsan mollis. Duis rhoncus aliquam dolor, a consequat magna mattis eget. In nunc odio, mattis a pellentesque ut, convallis id arcu. Quisque dapibus orci in lorem iaculis dictum. </td> <td id="sidebar" valign="top"> <div class="sidebarbox"> <h2>Navigation</h2> <ul> <li><a href="x" class="navlink">Home</a></li> <li><a href="x" class="navlink">Site</a></li> <li><a href="x" class="navlink">Other</a></li> </ul> </div> <div class="sidebarbox"> <h2>More</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ullamcorper erat quis dolor aliquet rutrum. </div> </td> </tr> <tr> <td id="footer"> Website layout made by Jenny @ <a href="http://www.windymill.skyness.org" target="_blank" class="footerlink">Windymill</a> for <a href="http://www.icecaves.net" target="_blank" class="footerlink">IceCaves.net</a>. </td> </tr> </table> <div id="mainbottom"></div> </div> </body> </html>

User Comments

	Moo	July 6 2010, 5:00 pm PST - Karma: 0 - Quote - Link -
	This looks great!!
	Austin of superbrisk.co.nr	July 6 2010, 6:14 pm PST - Karma: 0 - Quote - Link -
	Pshhhh!!!!!! I could do that in like 5 secs with my hands behind my back!!!! LMAO, JK! Very Nice JOB!
	Aashni of enchantmenot.tk	July 6 2010, 7:31 pm PST - Karma: 0 - Quote - Link -
	Great job I love the colors on this!
	Jenny of windymill.skyne...	July 7 2010, 12:38 am PST - Karma: 0 - Quote - Link -
	@Austin, it's true though. I don't see why it took me so long!
	Puffs of ipawd.net	July 7 2010, 10:47 am PST - Karma: 0 - Quote - Link -
	Pretty!!!
	street27 of street27.co.nr	July 8 2010, 7:05 am PST - Karma: 0 - Quote - Link -
	Sweet pink! (:

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: