Free Website Layouts, Themes, & Designs - IceCaves.net Web Design

Stock Photo Layouts - Design Comp #15 Learn More >>

Jul 30, PST

Free Website Layouts, Themes, & DesignsHigh-quality website designs made by our web design community for you.

CosmoColored
Jenny	Tuesday, July 6 2010, 4:22 pm PST		6 Comments


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>

Passive Goose Green
Frisby	Tuesday, February 16 2010, 3:01 pm PST		7 Comments


Preview Full Layout
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Title Here</title> <style type="text/css"> body{ background-color:#A0B8A0; font-family:verdana,arial; line-height:15px; font-size:10px; color:#464B46; } b{ letter-spacing:2px; } i{ letter-spacing:-1px; } u{ text-decoration:none; border-bottom:1px dotted #6C846C; } #text{ margin: 0 auto; width:480px; height:auto; background:#FFF; padding:10px; border:3px solid #6C846C; } a{ color: #282C28; letter-spacing:1px; font-size:10px; text-decoration:none; } a:hover{ color: #D8D9D8; } h1{ background:#A0B8A0; color:#FFFCF7; } a.nav:hover{ color:#D8D9D8; } h1,h2,a.nav{ font-size:20px; line-height:20px; font-family: georgia; text-transform:lowercase; letter-spacing:3px; font-weight:100; } h1,h2{ padding:3px; } h2{ text-align:right; } a.nav:link, a.nav:active, a.nav:visited{ display:inline; text-decoration:none; padding:1px 13px 1px 13px; margin:2px;} a.nav,i,u{color:#6C846C;} </style> </head> <body> <div ID="text"> <p align="center"> <a href="link" class="nav">home</a> <a href="link" class="nav">site</a> <a href="link" class="nav">visitor</a> <a href="link" class="nav">other</a> </p><br> <p>Thanks for using this icecaves layout! Please don't remove the credit. Feel free to change the above links.</p> <h1>Level 1 header</h1> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>. And, of course, a <a href="#">link</a> to no where. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tristique. Cras urna nulla, tincidunt ut, viverra dapibus, consectetur et, lacus. Integer vitae risus nec nunc faucibus tincidunt. Nulla nisi felis, bibendum ut, porta ac, hendrerit ut, quam. Phasellus rhoncus, metus ut adipiscing tincidunt, nulla lectus eleifend mauris, et imperdiet lacus magna sit amet metus. Aenean erat. Mauris gravida. Duis consequat, risus in convallis venenatis, sapien sem pharetra sapien, eget laoreet est est non lorem. In ultricies. Proin magna dolor, euismod a, varius in, semper et, ligula. Mauris eu justo. Donec justo ipsum, ultrices quis, placerat nec, auctor id, mi. Nunc aliquam est. Pellentesque ultrices molestie arcu. Duis ut est non nisl pretium ornare. Cras purus dui, tristique non, dictum placerat, rutrum et, metus. Morbi rhoncus erat. Morbi condimentum mauris a tortor. </p> <h2>Level 2 header</h2> <p> Donec egestas viverra odio. Pellentesque at quam at est feugiat accumsan. Quisque ultricies pulvinar lorem. Maecenas ac enim a leo ornare suscipit. Aliquam imperdiet. Nullam scelerisque velit at elit faucibus accumsan. Etiam nunc. Nullam sapien. Ut libero elit, porta nec, commodo sit amet, pellentesque ut, enim. Morbi a sem. Duis interdum venenatis neque. Etiam sapien diam, mollis vitae, iaculis nec, bibendum et, diam. In a arcu sed neque tempus commodo. Integer magna dui, commodo sed, laoreet ut, semper ac, lorem. In mattis dapibus elit. Nunc justo lacus, mollis id, convallis vel, convallis vel, leo. Nam fringilla sodales purus. Fusce luctus fringilla tortor. </p> <h1>credit</h1> <center>Layout by <a href="http://figmint.uuuq.com/">Frisby</a> for <a href="http://webdesign.icecaves.net/">Icecaves</a>.</center> </div> </body> </HTML>

Tropical Beach
Jenny	Sunday, February 14 2010, 6:27 am PST		9 Comments


Preview Full Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title>Tropical Beach by IceCaves</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> body{ background: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcbg.jpg); font-family: lucida sans, arial, tahoma; font-size: 11px; line-height: 160%;} a:link{color: #20B7E5; border-bottom: 1px solid #60C9E9; text- decoration:none;} a:visited{color: #20B7E5; border-bottom: 1px solid #60C9E9; text- decoration:none;} a:hover{color: #95E3FA;} #container{ width: 635px; margin: 0 auto;} #header{ background: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcmain.png); width: 595px; height: 187px; position:absolute; top: 0px; border-left: #FFF dotted 20px; border-right: #FFF dotted 20px;} #header:hover{ background: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcmain2.png);} #title{ font-family: arial; font-size: 50pt; letter-spacing: -10px; color: #85AC13; text-shadow:#fff 4px 6px 2px; position:absolute; top: 50px; left: 8px;} #nav{ width: 575px; position:absolute; top: 150px; padding-left: 30px; padding-top: 5px; } .nav:link{ display:block; color: #68422C; width: 120px; text-align:center; text-decoration: none; font-size: 18pt; font-family: arial; letter-spacing: -3px; border-bottom: 3px solid #68422C; margin: -3px; } .nav:visited{ display:block; width: 120px; text-align:center; text-decoration: none; font-size: 18pt; color: #68422C; font-family: arial; letter-spacing: -3px;} .nav:hover{ border-bottom: 3px solid #20B7E5; color: #20B7E5;} #content{ background-image: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcgradient.jpg); background-repeat:repeat-x; background-color: #FFF; border-left: #FFF dotted 20px; border-right: #FFF dotted 20px; padding: 10px; width: 575px; padding-top: 20px; position:absolute; height: 600px; overflow: auto; top: 187px;} h1{ background-image: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachch1bg.png); background-repeat: no-repeat; padding-left: 50px; padding-top: 14px; height: 33px; text-decoration: underline; color: #85AC13;} h2{ color: #20B7E5;} #footer{ background-image: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcfootbg.jpg); background-repeat: repeat-x; background-color: #20B7E5; width: 615px; padding: 10px; height: 40px; position:absolute; text-align:center; top: 817px; padding-top: 60px; } #footer:hover{ background-image: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcfootbg2.jpg);} a.credit:link{color: #000;} a.credit:visited{color: #000;} blockquote{ background: url(http://www.icecaves.net/graphics/weblayouts/tropicalbeach/tbeachcbqbg.png); background-repeat: repeat-y; padding-left: 32px; line-height: 180%;} </style> </head> <body> <div id="container"> <div id="header"> <div id="title"> Name Here </div></div> <div id="nav"> <table> <tr> <td><a href="#" class="nav">Home</a></td> <td><a href="#" class="nav">About</a></td> <td><a href="#" class="nav">More</a></td> <td><a href="#" class="nav">Contact</a></td> </tr> </table> </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. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. 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. <h2>Header Two</h2> 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 <a href="v">qui facit eorum </a>claritatem. <blockquote> Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. 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"> All website layout image and coding © <a href="http://www.icecaves.net/community/viewprofile.php?user=Jenny" class="credit">Jenny</a> @ <a href="http://www.icecaves.net" class="credit">IceCaves.net</a>. Color scheme inspiration: <a href="http://webdesign.icecaves.net/colorschemes.php?id=1252622743" class="credit">Tropical Beach</a>. <br> <a href="http://validator.w3.org/check?uri=referer" class="credit">Valid HTML 1.0 Transitional</a> \| <a href="http://jigsaw.w3.org/css- validator/check/referer" class="credit">Almost Valid CSS Level 2.1</a> </div> </div> </body> </html>

Cosmic
Jenny	Saturday, February 6 2010, 6:00 pm PST		5 Comments


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>

Headland by Horizon
Jenny	Saturday, January 23 2010, 1:55 pm PST		5 Comments


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/headlandbg.jpg); font: normal 80%/170% trebuchet ms, georgia; color: #DEF3F8;} .nav2{ font-size: 13pt; display: block; padding: 10px; text-align:center; background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbg.jpg);} .nav2:link{ color: #FFF; text-decoration: none;} .nav2:visited{ color: #FFF; text-decoration: none;} .nav2:hover{ background: #696969;} a:link{color: #86BED4;} a:visited{color: #86BED4;} a:hover{color: #A9D5E6;} h1{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandh1bg.jpg); width: 460px; height: 27px; color: #FFF; padding-left: 75px; padding-top: 2px; font: normal 170% trebuchet ms; text-transform: lowercase; letter-spacing: 1px; font-weight: normal; margin-left:30px; border-bottom: 3px solid #FFF;} h2{ border-bottom: 2px solid #1D4362; color:#D0D0D0; font-size: 120%; letter-spacing: 1px; text-align:center;} #navbox { height: 32px; background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbg.jpg); position:absolute; top: 0px; left: 0px; padding: 0px; width: 100%; text-align:center;} #navbg{ width: 100%; height: 68px; background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbg2.jpg); position:absolute; top: 0px; left: 0px;} #container { margin: 0 auto; width: 888px;} #header { background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/mainheadland.png); width: 888px; height: 236px; position:absolute; top: 32px;} #box{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandboxbg.jpg); width: 888px; height: 600px; position:absolute; top: 268px;} #sidebar { width: 168px; float:left; margin-left: 40px; height: 600px; overflow:auto; font: normal 80%/130% trebuchet ms} #content{ width: 598px; height: 600px; float:right; margin-right: 48px; overflow: auto;} #footer{ background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandfooterbg.png); width: 788px; height: 60px; position: absolute; top: 868px; padding: 50px; color: #FFF; font-family: trebuchet ms;} .foot:link{ color: #FFF;} .foot:visited{ color: #FFF;} .foot:hover { color: #DFEFF8;} .nav:link { background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbg.jpg); display:block; height: 32px; margin-top: -3px; margin-left: -5px; padding-left: 16px; padding-right: 16px; padding-top: 4px; border-right: 1px solid #000; border-left: 1px solid #000; font: normal 80% trebuchet ms; color: #FFF; text-decoration: none;} .nav:visited { background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbg.jpg); display:block; height: 32px; margin-top: -3px; margin-left: -5px; padding-left: 16px; padding-right: 16px; padding-top: 4px; border-right: 1px solid #000; border-left: 1px solid #000; font: normal 80% trebuchet ms; color: #FFF; text-decoration: none;} .nav:hover { background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/headlandnavbgh.jpg);} blockquote{ border-left: 10px solid #FFF; padding: 6px; background: #4B4B4B;} </style> </head><body> <div id="navbg"></div> <div id="navbox"> <table align="center"> <tr> <td><a href="#" class="nav">Home</a></td> <td><a href="#" class="nav">About</a></td> <td><a href="#" class="nav">Other</a></td> <td><a href="#" class="nav">Contact</a></td> <td><a href="#" class="nav">IceCaves.net</a></td> <td><a href="#" class="nav">Windymill</a></td> </tr> </table> </div> <div id="container"> <div id="header"></div> <div id="box"> <div id="sidebar"> <a href="/" class="nav2">Home</a> <a href="/" class="nav2">About</a> <a href="/" class="nav2">Contact</a> <h2>Sidebar</h2> 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. </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. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. <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> <br><br> </div> </div> <div id="footer"> <br> Website layout © and distributed by <a href="http://www.icecaves.net" class="foot">IceCaves.net</a>. Website layout by Jenny. Original photograph used © <a href="http://www.windymill.zzl.org" class="foot">Windymill</a>. Used with permission. All rights reserved. Please do not redistribute this layout without having sought prior permission from its rightful owners. Site content © your site. </div> </div> </body> </html>

