van Pet pagina
- Code:
<img src="http://www.thegraphicbin.com/pethomepage/img/Forest.jpg">
<body bgcolor="#000000">
<div style="overflow: auto; top: 50px; left: 680px; width: 320px; height: 950px; position: absolute; scrollbar-highlight-color:#3366FF; scrollbar-arrow-color:#FFFFFF; scrollbar-shadow-color:#3366FF; scrollbar-track-color:#3366FF; scrollbar-3dlight-color:#000000; scrollbar-face-color:#3366FF; scrollbar-darkshadow-color:#3366FF; filter:chroma(color=#3366FF)"><font color="FFFFFF">
Text here...
</font></div>
- Code:
<img src="http://www.thegraphicbin.com/pethomepage/img/Fantasypetpage.jpg">
<body bgcolor="#000000">
<div style="overflow: auto; top: 220px; left: 390px; width: 420px; height: 830px; position: absolute; scrollbar-highlight-color:#3366FF; scrollbar-arrow-color:#FFFFFF; scrollbar-shadow-color:#3366FF; scrollbar-track-color:#3366FF; scrollbar-3dlight-color:#000000; scrollbar-face-color:#3366FF; scrollbar-darkshadow-color:#3366FF; filter:chroma(color=#3366FF)"><font color="000000">
Text here...
</font></div>
If you want to add somthing extra and it does not fit in the box then you can do that here:
<br><br>
I made the picture so that is looks normal if you do ^_^
- Code:
<style />
center{z-index:100;position:absolute;top:0px;left:0px;}
table, .sf{
display: none;}
body {background: url('http://www.thegraphicbin.com/pethomepage/img/royal_lupe_petpage_bg'); }
body, div, a {
font: 12pt arial;
color:#850a0c;
text-align:center;
margin-bottom:2px;}
a:link, a:active, a:visited {
text-decoration:none;
color:#1e1e5a;}
a:hover {
color:#000000;}
b {
font: 12pt arial;
color:#1e1e5a;
font-weight:bold}
#img{
position:absolute;
left:0px;
top:0px;
z-index:0;
padding:0px;
margin:0px;
width: 867px;
height: 323px;}
#data{
position:absolute;
left:90px;
top:315px;
width:700px;
overflow:none;
z-index:2;
padding:0px;
margin:0px;}
</style />
<img src="http://www.thegraphicbin.com/pethomepage/img/royal_lupe_petpage.jpg" id="img" width="867" height="323">
<div id="data">
<h2>Welcome Friends!</h2>
I'm so <i>happy</i> you stopped by, #OWNERLOOKUP and I have been expecting you :)<br>
Here is where you can put all the information about your <b>pet</b>.
<br /><br />
<h2>A photo of Yours Truly</h2>
<img src='#PHOTO' width=200 height=200 border=0>
<br /><br />
<h2>My Accomplishments</h2>
Now I get to tell you all about the things that I have done so far! <br>
I have read # books.. bet you haven't read that many! Here they all are:<br><br>
<img src="http://images.neopets.com/items/book_pteridoll.gif">
<img src="http://images.neopets.com/items/bk_tusk_2.gif">
<img src="http://images.neopets.com/items/book_chomby_1.gif"><br><br>
<h2>My Goals</h2>
Here are all the things that I still want to do:
<br><br>
~ read more books<br>
~ get painted pink<br>
~ eat more rare food<br>
<br><br>
Please don't delete the following credit :)<br>
<a href="/~thegraphicbin"><img src="http://www.thegraphicbin.com/img/layoutby.png" border="0"></a></div>
- Code:
<style />
center{z-index:100;position:absolute;top:0px;left:0px;}
table, .sf{
display: none;}
body {background: url('http://www.thegraphicbin.com/pethomepage/img/peach_chia_petpage_bg.jpg'); }
body, div, a {
font: 12pt arial;
color:#38b23b;
text-align:center;
margin-bottom:2px;}
a:link, a:active, a:visited {
text-decoration:none;
color:#764395;}
a:hover {
color:#af4a75;}
b {
font: 12pt arial;
color:#ba5cd4;
font-weight:bold}
#img{
position:absolute;
left:0px;
top:0px;
z-index:0;
padding:0px;
margin:0px;
width: 867px;
height: 323px;}
#data{
position:absolute;
left:100px;
top:315px;
width:700px;
overflow:none;
z-index:2;
padding:0px;
margin:0px;}
</style />
<img src="http://www.thegraphicbin.com/pethomepage/img/peach_chia_petpage.jpg" id="img" width="867" height="323">
<div id="data">
<h2>Welcome Friends!</h2>
I'm so <i>happy</i> you stopped by, #OWNERLOOKUP and I have been expecting you :)<br>
Here is where you can put all the information about your <b>pet</b>.
<br /><br />
<h2>A photo of Yours Truly</h2>
<img src='#PHOTO' width=200 height=200 border=0>
<br /><br />
<h2>My Accomplishments</h2>
Now I get to tell you all about the things that I have done so far! <br>
I have read # books.. bet you haven't read that many! Here they all are:<br><br>
<img src="http://images.neopets.com/items/book_pteridoll.gif">
<img src="http://images.neopets.com/items/bk_tusk_2.gif">
<img src="http://images.neopets.com/items/book_chomby_1.gif"><br><br>
<h2>My Goals</h2>
Here are all the things that I still want to do:
<br><br>
~ read more books<br>
~ get painted pink<br>
~ eat more rare food<br>
<br><br>
Please don't delete the following credit :)<br>
<b>Get your petpage layout at thegraphicbin.com</b><br><br>
</div>
- Code:
<style />
center{z-index:100;position:absolute;top:0px;left:0px;}
table, .sf{display: none;}
body {background: url(?http://www.thegraphicbin.com/pethomepage/img/2mdm8hl.jpg?); }
body, div, a {font: 12pt arial;color: #570269;text-align:center;margin-bottom:2px;}
a:link, a:active, a:visited {text-decoration:none;color:#000000;}
a:hover {color: #D901AE;}
b {font: 12pt arial;color: #D901AE;font-weight:bold}
h1{color:#000000;font:25pt verdana;padding-bottom: 0px;border-bottom: 3px solid #D901AE;margin-bottom: 3px; line-height: .5}
h2{color: #D901AE;font:15pt verdana;padding-bottom: 0px;border-bottom: 0px solid;margin-bottom: 3px;}
#img{
position:absolute;
left:0px;
top:0px;
z-index:0;
padding:0px;
margin:0px;
width: 867px;
height: 323px;}
#data{
position:absolute;
left:100px;
top:250px;
width:700px;
overflow:none;
z-index:2;
padding:0px;
margin:0px;}
</style />
<img src="http://www.thegraphicbin.com/pethomepage/img/2nuon11.jpg" id="img" width="867" height="323">
<div id="data"><P>
<h1>Welcome Friends!</h1>
I'm so <i>happy</i> you stopped by, #OWNERLOOKUP and I have been expecting you :)<br>
Here is where you can put all the information about your <b>pet</b>.
<br /><br />
<h1>My Accomplishments</h1>
Now I get to tell you all about the things that I have done so far! <br>
I have read # books.. bet you haven't read that many! Here they all are:<br><br>
<img src="http://images.neopets.com/items/book_pteridoll.gif">
<img src="http://images.neopets.com/items/bk_tusk_2.gif">
<img src="http://images.neopets.com/items/book_chomby_1.gif"><br><br>
<h1>My Goals</h1>
Here are all the things that I still want to do:
<br><br>
~ read more books<br>
~ get painted pink<br>
~ eat more rare food<br>
<br><br>
Please don't delete the following credit :)<br>
<b>Get your petpage layout at thegraphicbin.com</b><br><br>
</div>
