Panda Pet Page and Site Layout

Pet Page: <style> body{background:#DCC090 url(http://i7.photobucket.com/albums/y274/suprficial_007/animal10petpage2.jpg) repeat-y; } td,p,body {color:#000000;font:8pt bookman old style,verdana} a:link{COLOR:#618248; TEXT-DECORATION: none; } a:visited{COLOR:#618248; TEXT-DECORATION:none ;} a:hover {COLOR:#618248; TEXT-DECORATION:UNDERLINE; } #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block; color: #506951; padding:2px 2px 2px 15px; text-decoration: none; text-align:left; border-bottom:1px solid #DCC090;background-color:#85A386; border-left:5px solid #BACBBB} #navlist a:hover{background-color:#ffffff ; } .header {text-align:right; font-weight:bold; color:#6A8E6C; text-transform:uppercase;font-size:12px; background-color:#BACBBB; padding:2px;} 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://i7.photobucket.com/albums/y274/suprficial_007/animal10petpage1.jpg" ></div> <div style="position:absolute; top:480px; left:146px; width:170px; 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://petpages.neopets.com/~_saellys592_78" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif" width="88" height="31"></a></center> <p> </div> <div style="position: absolute; top: 480; left: 330; width: 410;"> <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 Site</title> <style type="text/css"> body{background:#DCC090 url(http://i7.photobucket.com/albums/y274/suprficial_007/animal10petpage2.jpg) repeat-y; margin:0px; scrollbar-face-color: #B78839; scrollbar-track-color: #F5EEE0; scrollbar-highlight-color: #F5EEE0; scrollbar-shadow-color: #B78839; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #F5EEE0; } td,p,body {color:#000000;font:8pt bookman old style,verdana} A:link{COLOR:#618248; TEXT-DECORATION: none; } A:visited{COLOR:#618248; TEXT-DECORATION:none ;} A:HOVER {COLOR:#618248; TEXT-DECORATION:UNDERLINE; } #navlist ul{margin: 0;padding: 0;list-style-type: none; font-weight:bold; } #navlist li { margin: 0 ; } #navlist a{display: block; color: #506951; padding:2px 2px 2px 15px; text-decoration: none; text-align:left; border-bottom:1px solid #DCC090;background-color:#85A386; border-left:5px solid #BACBBB} #navlist a:hover{background-color:#ffffff ; } .header {text-align:right; font-weight:bold; color:#6A8E6C; text-transform:uppercase;font-size:12px; background-color:#BACBBB; padding:2px;} </style> <div style="position:absolute; top:0px; left:0px;"> <img src="http://i7.photobucket.com/albums/y274/suprficial_007/animal10petpage1.jpg" ></div> <div style="position:absolute; top:480px; left:146px; width:170px; text-align:left;"> <div id="navlist"> <div class="header">Navigation</div> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> <a href="#">Link 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://neo-faeriewings.we.bs" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif" width="88" height="31"></a></center> <p> </div> <div style="position: absolute; top: 480; left: 330; width: 410;"> <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 |