Jaraya - Myspace Layouts, Friendster Layouts, Neopets Layouts and more graphics! NFW, Neo-Faerie Wings

Home Site Myspace Friendster Neopets Other Graphics Resources Tutorials Makers

Please do not remove the link back to our site! You can find more site layouts HERE.

Strawberry

Layout Code:

<head>
<title>Title</title>
<style>
body{background:#FF6699 url(http://i189.photobucket.com/albums/z152/pixelsdelight0pex/strawberry4.gif) ;
margin:0px; 	
scrollbar-face-color: #FF558C;
	scrollbar-track-color: #FFB7CE;
	scrollbar-highlight-color: #FFB7CE;
	scrollbar-shadow-color: #FF558C;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #000000;
	scrollbar-arrow-color: #FFB7CE; }
A:link{COLOR:#990000; TEXT-DECORATION: none} 
A:visited{COLOR:#990000; TEXT-DECORATION:none } 
A:HOVER {COLOR:#990000; TEXT-DECORATION:UNDERLINE}
td,p,body{color:#000000;font:8pt verdana}
#navlist a{display: block;color: #009933;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px dotted #009933;}
#navlist a:hover{color: #000000;background-color:#9FFF9F;}
.header {text-align:right; font-weight:bold; color: #ffffff; text-transform:uppercase; font-size:12px; background-color:#009966; padding:3px;}
.sitename {color:#990000; font-weight:bold; font-family:bookman old style; font-size:41px; text-transform:lowercase;}
.menu{background-color:#FF9DB6; padding:2px; text-align:right; border-right:5px solid #009966; color:#009966; text-transform:uppercase; font-weight:bold;}
.credits{color:#006633; font-weight:bold; font-size:12px;}
</style></head>

mysite[dot]com

</div>
</td><td width=7></td></tr>
<tr><td width=800 colspan=3 height=18></td></tr></table>
</td></tr>
<tr><td width=800>
<table cellpadding=0 cellspacing=0 width=800>
<tr><td width=4></td>
<td width=195 valign="top">
<div id="navlist">

<p class="menu">Owner/Site</p>

<img align="left" src="http://i189.photobucket.com/albums/z152/pixelsdelight0pex/strawberry5.gif">This layout features strawberry. Images used are from google. I hope you like it. :) More about yourself here! Text here. Text here!

<p>

<div class="menu">Navigation 1</div>
<a href="#">Link</a> 
<a href="#">Link</a>
<a href="#">Link</a> 
<a href="#">Link</a> 
<a href="#">Link</a>

<p>

<div class="menu">Navigation 2</div>

<p>
<div class="menu">Navigation 3</div>

<p>

</div>
</td><td width=3></td>
<td width=593 valign="top">

<p class="header">Terms of use</p>
<ol>
<li>You are not allowed to alter the images and codes and claim this layout as yours.
<li>You are not allowed to remove the link back to Jaraya.Net
</ol>

<p class="header">Instructions</p>
<ol>
<li>Copy the codes and edit the place where the layout code says so.
<li>Save your file as index.html or index.php depending on your preferences.

<li>Enjoy your layout!
</ol>

<p class="header">Other Notes</p>
You need to have at least basic knowledge of HTML to be able to use this layout.

<p class="header">Header</p>
put your text here!put your text here!put your text here!put your text here!put your text here!
put your text here!
put your text here!
put your text here!put your text here!put your text here!put your text here!put your text here!put your text here!
put your text here!
put your text here!
put your text here!
put your text here!
put your text here!
put your text here!
put your text here!
put your text here!put your text here!
put your text here!
put your text here!
put your text here!
put your text here!

</td><td width=5></td></tr></table>
</td></tr>
<tr><td style="background:url(http://i189.photobucket.com/albums/z152/pixelsdelight0pex/strawberry3.jpg) no-repeat; text-align:center; height:45; width:800;">
<div class="credits">
Site layout made by <a href="http://www.jaraya.net" target="_blank">Jaraya.Net</a>. Site contents are (c) <a href="#">Your Site</a>.
</div>
</td></tr></table></center>

Green Scribbles by Tech

Layout Code:
<head> <title>.:Green Scribbles V.1:. Designed by Tech at Jaraya.net. INSERT YOUR SITE NAME HERE!!!</title> </head> <style type="text/css"> body {background-image:url(http://i35.tinypic.com/6omx3s.png);} body, table, tr, td, div, p, br {font-family:tahoma;font-size:9pt;} </style> <body> <table border="0" style="position:absolute;top:0px;left:0px;z-index:0;overflow:auto;background-color:#333333;font-family:tahoma;font-size:9pt;color:#FFFFFF;" width="100%" height="13px"> <tr><td><i>Green Scribbles V.1</i> designed by Tech at <a href="http://jaraya.net/" style="text-decoration:none;color:#5B6759;">Jaraya.net</a>. You may remove this banner.</td></tr></table> <div align="center"> <table border="0" width="800" cellspacing="0" cellpadding="0" style="border:1px solid #000000;position:absolute;top:21px;left:0px;"> <tr> <td width="800" height="653" background="http://i33.tinypic.com/2vjpv6t.png"> </td> </tr> <tr> <td width="800" height="20"><map name="Navibar"> <area href="http://YOURSITE/OTHER.php" shape="rect" coords="674, 0, 799, 28"> <area href="http://YOURSITE/AFFILIATES.php" shape="rect" coords="541, 0, 676, 28"> <area href="http://YOURSITE/TUTORIALS.php" shape="rect" coords="403, 0, 541, 28"> <area href="http://YOURSITE/GRAPHICS.php" shape="rect" coords="273, 0, 405, 28"> <area href="http://YOURSITE/SITE.php" shape="rect" coords="134, 0, 273, 28"> <area href="http://YOURSITE/HOME.php" shape="rect" coords="0, 0, 135, 28"> </map> <img src="http://i36.tinypic.com/2vkf76f.png" border="0" usemap="#Navibar"></td> </tr> <tr> <td bgcolor="#FFFFFF"><div align="center"><br><br> <table width="438" cellspacing="0" cellpadding="0" style="border:1px solid #000000;"> <tr> <td style="background-image:url(http://i34.tinypic.com/1ylb0o.png);color:#FFFFFF;border-bottom:1px solid #000000;">POST TITLE by AUTHOR on DATE</td> </tr> <tr> <td><img src="http://i37.tinypic.com/etzaex.png" align="left">TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! </td> </tr> <tr> <td bgcolor="#5B6759" height="10px" style="border-top:1xp solid #000000;"> </td> </tr> </table> <br><br> <table width="438" cellspacing="0" cellpadding="0" style="border:1px solid #000000;"> <tr> <td style="background-image:url(http://i34.tinypic.com/1ylb0o.png);color:#FFFFFF;border-bottom:1px solid #000000;">POST TITLE by AUTHOR on DATE</td> </tr> <tr> <td><img src="http://i37.tinypic.com/etzaex.png" align="left">TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! TEXT CAN GO HERE!!! </td> </tr> <tr> <td bgcolor="#5B6759" height="10px" style="border-top:1xp solid #000000;"> </td> </tr> </table> <p> </div></td> </tr> <tr> <td bgcolor="#5B6759" style="color:#FFFFFF;">Layout and coding (c) Tech @ Jaraya.net. Brushes used in top banner are from Jaraya.net. All images are (c) their respective owners.</td> </tr> </table> </div> <div style="position:absolute;top:325px;left:511px;z-index:0; width:268px; height:267px;overflow:auto;" width="100px;" height="100px"> <b>Update:</b> Update/news can be posted here.This layout was made by <u> Tech</u> at <i>Jaraya.net</i>. In order to use this layout, you must first change the targets in the image map name #Navibar. Link those to the corresponding pages. After that you might want to change the text within here and in the tables below. You can delete the bar running across the top of the page. A visible credit <b>MUST</b> be found on a page. A credits page with a link back to Jaraya.net is fine. Also, you may not claim the coding and/or images as your own. Attempting to hide the credit on the top banner is also prohibited.<br> <br> Thanks for choosing this layout. =D<br> <br> <b>Update:</b> Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. Anything else can go here. </div> </body>

Miley Cyrus

Layout Code:
<head> <title>Title</title> <style> body{background:#DDD9CE url(http://i7.photobucket.com/albums/y274/suprficial_007/mileycyrus2.jpg) repeat-y; margin:0px; scrollbar-face-color: #504938; scrollbar-track-color: #B8AF9A; scrollbar-highlight-color: #B8AF9A; scrollbar-shadow-color: #504938; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #B8AF9A; } A:link{COLOR:#603113; TEXT-DECORATION: none} A:visited{COLOR:#603113; TEXT-DECORATION:none } A:HOVER {COLOR:#603113; TEXT-DECORATION:UNDERLINE} td,p,body{color:#000000;font:8pt verdana} #navlist a{display: block;color: #A6665C;background-color:#DCBF73;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px solid #A6665C;} #navlist a:hover{color: #000000;background-color:#DDD9CE;} .header {text-align:right; font-weight:bold; color: #ffffff; text-transform:uppercase; font-size:12px; background-color:#3D0D27; padding:3px;} </style></head> <div style="position:absolute; top:0px; left:0px;"><img src="http://i7.photobucket.com/albums/y274/suprficial_007/mileycyrus1.jpg"></div> <div style="position:absolute; top:6px; left:10px; width:223px; text-align:justify;"> <div id="navlist">  <p class="header">Owner/Site</p> <img align="right" src="http://i37.tinypic.com/23rtgl2.jpg">Miley Cyrus is in the house! This layout looks good on both IE and firefox! Please don't remove the link back to JARAYA.NET! <p> <div class="header">Navigation 1</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <p> <div class="header">Navigation 2</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> </div> <p>  <p class="header">Credits</p> <center><a href="http://www.jaraya.net" target="_blank"><img border=0 src="http://i281.photobucket.com/albums/kk219/jaraya_del/linkback1-1.gif"></a></center> <br><br>  </div> <div style="position:absolute; top:598px; left:243px; text-align:right; font-size:25px; font-weight: bold; color:#3D0D27">  mysite[dot]com  </div> <div style="position:absolute;top:639px; left:245px; width:542px;height:250px;">  <p class="header">Terms of use</p> <ol> <li>You are not allowed to alter the images and codes and claim this layout as yours. <li>You are not allowed to remove the link back to Jaraya.Net </ol> <p class="header">Instructions</p> <ol> <li>Copy the codes and edit the place where the layout code says so. <li>Save your file as index.html or index.php depending on your preferences. <li>Enjoy your layout! </ol> <p class="header">Other Notes</p> You need to have at least basic knowledge of HTML to be able to use this layout.  </div>

Paramore

Layout Code:
<head> <title>Title</title> <style> body{background:#414141 url(http://i7.photobucket.com/albums/y274/suprficial_007/paramore2-1.jpg) repeat-y; margin:0px; scrollbar-face-color: #202020; scrollbar-track-color: #A7A7A7; scrollbar-highlight-color: #A7A7A7; scrollbar-shadow-color: #202020; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #A7A7A7; } A:link{COLOR:#990000; TEXT-DECORATION: none} A:visited{COLOR:#990000; TEXT-DECORATION:none } A:HOVER {COLOR:#990000; TEXT-DECORATION:UNDERLINE} td,p,body{color:#000000;font:8pt verdana} #navlist a{display: block;color: #ffffff;background-color:#414141;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px solid #6E706D;} #navlist a:hover{color: #000000;background-color:#9B9C9A;} .header {text-align:right; font-weight:bold; color: #ffffff; text-transform:uppercase; font-size:12px; background-color:#660000; padding:3px;} </style></head> <div style="position:absolute; top:0px; left:0px;"><img src="http://i34.tinypic.com/6ok8d3.jpg"></div> <div style="position:absolute; top:8px; left:611px; width:240px; text-align:left;"> <div id="navlist">  <p class="header">Owner/Site</p> <img align="right" src="http://i35.tinypic.com/258yu14.jpg">This layout was inspired by the band Paramore. I hope you like it. Please remember to observe our terms of service when using this layout! <p> <div class="header">Navigation 1</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <p> <div class="header">Navigation 2</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> </div> <p>  <p class="header">Credits</p> <center><a href="http://www.jaraya.net" target="_blank"><img border=0 src="http://i281.photobucket.com/albums/kk219/jaraya_del/linkback1-1.gif"></a></center> <br><br>  </div> <div style="position:absolute; top:529px; left:225px; text-align:right; font-size:25px; font-weight: bold; color:#660000">  mysite[dot]com  </div> <div style="position:absolute;top:591px; left:15px; width:572px;height:250px;">  <p class="header">Terms of use</p> <ol> <li>You are not allowed to alter the images and codes and claim this layout as yours. <li>You are not allowed to remove the link back to Jaraya.Net </ol> <p class="header">Instructions</p> <ol> <li>Copy the codes and edit the place where the layout code says so. <li>Save your file as index.html or index.php depending on your preferences. <li>Enjoy your layout! </ol> <p class="header">Other Notes</p> You need to have at least basic knowledge of HTML to be able to use this layout.  </div>

Fiona Apple

Layout Code:
<head> <title>Title</title> <style> body{background:#B1B3B0 url(http://i7.photobucket.com/albums/y274/suprficial_007/fionaapple2.jpg) repeat-y; margin:0px; scrollbar-face-color: #60635F; scrollbar-track-color: #DFE0DE; scrollbar-highlight-color: #DFE0DE; scrollbar-shadow-color: #60635F; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #DFE0DE; } A:link{COLOR:#C4414F; TEXT-DECORATION: none} A:visited{COLOR:#C4414F; TEXT-DECORATION:none } A:HOVER {COLOR:#C4414F; TEXT-DECORATION:UNDERLINE} td,p,body{color:#000000;font:8pt verdana} #navlist a{display: block;color: #ffffff;background-color:#728885;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px solid #969B97;} #navlist a:hover{color: #000000;background-color:#E0D5D9;} .header {text-align:right; font-weight:bold; color: #ffffff; text-transform:uppercase; font-size:12px; background-color:#394443;padding:3px;} </style></head> <div style="position:absolute; top:0px; left:0px;"><img src="http://i7.photobucket.com/albums/y274/suprficial_007/fionaapple1.jpg"></div> <div style="position:absolute; top:428px; left:525px; width:192px; text-align:justify;"> <div id="navlist">  <p class="header">Owner/Site</p> <img align="left" src="http://i37.tinypic.com/dliyq1.jpg">Hello my name is <b>Del</b> and I made this layout inspired by Fiona Apple, one of my favorite singers. Put more things about you or about your site here! <p> <div class="header">Navigation 1</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <p> <div class="header">Navigation 2</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> </div> <p>  <p class="header">Credits</p> <center><a href="http://www.jaraya.net" target="_blank"><img border=0 src="http://i281.photobucket.com/albums/kk219/jaraya_del/linkback1-1.gif"></a></center> <br><br>  </div> <div style="position:absolute; top:526px; left:164px; text-align:right; font-size:25px; font-weight: bold; color:#394443">  mysite[dot]com  </div> <div style="position:absolute;top:580px; left:24px; width:481px;height:250px;">  <p class="header">Terms of use</p> <ol> <li>You are not allowed to alter the images and codes and claim this layout as yours. <li>You are not allowed to remove the link back to Jaraya.Net </ol> <p class="header">Instructions</p> <ol> <li>Copy the codes and edit the place where the layout code says so. <li>Save your file as index.html or index.php depending on your preferences. <li>Enjoy your layout! </ol> <p class="header">Other Notes</p> You need to have at least basic knowledge of HTML to be able to use this layout.  </div>

Layout and contents (c) Jaraya.net. Other images (c) Neopets Inc. Used with permission.