Thanksgiving Pet Page and Site Layout

Pet Page: <style> body{background:#FAD483 url(http://i189.photobucket.com/albums/z152/pixelsdelight0pex/thanksgivingpetpage2.jpg) repeat-y; } a:link{COLOR:#587500; TEXT-DECORATION: none} a:visited{COLOR:#587500; TEXT-DECORATION:none } a:hover {COLOR:#587500; TEXT-DECORATION:UNDERLINE} td,p,body{color:#D9AE21;font:8pt verdana} #navlist a{display: block;color: #F8D289;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px dotted #894E12; background-color:#D2771C;} #navlist a:hover{ background-color:#F0BF8E; color:#894E12;} .header {color:#804A15; padding:2px; font-weight:bold; text-transform:uppercase; text-align:left; font-size:20px; text-transform:uppercase; font-family:courier new; border-bottom:1px dotted #804A15; background-color:#EAB682 } 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://i189.photobucket.com/albums/z152/pixelsdelight0pex/thanksgivingpetpage1.jpg"></div> <div style="position:absolute; top:584px; left:106px; width:189px; text-align:left;"> <div id="navlist"> <div class="header">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> <p> </div> <br> <p class="header">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="header">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="header">Credits</p> <center><a href="http://www.neopets.com/~unilone" target="_blank"><img border=0 src="http://i281.photobucket.com/albums/kk219/jaraya_del/linkback1-1.gif"></a></center> <p> </div> <div style="position:absolute; top:570px; left:308px; width:495px; text-align:justify;"> <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> Web Layout: <title>Your title</title> <style type="text/css"> body{background:#FAD483 url(http://i189.photobucket.com/albums/z152/pixelsdelight0pex/thanksgivingpetpage2.jpg) repeat-y; margin:0px; scrollbar-face-color: #F8B936; scrollbar-track-color: #FDEAC4; scrollbar-highlight-color: #FDEAC4; scrollbar-shadow-color: #F8B936; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #FDEAC4; } A:link{COLOR:#587500; TEXT-DECORATION: none} A:visited{COLOR:#587500; TEXT-DECORATION:none } A:HOVER {COLOR:#587500; TEXT-DECORATION:UNDERLINE} td,p,body{color:#D9AE21;font:8pt verdana} #navlist a{display: block;color: #F8D289;padding:2px 0px 2px 5px;text-decoration: none;text-align:left; border-bottom:1px dotted #894E12; background-color:#D2771C;} #navlist a:hover{ background-color:#F0BF8E; color:#894E12;} .header {color:#804A15; padding:2px; font-weight:bold; text-transform:uppercase; text-align:left; font-size:20px; text-transform:uppercase; font-family:courier new; border-bottom:1px dotted #804A15; background-color:#EAB682 } </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i189.photobucket.com/albums/z152/pixelsdelight0pex/thanksgivingpetpage1.jpg"></div> <div style="position:absolute; top:584px; left:106px; width:189px; text-align:left;"> <div id="navlist"> <div class="header">Navigation</div> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <a href="#">Link</a> <p> </div> <br> <p class="header">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="header">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="header">Credits</p> <center><a href="http://neo-faeriewings.co.nr" target="_blank"><img border=0 src="http://i281.photobucket.com/albums/kk219/jaraya_del/linkback1-1.gif"></a></center> <p> </div> <div style="position:absolute; top:570px; left:308px; width:495px; text-align:justify;"> <p class="header">Topic 1</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">Topic 2</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">Topic 3</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">Topic 4</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">Topic 5</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>

Share |