Usuki Pet Page and Site Layout

Petpage Layout: <style> body{background:url(http://i52.tinypic.com/3zzfl.jpg) repeat-y;} a:link{COLOR:#009999; TEXT-DECORATION: none; } a:visited{COLOR:#009999; TEXT-DECORATION: none; } a:hover {COLOR:#00F2F2; TEXT-DECORATION: none;} td,p,body{font-family:century gothic;color:#000000; font-size:12px } #navlist a{display: block;color:#CC3399;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; font-weight:bold; border-bottom:1px dashed #CC3399;text-transform:lowercase;font-size:12px;} #navlist a:hover{background:#FED8E8;} .header{color:#0099CC; font-weight:bold; text-align:center; text-transform:uppercase;font-family:verdana; font-size:20px;background:url(http://i51.tinypic.com/27zgoxv.jpg) no-repeat center;padding-top:12px; padding-bottom:12px;} .menu {padding:2px; color:#FF6699; font-weight:bold; text-transform:uppercase; text-align:center; font-size:25px; border-bottom:2px solid #FF6699} table { background: none;} table a img, center p { height: 0px;width: 0px; overflow: hidden;} </style> <div style="position:absolute; top:0px; left:0px; z-index:-1"> <img src="http://i55.tinypic.com/352rr6p.jpg"></div> <div style="position:absolute; top:440px; left:592px; width:220px;"> <div id="navlist"> <div class="menu">Navigation</div> <a href="#topic1">Topic 1</a> <a href="#topic2">Topic 2</a> <a href="#topic3">Topic 3</a> <a href="#topic4">Topic 4</a> <a href="#topic5">Topic 5</a> </div> <p> <p class="menu">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Credits</p> <center><a href="http://www.neopets.com/~unilone" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X151.gif"></a></center> </div> <div style="position:absolute; top:366px; left:88px; width:485px;"> <p class="header"><a name="topic1">Topic 1</a></p> Just change the "Topic 1" text to any other topic title you have! 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!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! <p class="header"><a name="topic2">Topic 2</a></p> Just change the "Topic 2" text to any other topic title you have! 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!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic3">Topic 3</a></p> Just change the "Topic 3" text to any other topic title you have! 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!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! <p class="header"><a name="topic4">Topic 4</a></p> Just change the "Topic 4" text to any other topic title you have! 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!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic5">Topic 5</a></p> Just change the "Topic 5" text to any other topic title you have! 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!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! </div> Weblayout: <title>Your Title</title> <style> body{background:url(http://i52.tinypic.com/3zzfl.jpg) repeat-y;} a:link{COLOR:#009999; TEXT-DECORATION: none; } a:visited{COLOR:#009999; TEXT-DECORATION: none; } a:hover {COLOR:#00F2F2; TEXT-DECORATION: none;} td,p,body{font-family:century gothic;color:#000000; font-size:12px } #navlist a{display: block;color:#CC3399;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; font-weight:bold; border-bottom:1px dashed #CC3399;text-transform:lowercase;font-size:12px;} #navlist a:hover{background:#FED8E8;} .header{color:#0099CC; font-weight:bold; text-align:center; text-transform:uppercase;font-family:verdana; font-size:20px;background:url(http://i51.tinypic.com/27zgoxv.jpg) no-repeat center;padding-top:12px; padding-bottom:12px;} .menu {padding:2px; color:#FF6699; font-weight:bold; text-transform:uppercase; text-align:center; font-size:25px; border-bottom:2px solid #FF6699} table { background: none;} table a img, center p { height: 0px;width: 0px; overflow: hidden;} </style> <div style="position:absolute; top:0px; left:0px; z-index:-1"> <img src="http://i55.tinypic.com/352rr6p.jpg"></div> <div style="position:absolute; top:440px; left:592px; width:220px;"> <div id="navlist"> <div class="menu">Navigation</div> <a href="#topic1">Topic 1</a> <a href="#topic2">Topic 2</a> <a href="#topic3">Topic 3</a> <a href="#topic4">Topic 4</a> <a href="#topic5">Topic 5</a> </div> <p> <p class="menu">Subject 1</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Subject 2</p> Put text here! Put text here! Put text here! Put text here!Put text here!Put text here! Put text here!Put text here!Put text here!Put text here!Put text here! <p> <p class="menu">Credits</p> <center><a href="http://www.neopets.com/~unilone" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X151.gif"></a></center> </div> <div style="position:absolute; top:366px; left:88px; width:485px;"> <p class="header"><a name="topic1">Topic 1</a></p> Just change the "Topic 1" text to any other topic title you have! 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!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! <p class="header"><a name="topic2">Topic 2</a></p> Just change the "Topic 2" text to any other topic title you have! 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!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic3">Topic 3</a></p> Just change the "Topic 3" text to any other topic title you have! 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!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! <p class="header"><a name="topic4">Topic 4</a></p> Just change the "Topic 4" text to any other topic title you have! 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!Put your text here!Put your text here! Put your text here!Put your text here!Put your text here!Put your text here! <p class="header"><a name="topic5">Topic 5</a></p> Just change the "Topic 5" text to any other topic title you have! 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!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! </div>

Back to Neopets Themed Pet Page and Site Layouts