Snow Berries
Jenny	Saturday, January 16 2010, 10:14 am PST		4 Comments


Preview Full Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title>Snow Berries by IceCaves</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> body{ background: #1D5F5C; font: normal 70%/160% georgia;} a:link{ color: #212121;} a:visited{ color: #212121;} #header { background: url('http://i736.photobucket.com/albums/xx9/thinkjenny/icsnowmain.png'); position:absolute; top: 0px; width: 800px; height: 350px; left: 0px;} #contentbg{ position:absolute; top: 350px; left: 0px; background: url('http://i736.photobucket.com/albums/xx9/thinkjenny/iccontentbg.png'); height: 700px; width: 800px; border-right: 5px solid #656565;} #sidebar { position:absolute; left: 68px; top: 4px; height: 690px; overflow: auto; width: 155px;} #content{ position:absolute; left: 254px; width:540px; top: 0px; height: 690px; overflow: auto;} h2{ color: #552535; border-bottom: 3px solid #552535; text-align:center;} h1{ font-family: trebuchet ms; background: url('http://i736.photobucket.com/albums/xx9/thinkjenny/ich1bg.jpg'); height: 20px; padding-top: 3px; text-align: right; padding-right: 40px; color: #FFF; border-bottom: 4px solid #1D5F5C} #footer{ top: 1050px; left: 0px; position:absolute; font: normal 140%/150% trebuchet ms; padding: 25px; width: 800px; background: #545D4D; border-right: 5px solid #656565; text-align: center; padding-top: 20px;} </style> </head> <body> <div id="header"></div> <div id="contentbg"> <div id="sidebar"> <h2>Sidebar</h2> 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. </div> <div id="content"> <h1>Header One</h1> 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. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. 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. </div> </div> <div id="footer"> This website layout is © <a href="http://www.icecaves.net" target="_blank">IceCaves.net</a>. Stock photograph used with permission from <a href="http://www.sxc.hu/profile/Kinsey" target="_blank">Kinsey @ Sxc</a>. Please abide by the Terms and Conditions. Site Content © YOU. Validated HTML and CSS. </div> </body> </html>

Grey Winter
Frisby	Monday, January 11 2010, 3:02 pm PST		5 Comments


Preview Full Layout
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Your Site Title Here</title> <style type="text/css"> #img{position:absolute;top:22px;left:0px;z-index:-1;} #l{position:absolute;top:270px;width:215px;height:auto;left:20px;padding:2px;overflow:hidden;} #m{position:absolute;top:126px;left:253px;width:450px;height:auto;padding:2px;overflow:auto;} #w{position:absolute;top:47px;left:330px;width:300px;height:64px;overflow:hidden;font-family:eurostile;font-size:72px;color:#FFF;text-transform:lowercase;font-weight:bold;} #b{position:absolute;top:415px;left:324px;width:369px;height:50px;overflow:hidden;} body{color:#FFF;background-color:#C7CACE;} body,table,td{font-family:microsoft sans serif, thornburi, verdana;font-size: 11px;} a:link,a:active,a:visited{font-family:eurostile;color:#A0A0A0;text-decoration:none;} a:hover{color:#AAAAAA;} b,i,u{font-family:eurostile;} h1:after{content:url('http://figmint.uuuq.com/images/snowball.png');} h1,h2,h3{ font-family:eurostile; font-weight:bold; text-transform:lowercase; margin:0px; margin-top:7px; text-decoration:none; } h1{font-size:40px;} h2{font-size:30px;} h3{font-size:20px;} a.nav{ display:block; font-size:30px; text-transform:lowercase; text-align:center; } a.nav:hover{ background:url('http://figmint.uuuq.com/images/snowmound.png'); background-repeat:no-repeat; background-position:center;} </style> </head><body><div id="w" name="Welcome Message">welcome</div> <div id="img"><img src="http://figmint.uuuq.com/images/underline.png" alt=""></div> <div id="l" name="Left Column"> <h2>Welcome</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lectus turpis, ullamcorper in ornare vitae, rutrum eu diam. Integer ornare euismod blandit. Phasellus iaculis porta ligula vel porta. <p> <a href="" class="nav">Blog Home</a> <a href="" class="nav">Articles</a> <a href="" class="nav">About Me</a> <a href="" class="nav">Archive</a> <a href="http://figmint.uuuq.com" class="nav">Credit</a> </p> </div><div id="m" name="Main Content"> <h1>Welcome!</h1> Welcome to the humble website of the Cookie Co.! We sell thousands of different types of cookies from all around the globe, and thats not all! We also <a href="xxx">remodel homes</a> to mimic the cozy sensation our mouthwatering delights instill in you, and everything is available at a <b>reasonable price</b>! <h2>-15</h2> I went to the beach today. It snowed all saturday and friday and there were some flurries today. It might be snowing still, I dunno. Its dark. There are perhaps 8 inches of snow on the ground? Not as much as the last big storm, but still a lot. Church wasn’t cancelled, but there was only one service and no little kids were there for the little kid sermon. Ah well. After church I wanted to go to the beach to see what it looked like in the winter, and so we did. Because of the blue moon the tide was really high, and we were told that we had to go in 15 minutes because they thought the water would rise over the road. <p> When we got to the beach there really wasn’t a beach. The boardwalk was covered in snow, and if you faced the wind it was impossible to breath. It was scary. Like some instinctual fear. You could gasp for breath all you wanted but you weren’t going to get any. (Its 7:00 already? O:) <br>It was really windy, especially since we were standing amidst the windswept dunes of the sandy shore. <p> There was only a little patch of sand that was the beach. About a 4×10 foot mound. Then there was the ocean. There was some slush floating on the water, and the waves were unnaturally large. We only dilly dallied for a few moments because it was absolutely freezing, and then we ran back to the van. Apparently it was -15 with the windchill, but it was probably more in such a flat place as the beach. <p> After that I was feeling sick (maybe from sudden temperature change) and we went out to eat for lunch. Then we came home. <p> There’s the end of my narrative. I’m growing weary. <h2>Heya.</h2> I went to the beach today. It snowed all saturday and friday and there were some flurries today. It might be snowing still, I dunno. Its dark. There are perhaps 8 inches of snow on the ground? Not as much as the last big storm, but still a lot. Church wasn’t cancelled, but there was only one service and no little kids were there for the little kid sermon. Ah well. After church I wanted to go to the beach to see what it looked like in the winter, and so we did. Because of the blue moon the tide was really high, and we were told that we had to go in 15 minutes because they thought the water would rise over the road. <p> When we got to the beach there really wasn’t a beach. The boardwalk was covered in snow, and if you faced the wind it was impossible to breath. It was scary. Like some instinctual fear. You could gasp for breath all you wanted but you weren’t going to get any. (Its 7:00 already? O:) <br>It was really windy, especially since we were standing amidst the windswept dunes of the sandy shore. There was only a little patch of sand that was the beach. About a 4×10 foot mound. Then there was the ocean. There was some slush floating on the water, and the waves were unnaturally large. We only dilly dallied for a few moments because it was absolutely freezing, and then we ran back to the van. Apparently it was -15 with the windchill, but it was probably more in such a flat place as the beach. <p> After that I was feeling sick (maybe from sudden temperature change) and we went out to eat for lunch. Then we came home. There’s the end of my narrative. I’m growing weary. </div> </body>

A Winter Wonderland
jules	Thursday, January 7 2010, 2:27 am PST		2 Comments


Preview Full Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Pine Trees \| Icecaves.net</title> <style type="text/css"> /Main CSS/ body,html { margin:0; padding:0; } body { background:#e8ffff url('http://www.icecaves.net/graphics/weblayouts/winterwonderland/bg.png') repeat; text-align:center; font:1em/1.2em "Trebuchet MS", "Arial", sans-serif; color:#000; } #container { text-align:left; width:820px; background:#fff; border:20px solid #fff; margin:20px auto 0; } #header { height:220px; background:#fff url('http://www.icecaves.net/graphics/weblayouts/winterwonderland/header.jpg') no-repeat; text-align:center; } #content { font:1em "Arial", sans-serif; width:780px; float:left; padding:10px; } #footer { font-size:small; clear:both; text-align:center; } /* Navigation- for more help on the navigation please visit http://www.tutorialtastic.co.uk/tutorial/horizontal_css_block_navigation / #navigation { font:1.1em "Arial", sans-serif; list-style:none; margin:0; padding:0; } #navigation li { float:left; } #navigation li a { color:#000; display:block; text-align:center; text-decoration:none; width:136.666667px; padding:7px 0; } #navigation li a:hover { background:#e8ffff; color:#000; } /Links/ a:visited,a:link { text-decoration:none; color:#240484; } a:hover { color:#ed1c24; text-decoration:underline; } /Blockquote/ blockquote { color:#000; background:#bcd8f0 url(''); border:3px #000 solid; display:block; font:1em "Arial", sans-serif; margin-left:20px; padding:10px; } blockquote a:visited,blockquote a:link { color:#000; text-decoration:underline; } /Headers/ h1 { color:#000; font-family: Century Gothic, Georgia, 'Trebuchet MS', Helvetica, sans-serif; font-size:1.3em; text-align:center; } h2 { color:#666; border-bottom:1px solid #C3C3C3; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1.1em; } /Other*/ ul { list-style-type:square; } b, strong { color: #166bb9; } </style> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="container"> <ul id="navigation"> <li><a href="/link.php">Link</a></li> <li><a href="/link.php">Link</a></li> <li><a href="/link.php">Link</a></li> <li><a href="/link.php">Link</a></li> <li><a href="/link.php">Link</a></li> <li><a href="/link.php">Link</a></li> </ul> <div style="clear: left;"> </div> <div id="header"> </div> <div id="content"> <h1>This is Header 1</h1> <h2>This is Header 2</h2> <p> <strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec sed purus diam. Nulla vehicula fringilla pretium. Maecenas nec justo turpis, vitae eleifend turpis. Integer a est urna, eget sodales nisi. Praesent vitae velit sed sem ultrices fermentum. Donec dignissim dui eu massa aliquam non sollicitudin urna semper. Aliquam ac imperdiet est. Vestibulum at ligula at odio interdum semper vel in turpis. In hac habitasse platea dictumst. Nullam congue, lacus ullamcorper imperdiet imperdiet, magna nisl egestas nulla, quis tincidunt tortor lectus nec neque. Vestibulum vel nulla in orci tempor adipiscing. In hac habitasse platea dictumst. Aenean porta odio vitae metus varius sollicitudin commodo arcu semper. Praesent adipiscing sodales enim, quis facilisis odio varius vitae. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce auctor pharetra leo, quis facilisis turpis placerat a. Proin sollicitudin tincidunt ante, vel aliquam augue ullamcorper quis. Phasellus fermentum commodo erat. Pellentesque vel velit ut justo facilisis faucibus. </p> <p> <a href="http://icecaves.net">Icecaves.net</a> </p> <blockquote> This is a blockquote </blockquote> <ul> <li>This</li> <li>Is</li> <li>An</li> <li>Unordered</li> <li>List</li> </ul> </div> <div id="footer"> <p> <a href="http://validator.w3.org/check?uri=referer">Valid XHTML 1.0 Transitional</a> · <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS Level 2.1</a> </p> <!--Please leave the credit on the layout--> <p> Made by <em><a href="http://www.icecaves.net/community/viewprofile.php?user=jules">jules</a></em> at <a href="http://www.icecaves.net/">IceCaves.Net</a>. Credit to: <a href="http://www.icecaves.net/">IceCaves.Net</a> for pine tree images used in the header image. </p> </div> </div> </body> </html>

Fireworks
Jenny	Sunday, December 13 2009, 9:36 am PST		6 Comments


Preview Full Layout
<style type="text/css"> body { background: #000; color: #FFF; font: 0.82em Trebuchet MS, Verdana; line-height: 20px;} a:link {color: #B4B4B3;} a:visited{color: #B4B4B3;} a:hover {color: #FFF;} #container { width: 1186px; margin: 0 auto;} #mainimage{ float:left;} #content { width: 690px; height: 320px; float: right; overflow:auto;} #nav { width: 700px; height: 100px; float: left;} h1 { line-height: 14px; color: #FFFD90; margin-left: 10px; font-size: 18pt; font-family: arial; letter-spacing: 2px; border-bottom: 2px solid #FF0018;} h2{ line-height: 14px; color: #FFFD90; margin-left: 30px; font-size: 16pt; font-family: arial; letter-spacing: 2px; border-bottom: 2px solid #793F81;} blockquote { background: #262626; border-left: solid 5px #FFCE0C; padding: 4px;} .nav1 { display: block; height: 43px; width: 134px; margin: 5px; text-align:center; color: #FF0018; text-decoration: none; letter-spacing: 2px; text-transform: lowercase; font-size: 18pt; background: url('http://i736.photobucket.com/albums/xx9/thinkjenny/fireworksnav1.jpg'); } .nav1:hover{ color: #C03C37; background: url('http://i736.photobucket.com/albums/xx9/thinkjenny/fireworksnav2.jpg');} </style> <div id="container"> <div id="mainimage"> <img src="http://i736.photobucket.com/albums/xx9/thinkjenny/fireworksmain-1.png" alt=""> </div> <div id="content"> <h1>Header 1</h1> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida volutpat arcu. Suspendisse accumsan felis id velit egestas tincidunt. Ut libero purus, elementum non faucibus sed, ultrices non libero. Donec nec risus at lectus pharetra ultricies a eu elit. Integer lacinia diam in dolor luctus sagittis. Nullam placerat rutrum porttitor. Aliquam ac purus nunc, eu pretium ante. Suspendisse vitae velit nisl, sed accumsan ipsum. Sed ac vulputate quam. Fusce turpis ipsum, bibendum id fermentum eu, tristique lobortis nunc. Aenean id turpis massa, in cursus tortor. In mattis lobortis ullamcorper. <h2>Header 2</h2> <a href="/">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Praesent gravida volutpat arcu. Suspendisse accumsan felis id velit egestas tincidunt. Ut libero purus, elementum non faucibus sed, ultrices non libero. Donec nec risus at lectus pharetra ultricies a eu elit. Integer lacinia diam in dolor luctus sagittis. Nullam placerat rutrum porttitor. Aliquam ac purus nunc, eu pretium ante. Suspendisse vitae velit nisl, sed accumsan ipsum. Sed ac vulputate quam. Fusce turpis ipsum, bibendum id fermentum eu, tristique lobortis nunc. Aenean id turpis massa, in cursus tortor. In mattis lobortis ullamcorper. <blockquote> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida volutpat arcu. Suspendisse accumsan felis id velit egestas tincidunt. Ut libero purus, elementum non faucibus sed, ultrices non libero. Donec nec risus at lectus pharetra ultricies a eu elit. Integer lacinia diam in dolor luctus sagittis. Nullam placerat rutrum porttitor. Aliquam ac purus nunc, eu pretium ante. Suspendisse vitae velit nisl, sed accumsan ipsum. Sed ac vulputate quam. Fusce turpis ipsum, bibendum id fermentum eu, tristique lobortis nunc. Aenean id turpis massa, in cursus tortor. In mattis lobortis ullamcorper. </blockquote> </div> <div id="nav"> <table align="center"> <tr> <td><a href="/" class="nav1">Home</a></td> <td><a href="/" class="nav1">Site</a></td> <td><a href="/" class="nav1">Resources</a></td> <td><a href="http://www.icecaves.net" class="nav1">IceCaves</a></td> </tr></table> </div>

Duck Pond
Jenny	Friday, November 27 2009, 1:58 pm PST		5 Comments


Preview Full Layout
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Duck Pond</title> <style type="text/css"> body{ background: #313857; font: normal 70%/1.4 Verdana} a{color: #0E163C} a:visited{color: #0E163C} a:hover {color: #FFF} p{ padding-right: 15px; padding-left: 10px;} #container{ width: 580px; margin: 0 auto;} #navbar { width: 570px; text-align: center; margin-top: -7px; border-right: 5px solid #FFF; border-left: 5px solid #FFF; background: #616564;} #content { background: #BBBBBB; width: 570px; border-right: 5px solid #FFF; border-left: 5px solid #FFF; padding-bottom: 20px;} #footer{ width: 570px; border-right: 5px solid #FFF; border-left: 5px solid #FFF; border-bottom: 5px solid #FFF; text-align: center; background: #616564; padding-top: 10px; padding-bottom: 10px; font-variant: small-caps;} .nav { display: block; height: 31px; width: 78px; text-decoration: none; text-transform: lowercase; color: #FFF; font-size: 16pt; text-align: left; font-family: georgia; padding-top: 4px; padding-left: 26px; } .nav:hover { background: url(http://i736.photobucket.com/albums/xx9/thinkjenny/duckpondnav.jpg);} h1{ background: #313857; color: #FFF; border-bottom: #FFF solid 6px; font: 18pt georgia; font-variant: small-caps; padding: 4px;} h2 { color: #FFF; background: #616564; width: 400px; margin: 0 auto; margin-bottom: 8px; letter-spacing: -1px; text-align: center; font: 14.5pt arial; text-decoration: underline;} </style> </head><body> <div id="container"> <div id="mainimage"> <img src="http://i736.photobucket.com/albums/xx9/thinkjenny/duckpondmain.png" alt=""> </div> <div id="navbar"> <table> <tr> <td><a href="h" class="nav">Home</a></td> <td><a href="h" class="nav">About</a></td> <td><a href="h" class="nav">Visitor</a></td> <td><a href="h" class="nav">Other</a></td> </tr></table> </div> <div id="content"><img src="http://i736.photobucket.com/albums/xx9/thinkjenny/duckpondtopcontent.png" alt=""><p> <h1>Lorem Ipsum...</h1> <h2>...is amazing Latin!</h2> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent gravida volutpat arcu. Suspendisse accumsan felis id velit egestas tincidunt. Ut libero purus, elementum non faucibus sed, ultrices non libero. Donec nec risus at lectus pharetra ultricies a eu elit. Integer lacinia diam in dolor luctus sagittis. Nullam placerat rutrum porttitor. Aliquam ac purus nunc, eu pretium ante. Suspendisse vitae velit nisl, sed accumsan ipsum. Sed ac vulputate quam. Fusce turpis ipsum, bibendum id fermentum eu, tristique lobortis nunc. Aenean id turpis massa, in cursus tortor. In mattis lobortis ullamcorper. </div> <div id="footer"> This website layout, 'Duck Pond' was made by Jenny at <a href="http://www.icecaves.net">IceCaves.net</a>. Stock photo copyright <a href="http://www.icecaves.net">IceCaves.net</a>. Various fonts copyright their respective owners. Used with permission. Valid HTML and CSS. </div> </div> </body></html>

Autumn Underwater
Zaphiie	Friday, November 13 2009, 1:40 am PST		13 Comments


Preview Full Layout
<HTML> <head> <title>Icecaves.net {Autumn happens, even underwater}</title> </head> <style> body {background:url(http://i272.photobucket.com/albums/jj172/zaphriielle/Autumnbg.png) repeat-y; background-color: #376f87;} body, p, table, tr, td, .text {font: 10px tahoma; color:#000} #img { position:absolute; top:0px; left:0px; } #mainarea { position:absolute; top:430px; left:30px; } .main { width: 530px; height: 400px; color: #000; font: 10pt Tahoma; padding: 5px; } #sidearea { position:absolute; top:430px; left:600px; } .side { width: 190px; height: 400px; color: #000; font: 10pt Tahoma; padding: 5px; } #creditarea { position:absolute; left:0px; } b {color: #d34033; font-weight: bold;} u {color: #000; text-decoration: underline;} i {color: #000; font-style: italic;} a {color: #000;} a:hover {color: #FFF;} a:active, a:visited; {color: #d34033;} h1{ font: 20px Century Gothic; color: #fc7b47; text-transform:uppercase; padding: 0px; margin: 0px; border-bottom: 3px solid #d34033; background-color: #078586; text-align: right; font-weight: bold; } h2{ font:20px Century Gothic; color:#d34033; font-weight: bold; } #navarea { position:absolute; top:34px; left: 0px; background-color: #aeab12; padding:0px; margin:0px; border-right: 10px solid #fc7b47; } .nav { background-color: #d34033; color:#FFF; font-family: Century Gothic; font-size: 40px; font-weight: normal; padding: 5px; text-align: center; text-decoration: none; text-transform: uppercase; } a.nav:link, a.nav:active, a.nav:visited { color:#FFF; font-family: Century Gothic; font-size: 40px; font-weight: normal; text-align: center; text-decoration: none; display: inline; height: 100px; } a.nav:hover { background-color: #fc7b47;; color:#FFF; font-family: Century Gothic; } .table { background-color:FFF; border: 1px solid #000; padding: 5px; margin: 1px; } </style> <body bgcolor="#d2d146"> <div id="img"> <img src="http://i272.photobucket.com/albums/jj172/zaphriielle/Autumnheader.png"> </div> <div id="navarea"> <div id="nav"> <div class="nav"> <a class="nav" href="/what.php">Home</a> <a class="nav" href="/what.php">Site</a> <a class="nav" href="/what.php">Owner</a> <a class="nav" href="/what.php">Visitor</a> <a class="nav" href="/what.php">Link</a> </div> </div></div> <div id="mainarea"> <div class="main"> <h1>Header Here</h1> Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a> Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a> <br><h2>Smaller Header</h2> And more stuff goes here... Genius... </div> </div> <div id="sidearea"> <div class="side"> <h1>Header Here</h1> Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a> Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a>Hello? This is a test. <b>Bold</b> <u>Underline</u> <i>Italic</i> <a href="http://www.icecaves.net>and a link!</a> <br><h2>Smaller Header</h2> You can write more stuff here. brick'd. Amazing, huh? <p> <h1>Credits</h1> This layout was made by <b>Icecaves.net</b> <br> Please abide by the Terms of Use, which I'm sure <b>Haily</b> will insert somewhere cunningly. <br><br> Stock Photos: <B>Aesthetic Intoxication</b> <br> Fonts: <b>Dafont.com</b> </div> </div> </HTML>

Mock-Vector Autumn
Frisby	Tuesday, November 10 2009, 12:56 pm PST		17 Comments


Preview Full Layout
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <title>Welcome to Mysite!</title> <style type="text/css"> body{ background-image:url('http://i36.tinypic.com/10z4av4.jpg'); background-color:#94CAFE; font-size:11px; font-family:verdana, helvetica, arial; } #img{ position:absolute; top:0px; left:0px; } #rr{ position:absolute; top:240px; left:330px; width:536px; height:333px; overflow:auto; } h1,h3,u,i,s{ color:#FFFFFF; } h2,b{ color:#ECF6FE; } a{ color:#645225; } a:hover,ul{ color:#302905; } h1,h2,h3{ font-family:lucida handwriting,georgia,verdana; font-weight:normal;margin:4px; } h1{ font-size:30px; } h2{ font-size:25px; } h3{ font-size:20px; } ul{ list-style-type:square; } </style></head> <body> <div id="img"><img src="http://i37.tinypic.com/1sz8zm.jpg"></div> <div id="rr"> <h1>Header 1</h1> Filler text goes here...Yes it does. <h2>Header 2</h2> A subheader. How nice. <h3>Header 3</h3> And another, even smaller subheader. Lets take a look at the stylin'. <ul> <li><b>Bold</b> <li><u>underlined</u> <li><i>italic</i> <li><s>strike</s> <li><a href="x">Link</a> </ul> <h2>This is how we scroll.</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur molestie iaculis sem, ut interdum lectus adipiscing sit amet. Nulla viverra dignissim eros non viverra. Nulla eget risus diam, sed posuere massa. Morbi velit mi, cursus vitae vehicula sit amet, congue eget neque. In hac habitasse platea dictumst. Phasellus venenatis facilisis tellus, a consectetur ante consectetur ut. Maecenas placerat interdum tempor. Integer quam massa, porta at semper vitae, ultricies eget metus. Proin quis est enim, ac lacinia magna. Nulla elementum feugiat dictum.</p> <p> Aenean quis elit ipsum. Suspendisse turpis mauris, consequat id ultrices pulvinar, auctor et urna. Cras at neque id neque elementum posuere. Aliquam eu mi vitae metus eleifend pretium. Morbi ipsum mauris, accumsan ac dictum eu, adipiscing et mi. Nunc consectetur lorem vitae ligula rutrum posuere. Duis a lectus non diam molestie varius ut sit amet ipsum. In volutpat rutrum libero id mattis. Etiam vitae diam nisl, suscipit facilisis dui. Vestibulum erat lacus, sodales et ultrices id, lacinia euismod dolor. Phasellus ut est non dui semper iaculis a vitae massa. Nulla a purus augue, nec ultrices nunc. Praesent hendrerit arcu et nisl interdum sed ultricies nulla convallis. Sed ac velit ipsum, eget eleifend leo. Morbi tempor, justo ut tincidunt cursus, nunc tortor pharetra lorem, ut euismod est massa vel tortor. Integer ac odio justo, eget placerat odio. Quisque varius dui sit amet odio ornare posuere.</p> <p> Sed fringilla felis vitae turpis laoreet ut luctus tortor rhoncus. Curabitur congue aliquam enim, sed cursus sapien egestas vel. Fusce faucibus quam non turpis elementum sed feugiat urna gravida. Suspendisse pretium, turpis at vehicula scelerisque, est sem dignissim nunc, sed molestie sapien elit non nisi. In molestie mi sed orci porta in placerat neque condimentum. Sed vestibulum pellentesque viverra. Duis nisl purus, consequat id varius eget, congue eu nisl. Nam pharetra sodales fermentum. Ut accumsan nulla eget nunc scelerisque eget adipiscing elit venenatis. Donec accumsan interdum urna et vehicula. Phasellus id augue velit. Donec rhoncus, felis in varius tincidunt, metus tortor posuere orci, at suscipit odio nulla suscipit lorem. Fusce aliquet, arcu quis sagittis vehicula, enim libero malesuada sapien, eget rhoncus risus sapien quis lorem.</p> <p> Aenean ut nisl sit amet mauris convallis cursus a vitae arcu. Morbi dignissim gravida justo sit amet scelerisque. Nullam in lorem quam. Nulla adipiscing, elit sodales tristique convallis, diam eros ultrices velit, nec vestibulum libero massa eu arcu. In eget euismod tortor. Mauris congue viverra tellus, accumsan faucibus metus tristique sit amet. Suspendisse dictum leo risus. In hac habitasse platea dictumst. Mauris sed lacus eget est sodales pellentesque et vel turpis. Suspendisse potenti. Mauris vel mi risus. In diam justo, placerat in iaculis vitae, bibendum vel augue.</p> <p> Nulla suscipit placerat gravida. Proin suscipit blandit hendrerit. Duis at leo ac nisl iaculis bibendum. Curabitur mattis, augue id faucibus cursus, tortor augue ultrices eros, nec condimentum quam massa nec massa. Sed egestas neque quis nunc semper vitae accumsan sapien condimentum. Etiam commodo enim suscipit dui laoreet tempor. Ut interdum velit nec neque fringilla dignissim. Curabitur accumsan iaculis aliquam. Nunc vestibulum velit vitae arcu interdum gravida et facilisis orci. In non sem eget velit volutpat lacinia.</p> </div></body>

Autumn Deer
Jenny	Friday, October 30 2009, 2:06 pm PST		5 Comments


Preview Full Layout
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title>V. Autumn Deer by IceCaves</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <style type="text/css"> body { background: #1D0E0C; font-family: verdana; font-size: 8pt;} a:link{color: #1D0E0C;} a:visited{color:#1D0E0C;} a:hover{color:#C73D01;} #container { width: 800px; margin: 0 auto;} #mainimage { position:absolute; top: 0px; border-left: 5px #FFF solid; border-right: 5px #FFF solid;} #box { background: #759F28; width: 800px; border-left: 5px #FFF solid; border-right: 5px #FFF solid; position:absolute; top: 396px;} #sidebar { width: 200px; margin-right: 18px; float:right;} .sidebarbox { background: #B18E6B; border: 5px solid #1D0E0C;} #contentcontainer { float: left; margin-left: 18px; width: 543px; margin-top: 20px;} #contenttop { background: url('http://www.icecaves.net/graphics/weblayouts/autumndeer/contenthead.gif'); height: 29px; width: 543px;} #content { background: #FFF; padding: 6px;} h1{ font-family: georgia; letter-spacing: 3px; font-size: 15pt; text-transform: lowercase; text-align:center; color: #FFF; background: #1D0E0C; height: 32px; margin-top: 0px; padding: 0px;} .navlist{ font-family: georgia; font-size: 12pt; font-variant: small-caps; text-transform: lowercase; list-style-image: url('http://www.icecaves.net/graphics/weblayouts/autumndeer/listbullet.gif');} </style> </head> <body> <div id="container"> <div id="mainimage"> <img src="http://www.icecaves.net/graphics/weblayouts/autumndeer/mainimage.png" alt=""> </div> <div id="box"> <div id="sidebar"> <div class="sidebarbox"> <h1>Navigation</h1> <ul class="navlist"> <li><a href="#">Home</a></li> <li><a href="#">Site</a></li> <li><a href="#">Resources</a></li> <li><a href="#">Graphics</a></li> <li><a href="#">Tutorials</a></li> <li><a href="#">Layouts</a></li> </ul> </div> <div class="sidebarbox"> <h1>Affiliates</h1> <ul class="navlist"> <li><a href="http://www.icecaves.net">IceCaves</a></li> <li><a href="http://www.icecaves.net">IceCaves</a></li> <li><a href="http://www.icecaves.net">IceCaves</a></li> <li><a href="http://www.icecaves.net">IceCaves</a></li> <li><a href="http://www.icecaves.net">IceCaves</a></li> </ul> </div> <div class="sidebarbox"> <h1>Etc.</h1> <p align="center"> Stock Photo- <a href="http://www.epa.gov/earthday/photoproject/images/2008finalists/popups/nature_deer_AlexSaberi.LondonENG.html" target="_blank">X</a><br> Layout Coding and Image Editing by <u>Jenny</u>, <a href="http://www.icecaves.net" target="_blank">IceCaves.net</a><br> Using validated HTML and CSS. </p> </div> </div> <div id="contentcontainer"> <div id="contenttop"></div> <div id="content"> Lorem ipsum dolor sit amet, consequat suspendisse nisl donec, convallis non consectetuer, consequat praesent montes vestibulum nulla, amet volutpat tellus morbi nascetur. Lorem mauris neque, sed pellentesque vitae ab, wisi sed magni wisi fringilla malesuada, ut nec mattis mattis dolor aliquam. Aliquam dolor mattis pretium nec lectus quis, dolor elit suspendisse phasellus sapien tellus, dictumst eget vitae at, lacus et cras laoreet quis ut, lacus orci tempor nec leo quis. Eget consequat, nostra feugiat quam. Et dapibus erat, bibendum amet sociosqu, sapien cras odio. Lorem cras tortor tellus, dolor sed mi, ac vestibulum arcu molestie ligula enim, dui maecenas, leo eros at sed vitae ipsum arcu. Mi mattis inceptos, duis cras ipsum, ut semper. Praesent phasellus massa. Non pede tristique urna imperdiet accumsan nisl, fringilla mauris nulla imperdiet, a donec deserunt nibh netus consectetuer iaculis, iaculis in mauris et ut, fugiat senectus. Duis pede amet et sodales iaculis consectetuer, duis sem sociis imperdiet, laoreet et odio. Sit ac adipiscing, morbi cras. Enim a hendrerit a nec interdum mus, pede euismod sem viverra pellentesque ut. </div> </div> </div> </div> </body> </html>

Your Account

Figmint

Amour Chaleur

Visitor Statistics

Translate

Web Affiliates - [About/Apply] - [Link to Us] - [View All]

Neo Crave | Enchant Me Not | FGN-Guild.com | Rabidish | Unloadeed | Blue Stapler | Moonwalked.net | RockyRoadRules | KeliJo.net | Daily Neopets | RainbowBliss | Tugboat | Guildpets | NeoWishes | Neo Nutters | Neoeditor | Gamexe.net | Dash of Color | Figmint | Hearted Kind | Darkgirl's Life | Neo-Richies | Geeks' Planet | Skyline Designs

Layout, Content, & Coding © 2006-2010 IceCaves.net - 47 members active in the last two weeks (500 Total) - Visitor Statistics