.:: T E M P T I N G I L L U S I O N S ::.

Welcome to Tempting Illusions. This is a personal and resource site owned by me, Munchie who is currently 17 years old. I'm a SENIOR in high school and I'm lovin' it. I'm in love with this thing called rap music and Harry Potter. I dislike fake and annoying people. [more?]

Navigation

Site Tutorials Services Stock Photos

The Besties

The Hostees

JENNY

ALBELNOX

AMANDA

MANDERZ

The Affiliates

Marcus	Kiba
Art	Yelo
Christine	Kelli
Cameron	Holly

Ashima	Erin

Kathleen	Kourtni
Katie	Anna

Chatbox

Link Exchanges

Stasistics

Web Counter fishing tackle

Unique hits since Jan 24, 2008

Designs

The top part of each layout is left blank intentionally so you can add your own site name. If you would like me to do it for you send me an email. Please do not remove the credit!

Preview CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Your Site Name</title> <style TYPE="text/css"> .header {background:#d9dbd5; color: #a69569; text-align: center; line-height:15pt; display: block; font-weight: bold; font-size:13px; font-style: italic; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #e9edee url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout9-2.jpg') repeat-x; } b{color: #512d15;} u{color: #512d15;} td, p, body{color: #a69569; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#e4e4e1; scrollbar-shadow-color:#e4e4e1; scrollbar-highlight-color:#e4e4e1; scrollbar-3dlight-color:#a37e50; scrollbar-darkshadow-color:#532d15; scrollbar-track-color:#e4e4e1; scrollbar-arrow-color:#a37e50; } select, textarea, input {border:1px dashed #532d15; font-family: tahoma; font-size: 9px; color: #a37e50; background-color: #e4e4e1;} .nav { font-family: tahoma; background-color: #e4e4e1; color: #a37e50; text-align: center; text-decoration: none; line-height:13px; display:block; padding:3px; } .nav:hover { font-family: tahoma; background-color: #d9dbd5; color: #532d15; text-align: center; text-decoration: none; line-height:13px; display:block; padding:3px; } a:link,a:visited,a:active,a:active {color: #a37e50;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #532d15; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="left"> <img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout9-1.jpg" border="0" style="position:relative; top:0px; left:0px;" alt=""> <table border="0" width="900" cellspacing="15" cellpadding="5"> <tr> <td width="200" bgcolor="#e4e4e1" align="center" valign="top"><div class="header">Navigation</div> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <p> <div class="header">Credits</div> Layout made by <a href="http://www.tempting-illusions.org">Tempting Illusions.</a> <br>Images by: <a href="http://www.love-kanye.com">Love-Kanye</a> </td> <td width="700" bgcolor="#e4e4e1" align="center" valign="top"> <div class="header">About the Layout</div><br> This layout features the one and only egocentric rapper KANYE WEST! lol The banner is a blend of various images from one of his concerts. I couldn't find any large images that were good, so I had to settle for little ones. Like most of my layouts, this one uses tables. Navigation is on the left and there is also a credit section on the left which shall not be removed. If you remove I will hunt you down. That's about it, if need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header">Editing Top Banner</div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout9-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout9-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> </tr> </table></div> </body> </html>	Preview CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Your Site Name</title> <style TYPE="text/css"> .header {background:#; border-bottom: 2px dashed #303eae; color: #a03fc8; text-align: center; line-height:15pt; display: block; font-weight: bold; font-size:13px; font-style: italic; text-transform: uppercase; font-family: verdana, tahoma, times new roman;} .header:first-letter { color: #303eae; font-size: 20px; } body { margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; text-padding: 0; } body { background: #000000; } b{color: #a03fc8;} u{color: #a03fc8;} td, p, body{color: #1d277a; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#1d277a; scrollbar-darkshadow-color:#1d277a; scrollbar-track-color:#000000; scrollbar-arrow-color:#1d277a; } select, textarea, input {border:1px dashed #1d277a; font-family: tahoma; font-size: 9px; color: #1d277a; background-color: #000000;} .nav { font-family: tahoma; background-color: #000000; border-left: 10px solid #000000; text-align: center; text-decoration: none; line-height:13px; display:block; } .nav:hover { font-family: tahoma; background-color: #000000; border-left: 10px solid #293473; text-align: center; text-decoration: none; line-height:13px; display:block; } a:link,a:visited,a:active,a:active {color: #293473;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #293473; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="center"> <table border="0" width="900" style="background:url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout10-2.jpg')" cellspacing="0" cellpadding="0"> <tr> <td align="left" colspan="2"><img alt="" src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout10-1.jpg"> </tr> <tr> <td align="left" width="250" valign="top"> <div style="position: relative; top:20px; left:100px; text-align:center; width:150px;"> <table border="0" width="100%"> <tr> <td> <div class="header">Navigation</div> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <div class="header">Navigation</div> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <div class="header">Credits</div> Layout made by <a href="http://www.tempting-illusions.org">Tempting Illusions</a> </td> </tr> </table> </div> </td> <td align="left" width="650" valign="top"> <div style="position: relative; top:-145px; left:35px; width:560px; text-align: center;"> <table border="0" width="535"> <tr> <td> <div class="header">About the Layout</div><br> Look at the abstractness!! I love this layout it's soo futuristic. The top banner consists of a few fractals put together. It was origionally going to be a site layout, but the style didn't seem to be my type XD This layout consists of tables (of course) and DIVS. I decided it was about time I started making some div layouts so this is one of the few ^_^ If you have questions or need assistance regarding the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header">Editing Top Banner</div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout10-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout10-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back. <p><br><p><br> </td> </tr> </table> </div></td> </tr> </table> </div> </body> </html>
Preview CODE: <!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>Your Site Name</title> <style TYPE="text/css"> .header {background:#535353; color: #cccccc; border-top: 2px solid #353535; border-bottom: 2px solid #989898; text-align: center; line-height:2pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:18px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #000000; } b{color: #cccccc;} u{color: #cccccc;} td, p, body{color: #989898; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#989898; scrollbar-darkshadow-color:#989898; scrollbar-track-color:#000000; scrollbar-arrow-color:#989898; } select, textarea, input {border:1px dashed #989898; font-family: tahoma; font-size: 9px; color: #000000; background-color: #cccccc;} #nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7,#nav8,#nav9 { font-family: tahoma; background-color: #252525; color: #030303; text-align: center; text-decoration: none; line-height:26px; border-top:11px solid #252525; border-right:10px solid #252525; border-left:10px solid #252525; border-bottom:7px solid #252525; padding: 0px;} #nav1:hover,#nav2:hover,#nav3:hover,#nav4:hover,#nav5:hover,#nav6:hover,#nav7:hover,#nav8:hover,#nav9:hover { font-family: tahoma; background-color: #030303; color: #838383; text-align: center; text-decoration: none; line-height:26px; border-top:11px solid #030303; border-right:10px solid #030303; border-left:10px solid #030303; border-bottom:7px solid #030303; padding: 0px;} a:link,a:visited,a:active,a:active {color: #cccccc;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #252525; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="right"> <table border="0" width="700" cellspacing="0" cellpadding="0"> <tr> <td width="700" height="400"><img alt="" src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout7-1.jpg"></td> </tr> <tr> <td height="30" align="center" bgcolor="#252525" valign="bottom"> <a href="link.htm" id="nav1">Link Here</a> <a href="link.htm" id="nav2">Link Here</a> <a href="link.htm" id="nav3">Link Here</a> <a href="link.htm" id="nav4">Link Here</a> <a href="link.htm" id="nav5">Link Here</a> <a href="link.htm" id="nav6">Link Here</a> <a href="link.htm" id="nav7">Link Here</a> <a href="link.htm" id="nav8">Link Here</a> <a href="link.htm" id="nav9">Link Here</a> </td> </tr> <tr> <td width="700" valign="top"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="150" valign="top" align="center"><br><div class="header"><i>Header</i></div><br> You can put whatever you want here (ex. affies, advertisement, partners, etc...) <br><br><div class="header"><i>Header</i></div><br> You can put whatever you want here (ex. affies, advertisement, partners, etc...) </td> <td width="10" valign="top"> </td> <td width="540" align="center"><br> <div class="header"><i>About the Layout</i></div><br> SO ZETTA AWESOME! If you have played The World Ends With You on the DS you will know understand this layout more. The layout features one of the villains Sho Minamimoto and he's obsessed with math. Best subject in the world (JK!) The math quotes at the top are things he says in the game and the "So Zetta Slow" is also a quote. I like that one best so that's why it's bigger lol. Navigation is at the top above and you can add/remove links if you wish. That's about it...if need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header"><i>Editing Top Banner</i></div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout7-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/<br>tempting-illusions/designs/layout7-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header"><i>Terms of Use</i></div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> </tr> </table> <p></td> </tr> </table> </div> </body> </html>	Preview CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Your Site Name</title> <style TYPE="text/css"> .header {background:#097481; color: #e2f7fa; border-top: 4px solid #03587b; border-bottom: 4px solid #1f9581; text-align: center; line-height:4pt; display: block; font-weight: bold; font-size:13px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #000000 url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout8-2.jpg') repeat-x; } b{color: #30abc5;} u{color: #30abc5;} td, p, body{color: #97e0e2; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#30abc5; scrollbar-darkshadow-color:#30abc5; scrollbar-track-color:#000000; scrollbar-arrow-color:#30abc5; } select, textarea, input {border:1px dashed #30abc5; font-family: tahoma; font-size: 9px; color: #97e0e2; background-color: #000000;} .nav { font-family: tahoma; background-color: #000000; color: #000000; text-align: center; text-decoration: none; line-height:10px; display:block; padding: 3px;} .nav:hover { font-family: tahoma; background-color: #71adc8; color: #02557b; text-align: center; text-decoration: none; line-height:10px; display:block; padding: 3px;} a:link,a:visited,a:active,a:active {color: #148d81;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #30abc5; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="center"> <table border="0" width="900" cellspacing="0" cellpadding="0"> <tr> <td><IMG alt="" SRC="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout8-1.jpg" WIDTH="900" HEIGHT="439" BORDER="0" USEMAP="#Image1"> <MAP NAME="Image1"> <AREA SHAPE="rect" COORDS="122,401,204,438" HREF="site.htm" ALT="Site"> <AREA SHAPE="rect" COORDS="405,403,499,438" HREF="content.htm" ALT="Content"> <AREA SHAPE="rect" COORDS="668,399,754,437" HREF="other.htm" ALT="Other"> </MAP></td> </tr> </table> <table border="0" width="900" cellspacing="5" cellpadding="5"> <tr> <td width="750" align="center" valign="top"> <div class="header"><i>About the Layout</i></div> This is a pretty layout :D The top banner consists of three images blended together. The one on the kind of blurry, but hopefully that wouldn't make a huge difference. Navigation is on the top and you can add some more links on the right. You can also put your affies, partners, and chat box on the right. If need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a> <br> <div class="header"><i>Editing Top Banner</i></div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout8-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout8-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header"><i>Terms of Use</i></div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> <td width="150" align="center" valign="top" style="color:#148d81"> <div class="header"><i>Navigation</i></div> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <div class="header"><i>Header</i></div> You can put whatever you want here (ex. affies, advertisement, partners, etc...) <br><br> <div class="header"><i>Credits</i></div> Layout made by Munchie of <a href="http://www.tempting-illusions.co.nr"> Tempting Illusions.</a></td> </tr> </table> </div> </body> </html>
Preview MAIN CODE: <!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>Your Site Name</title> <style type="text/css"> .header { background: #a43759; color: #fff5f4; text-align: right; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; padding:2px;} b{color: #fff5f4; background:#9f2b5b;} u{color: #d33c7a;} i{color: #a43759;} td, p, body{color: #a43759; font:10px tahoma; text-align: center;} body {background-color:#ffffff; background-attachment:scroll; } body{ scrollbar-face-color:#fff1f2; scrollbar-shadow-color:#a43759; scrollbar-highlight-color:#fff1f2; scrollbar-3dlight-color:#a43759; scrollbar-darkshadow-color:#fff1f2; scrollbar-track-color:#fff1f2; scrollbar-arrow-color:#a43759; } div.content {LEFT: 10px; TOP: 62px; width:294px; height:430px; position: absolute; overflow:auto;} a:link, a:visited, a:active {color: #a43759; background:#f7c2dc; padding:2px; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #f7c2dc; background:#a43759; font-size: 10px; cursor: help; font-weight: bold;} </style> </head> <body> <IMG NAME="layout" alt="" SRC="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout3-1.jpg" style="position: absolute; top:0px; left:0px;" WIDTH="500" HEIGHT="500" BORDER="0" USEMAP="#layout"> <MAP NAME="layout"> <AREA SHAPE="rect" COORDS="365,76,469,127" HREF="home.htm" alt="Home"> <AREA SHAPE="rect" COORDS="365,127,470,177" HREF="site.htm" ALT="Site"> <AREA SHAPE="rect" COORDS="365,178,470,224" HREF="content.htm" ALT="Content"> </MAP> <div class="content" style="overflow-x: hidden;"> <div class="header">About the Layout</div> This layout tis very prettiful ^_^ It's a girly layout because of all the pink hehe... This layout should be maily used for personal sites or blogs due to the small size, but the decision is up to you. Navigation is on the right and it's an image map so editing it should be fairly simple. If you need assistance with the layout feel free to email me at frozenxfantasy@gmail.com. <br><br>All HTML is 100% valid and is compatible with FF and IE. <br> <b>Bold Text</b> <br><i>Italicized Text</i> <br><u>Underlined Text</u> <br><a href="link.htm">Link</a> <br><br><div class="header">Editing the Layout</div> To add your own message or site name at the top save this image<br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout3-1.jpg">http://img.photobucket.com/albums/v188/<br>frozenfantasy/tempting-illusions/designs/layout3-1.jpg</a> <br>and add the text using your graphics program. <br><br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and create your own layout but you <b>still</b> have to link back. </div> </body> </html> SPLASH PAGE CODE: <!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>Your Site Name</title> <style type="text/css"> body {background-image: url(http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout3-3.jpg);}</style> <script language="javascript" type="text/javascript"> <!-- /************************************************** Author: Eric King Url: http://redrival.com/eak/index.shtml This script is free to use as long as this info is left in Featured on Dynamic Drive script library (http://www.dynamicdrive.com) *************************************************/ var win=null; function NewWindow(mypage,myname,w,h,scroll,pos){ if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;} else if((pos!="center" && pos!="random") \|\| pos==null){LeftPosition=0;TopPosition=20} settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no'; win=window.open(mypage,myname,settings);} // --> </script> </head> <body> <center> <a href="layout3.php" onclick="NewWindow(this.href,'window','500','500','no','center');return false" onfocus="this.blur()"> <img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout3-2.jpg" alt="" border="0"></a> </center> </body> </html>	Preview MAIN CODE: <!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>Your Site Name</title> <style type="text/css"> .header { background: #ffd1b1; color: #ff6714; text-align: right; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; padding:2px;} b{color: #ff6714; background:#ffd1b1;} u{color: #ff5f0f;} i{color: #ffaa78;} td, p, body{color: #ff6714; font:10px tahoma; text-align: center;} body {background-color:#ffffff; background-attachment:scroll; } .linkees { background: #ff6714; color: #ffd1b1; text-align: right; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; padding:1px;} .linkees: hover { background: #ffd1b1; color: #ff6714; text-align: right; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; padding:2px;} body{ scrollbar-face-color:#ffd1b1; scrollbar-shadow-color:#ff6714; scrollbar-highlight-color:#ffd1b1; scrollbar-3dlight-color:#ff6714; scrollbar-darkshadow-color:#ffd1b1; scrollbar-track-color:#ffd1b1; scrollbar-arrow-color:#ff6714; } div.content {LEFT: 6px; TOP: 190px; width:486px; height:295px; position: absolute; overflow:auto;} div.linkeee {LEFT: 380px; TOP: 20px; width:120px; height:150px; position: absolute; overflow:auto;} a:link, a:visited, a:active {color: #ffd1b1; background:#ff6714; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #ff6714; background:#ffd1b1; font-size: 10px; cursor: help; font-weight: bold;} </style> </head> <body> <IMG alt="" SRC="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout4-1.jpg" style="position: absolute; top:0px; left:0px;"> <div class="linkeee"> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> <a href="link.htm" class="linkees">Link Here</a> </div> <div class="content" style="overflow-x: hidden;"> <div class="header">About the Layout</div> An orange layout :D It's opposite of the pink one because it's more grungy and more darkish XD It's very similar coding wise because it also uses div layers and it's also a pop up layout. Navigation is on the top right and you can edit the links/text. If you add or remove links you may have to reposition the div layer. If you need help regarding the layout email me at frozenxfantasy@gmail.com. <br><br>All HTML is 100% valid and is compatible with FF and IE. <br> <b>Bold Text</b> <br><i>Italicized Text</i> <br><u>Underlined Text</u> <br><a href="link.htm">Link</a> <br><br><div class="header">Editing the Layout</div> To add your own message or site name at the top save this image<br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout4-1.jpg">http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout4-1.jpg</a> <br>and add the text using your graphics program. <br><br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and create your own layout but you <b>still</b> have to link back.<p> </div> </body> </html> SPLASH PAGE CODE: <!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>Your Site Name</title> <style type="text/css"> body {background:#ff924a;}</style> <script language="javascript" type="text/javascript"> <!-- /************************************************** Author: Eric King Url: http://redrival.com/eak/index.shtml This script is free to use as long as this info is left in Featured on Dynamic Drive script library (http://www.dynamicdrive.com) *************************************************/ var win=null; function NewWindow(mypage,myname,w,h,scroll,pos){ if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;} if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;} else if((pos!="center" && pos!="random") \|\| pos==null){LeftPosition=0;TopPosition=20} settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no'; win=window.open(mypage,myname,settings);} // --> </script> </head> <body> <center> <a href="layout4.php" onclick="NewWindow(this.href,'window','500','500','no','center');return false" onfocus="this.blur()"> <img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout4-2.jpg" alt="" border="0"></a> </center> </body> </html>
Preview CODE: <!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>.:: Tempting Illusions ::. Your Source For Graphic Resources</title> <style TYPE="text/css"> .head {background:#000000; color: #242424; border-left: 15px solid #242424; border-right: 15px solid #242424; text-align: left; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; padding:5px;} body { margin-top:0; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #242424;} b{color: #242424;} u{color: #242424;} td, p, body{color: #6c6c6c; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#242424; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#242424; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#242424; scrollbar-track-color:#242424; scrollbar-arrow-color:#000000; } select, textarea, input { font-family: tahoma; font-size: 9px; color: #000000; background-color: #242424;} .navigation { font-family: tahoma; display: block; background-color: #242424; border-top:1px solid #000000; color: #feffdd; padding:5px; text-align: center; text-decoration: none; padding: 3px;} .navigation:hover { font-family: tahoma; display: block; border-left: 15px solid #242424; border-right: 15px solid #242424; background-color: #000000; color: #242424; text-align: center; padding: 3px;} a:link,a:visited,a:active,a:active {background:#242424; color: #000000;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #242424; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style> </head> <body> <center> <table border="0" width="900" cellspacing="0" cellpadding="10" bgcolor="#000000"> <tr> <td><img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout5-1.jpg" alt=""></td> </tr> <tr> <td><table border="0" width="900" cellspacing="5" cellpadding="0"> <tr> <td width="200"> <div class="head"> Navigation</div> <a class="navigation" href="home.php">Home</a> <a class="navigation" href="site.php">Site</a> <a class="navigation" href="content.php">Content</a> <a class="navigation" href="tutorials.php">Tutorials</a> <a class="navigation" href="designs.php">Designs</a> <a class="navigation" href="other.php">Other</a> <br><div class="head">Header</div> <div style="background: #242424; padding:3px;"> Put affies, partners, advertisement, chatbox, etc.... here. </div> <br> <br><div class="head">Header</div> <div style="background: #242424; padding:3px;"> Put affies, partners, advertisement, chatbox, etc.... here. </div> <br><div class="head">Header</div> <div style="background: #242424; padding:3px;"> Put affies, partners, advertisement, chatbox, etc.... here. </div> </td> <td width="700" align="center" valign="top"> <div class="head">About the Layout</div> The first "gangster" related thing on TI haha... This was originally made for TI as a "skin layout" but as always php doesn't mix with frontpage so I couldn't use it :( Good for you guys huh? lol Anyways, it's basically an imitation of the blue and yellow Tempting Illusions layout this one is just more darker. The top banner consists of lyrics and poetry by the one and only PAC. The rose from concrete part is from his poem "The Rose That Grew From Concrete" which is a really good poem. The faded words in he background are lyrics from "Runnin" which is an awesome song ^_^ As always, if you have problems with the layout drop me an email at frozenxfantasy@gmail.com. <br><br>All HTML is 100% valid and is compatible with FF and IE. <br> <b>Bold Text</b> <br><i>Italicized Text</i> <br><u>Underlined Text</u> <br><a href="link.htm">Link</a> <br><br><div class="head">Editing the Layout</div> To add your own message or site name at the top save this image<br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout5-1.jpg">http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout5-1.jpg</a> <br>and add the text using your graphics program. <br><br><div class="head">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and create your own layout but you <b>still</b> have to link back.<p> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>	Preview CODE: <!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>Your Site Name</title> <style TYPE="text/css"> .header {background:#475125; color: #121a05; border-bottom: 3px solid #343f1a; text-align: center; line-height:3pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:18px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } div.content {LEFT: 15px; TOP: -40px; width: 450px; position: relative; overflow-x: hidden;} div.side {LEFT: 745px; TOP: 366px; width: 150px; position: absolute; overflow: auto;} body { margin-top:0; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #475125 url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout6-2.jpg') repeat-x; } b{color: #1a1b0e;} u{color: #1a1b0e;} td, p, body{color: #1a1b0e; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#475125; scrollbar-shadow-color:#475125; scrollbar-highlight-color:#475125; scrollbar-3dlight-color:#1a1b0e; scrollbar-darkshadow-color:#1a1b0e; scrollbar-track-color:#475125; scrollbar-arrow-color:#1a1b0e; } select, textarea, input { font-family: tahoma; font-size: 9px; color: #1a1b0e; background-color: #475125;} .nav { font-family: tahoma; display: block; background-color: #475125; color: #182008; padding:5px; text-align: center; text-decoration: none; padding: 3px;} .nav:hover { font-family: tahoma; display: block; background-color: #58682d; color: #182008; display:block; text-align: center; padding: 3px;} a:link,a:visited,a:active,a:active {color: #000000;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #242424; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <table border="0" width="750" cellspacing="0" cellpadding="0" style="background:url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout6-3.jpg')"> <tr> <td align="center"><img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout6-1.jpg" alt=""> <div class="content"><br> <div class="header"><i>About the Layout</i></div> My first celeb layout! I chose Ashley Tisdale because I actually like her songs and she's better than Vanessa lol. The top part is a blend of three images from her music video "He Said, She Said". It's pretty simple, I wanted to complicate it, but I didn't know what to do with it so I left it the way it is now. Navigation is on the right, if you have more links you can always add more. Same goes for headers. If need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header"><i>Editing Top Banner</i></div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout6-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/<br>tempting-illusions/designs/layout6-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header"><i>Terms of Use</i></div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </div> <div class="side"><br> <div class="header"><i>Navigation</i></div> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <a class="nav" href="link.htm">Link Here</a> <br> <div class="header"><i>Header</i></div> You can put whatever you want here (ex. affies, advertisement, partners, etc...) <br><br> <div class="header"><i>Credits</i></div> Layout made by Munchie of <a href="http://www.tempting-illusions.co.nr"> Tempting Illusions.</a> </div> </td> </tr> <tr> <td style="background:url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout6-4.jpg')" width="750" height="32"> </td> </tr> </table> </body> </html>
Preview CODE: <!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>Your Site Name</title> <style TYPE="text/css"> .header {background:#e3ecd2; color: #90a36c; border: 1px solid #BAC89F; text-align: center; line-height:10pt; letter-spacing: 1px; display: block; font-weight: bold; font-size:10px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } b, u{color: #cddab0;} td, p, body{color: #90a36c; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#dfe8cb; scrollbar-shadow-color:#d9e18b; scrollbar-highlight-color:#BAC89F; scrollbar-3dlight-color:#dfe8cb; scrollbar-darkshadow-color:#BAC89F; scrollbar-track-color:#dfe8cb; scrollbar-arrow-color:#BAC89F; background: #dfe8cb; } select, textarea, input {border:1px solid #90a36c; font-family: tahoma; font-size: 9px; color: #90a36c; background-color: #f5f7f0;} a:link,a:visited,a:active,a:active {color: #BAC89F; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #dfe8cb; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style> </head> <body> <div align="center"> <table border="1" width="800" cellspacing="10" cellpadding="5" style="border: 1px solid #DFE8CB;"> <tr> <td colspan="2" bgcolor="#f5f7f0" style="border: 1px solid #BAC89F;"><img alt="" src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout1-1.jpg"> </td> </tr> <tr> <td bgcolor="#F5F7F0" width="120" style="border: 1px solid #BAC89F;" align="center" valign="top"> <div class="header">Navigation</div> [<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br>[<a href="link.htm">x</a>] Link Here <br><div class="header">Header</div> You can put whatever you want here (ex. affies, advertisement, partners, etc...) <br><br><div class="header">Header</div> You can put whatever you want here (ex. affies, advertisement, partners, etc...) <div class="header">Credits</div> Layout and coding by Munchie of <a href="http://www.tempting-illusions.org"> Tempting-Illusions.ORG</a> No part of it is to be reproduced without permission. </td> <td bgcolor="#f5f7f0" width="680" style="border: 1px solid #BAC89F;" align="center" valign="top"> <div class="header"><i>About the Layout</i></div> It's Tare Panda :D :D I used to love this character when I first started web designing. There were barely any big images of this character on google and this was one of the few =/ I decided to start using textures a bit more so the images was made using textures and brushes. No C4D's or fractals this time. I think it came out nicely although I wasn't exactly going for a grungy look XD I like the css though it's so cute and I think it fits the layout ;D If you need help setting up the layout send an email to <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header"><i>Editing Top Banner</i></div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout1-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout1-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header"><i>Terms of Use</i></div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> </tr> </table> </div> </body> </html>	Preview CODE: <!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>Your Site Name</title> <style TYPE="text/css"> .header {background:#; border-bottom:2px solid #4f545f; color: #eaeef6; text-align: center; line-height:1pt; letter-spacing: 10px; display: block; padding:3px; font-size:15px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } .header:first-letter { color: #b4c0d8; font-weight:bold; font-size: 20px; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } b, u{color: #e8eef8;} td, p, body{color: #b4c0d8; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#b4c0d8; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#b4c0d8; scrollbar-track-color:#000000; scrollbar-arrow-color:#b4c0d8; background: #000000 url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout2-2.jpg')} } select, textarea, input {border:1px solid #b4c0d8; font-family: tahoma; font-size: 9px; color: #b4c0d8; background-color: #000000;} .links { font-family: tahoma; background:#000000; text-align: center; text-decoration: none; border-left:20px solid #000000; border-right:20px solid #000000; padding: 2px;} a:link,a:visited,a:active,a:active {color: #667ba0; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #b4c0d8; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style> </head> <body> <div align="center"> <table border="0" width="580" cellspacing="4" cellpadding="5" bgcolor="#000000"> <tr> <td width="576" height="20" align="center">/ / <a href="site.htm" class="links">Site</a> / / <a href="content.htm" class="links">Content</a>/ / <a href="tutorials.htm" class="links">Tutorials</a>/ / <a href="clear.htm" class="links">Clear</a>/ / </td> </tr> <tr> <td width="576" height="394" align="center"><img src="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout2-1.jpg" alt=""></td> </tr> <tr> <td width="100%" align="center"> <div class="header">About the Layout</div> Did you know that rainbows exist at night? I had no clue until I read an article while I was taking my ACTs. It slowed me down immensly because I was really into it XD This is one of my most basic layouts. The image is of a moonbow which I think is wayy prettier than regular rainbows. I added the "stars" and that's about it. Told you it was basic :P The navigation is at the top, but if you wish you can move it. This layout is meant for personal sites because of its size. I think it makes a spiffy blog layout :D If you need help setting up the layout send an email to <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header">Editing Top Banner</div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout2-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout2-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit on the top banner or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.</td> </tr> <tr> <td width="100%" align="center"><div class="header">Credits</div> Layout made and coded by Munchie of <a href="http://www.tempting-illusions.org">Tempting-Illusions.ORG</a></td> </tr> </table> </div> </body> </html>
Preview CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Your Site Name</title> <style TYPE="text/css"> .header {background:#e7e7e7; color: #6f6f6f; text-align: center; line-height:10pt; display: block; font-weight: bold; font-size:13px; font-style: italic; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #f2f3f3 url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout11-2.jpg') repeat-x; } b{color: #535353;} u{color: #535353;} td, p, body{color: #6f6f6f; font:10px tahoma; overflow-x: hidden; overflow-y: auto;} body{ scrollbar-face-color:#e4e4e1; scrollbar-shadow-color:#e4e4e1; scrollbar-highlight-color:#e4e4e1; scrollbar-3dlight-color:#a37e50; scrollbar-darkshadow-color:#532d15; scrollbar-track-color:#e4e4e1; scrollbar-arrow-color:#a37e50; } select, textarea, input {border:1px dashed #532d15; font-family: tahoma; font-size: 9px; color: #a37e50; background-color: #e4e4e1;} div.topnav {LEFT: 208px; TOP: 352px; width: 209px; height:34px; position: relative; overflow: Hidden;} a:link,a:visited,a:active,a:active {color: #3d3d3d;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #e7e7e7; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="center"> <table border="0" width="800" cellspacing="0" cellpadding="0"> <tr> <td style="background:url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout11-1.jpg')" width="800" height="440" align="left" valign="top"><div class="topnav"> <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> \| <a href="link.htm">Link Here</a> </div></td> </tr> <tr> <td> <table border="0" width="100%" cellspacing="5" cellpadding="0" style="border-style:none; border-color:#f2f3f3; "> <tr> <td width="600" style="background: #f4f4f4; "> <div align="center"> <table border="0" width="100%" cellspacing="5" cellpadding="0" style="background-color: #e0e0e0;"> <tr> <td bgcolor="#f4f4f4" align="center" valign="top"> <div class="header">About the Layout</div><br> OMG IT'S DEMI LOVATO! I'm not a huge fan of hers, but I don't hate her either =) As she's becoming quite a star I had to make a layout of her lol. This isn't my usual style if can't tell. The background is brushed with one c4d added to make it flow more. I don't use brushes anymore, so my technique may be a tad bit wird. The navigation is at the top, ,but you can always add more on the side. This layout reminds me a lot of those fansite layouts =) Like always, if need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com"> frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="link.htm">Link</a><br> <br> <div class="header">Editing Top Banner</div> Editing the top banner is pretty simple. Just save the image here <b><br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout11-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout11-1.jpg</a><br> </b> and add text using your graphic program <br> <br><div class="header">Terms of Use</div> If you use this layout you automatically agree to not remove the credit or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> </tr> </table> </div> </td> <td width="200" style="border-style:solid; border: 0px; background:#f4f4f4; " align="center" valign="top"> <div align="center"> <table border="0" width="100%" cellspacing="5" cellpadding="0" style="background: #e0e0e0;"> <tr> <td bgcolor="#f4f4f4" align="center" valign="top"> <div class="header">Header</div> You can put affies, advertisements, partners, etc.. here <div class="header">Header</div> You can put affies, advertisements, partners, etc.. here <div class="header">Header</div> You can put affies, advertisements, partners, etc.. here <div class="header">Credits</div> Layout made by <a href="http://www.tempting-illusions.org">Tempting Illusions.</a> <br>Images from: <a href="http://www.demi-lovato.com">Demi-Lovato</a> </td> </tr> </table></div> </td> </tr> </table> </td> </tr> </table> </div> </body> </html>	Preview CODE: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Your Site Name</title> <style TYPE="text/css"> .header {background:#fbbe21; color: #6d0000; border-top: 2px solid #f0890b; border-bottom: 2px solid #fde965; text-align: center; line-height:2pt; letter-spacing: 1px; display: block; font-style: italic; font-weight: bold; font-size:18px; text-transform: uppercase; font-family: verdana, tahoma, times new roman; } div.navigation {LEFT: 317px; TOP: 50px; width:150px; position: relative; padding: 3px; overflow: hidden;} body { margin-top:0px; margin-left:0px; margin-right:0px; text-padding: 0; } body { background: #000000; } b{color: #f0890b;} u{color: #cccccc;} td, p, body{color: #000000; font:10px tahoma;} body{ scrollbar-face-color:#000000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#fbbe21; scrollbar-darkshadow-color:#fde965; scrollbar-track-color:#000000; scrollbar-arrow-color:#fa9716; } select, textarea, input {border:1px dashed #fa9716; font-family: tahoma; font-size: 9px; color: #fa9716; background-color: #ffffff;} .nav { font-family: tahoma; background-color: #fde350; color: #834816; text-align: center; text-decoration: none; display: block; width: 150px; padding: 2px;} .nav:hover { font-family: tahoma; background-color: #; color: #834816; text-align: right; text-decoration: none; display: block; width: 150px; padding:2px;} a:link,a:visited,a:active,a:active {color: #6d0000;text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} a:hover {color: #fa9716; text-decoration: none; font-size: 10px; cursor: help; font-weight: bold;} </style></head><body> <div align="center"> <table border="0" width="820" cellspacing="10" cellpadding="5"> <tr> <td colspan="2" align="center" valign="top" bgcolor="#FFFFFF" height="400"> <table border="0" width="100%" cellspacing="0" cellpadding="0" style="background:url('http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout12-1.jpg'); height:400px;"> <tr> <td align="center" valign="top"> <div class="navigation"> <a class="nav" href="home.htm">Home</a> <a class="nav" href="site.htm">Site</a> <a class="nav" href="content.htm">Content</a> <a class="nav" href="site.htm">Tutorials</a> </div></td></tr></table></td></tr><tr><td align="center" valign="top" width="650" bgcolor="#FFFFFF"> <div class="header">Header</div> <br> This layout was origionally made for a site that I was supposed to open with Shannon. It's a sunset because the layout was made during the summer and I though it fit the season perfectly. I like it came out really nice and it also looks very professional :) Navagation is on the top and if you need to you can always add more. If need assistance with the layout feel free to email me at <a href="mailto:frozenxfantasy@gmail.com">frozenxfantasy@gmail.com</a>.<br> <br> All HTML is 100% valid and the layout is compatible with FF and IE.<br> <br> <b>Bolded Text</b><br> <i>Italicized Text</i><br> <u>Underlined Text</u><br> <a href="http://www.tempting-illusions.org/designs/link.htm">Link</a> <p> <div class="header">Header</div><br> To edit the top banner, use the image here: <br> <a href="http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout12-1.jpg"> http://img.photobucket.com/albums/v188/frozenfantasy/tempting-illusions/designs/layout12-1.jpg</a> <br> The font I used in the layout is called sunset. <p><div class="header">Terms of Use</div><br> If you use this layout you automatically agree to not remove the credit or take any part of this html and call it your own. You may use the code and add your own top banner, but you <b>still</b> have to link back.<p> </td> <td align="center" valign="top" width="150" bgcolor="#FFFFFF"> <div class="header">Header</div><br> affies and other stuff go here </td></tr></table></div>