Towairaito Graphics | A Neopets Layouts & Resource Site!

Cardcaptor Sakura Petpage Layouts

Click the thumbnails for larger previews.
Title: Cardcaptors
Last updated: 1|27|2010
<style>
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-t.png" id="idt" style="position:absolute;">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-b.png" id="idtalt" style="position:absolute;">
<style>
#content{top:614px;left:0px;background-color:none;z-index:4;}
#idt{top:0px;left:0px;width:1000px;height:274px;}
#idtalt{top:1355px;left:0px;width:1000px;height:119px;}
#dt{top:260px;left:105px;width:592px;height:1097px;overflow:auto;}
#dt2{top:260px;left:710px;width:185px;height:1097px;}
#dt3{top:218px;left:88px;width:826px;height:20px;text-align:center;filter:Alpha(Opacity=70);opacity:0.7;}
table,.trmap{background:transparent;}
font.sf,.hold{visibility:hidden;}
body{scrollbar-face-color:#F3E18E;
scrollbar-shadow-color:#F3E18E;
scrollbar-highlight-color:#F3E18E;
scrollbar-3dlight-color:#F3E18E;
scrollbar-darkshadow-color:#F3E18E;
scrollbar-track-color:#F3E18E;
scrollbar-arrow-color:#fff;
background-color:#F8F1C3;
overflow-x:hidden;
background-image:url('http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-bg.png');background-repeat:repeat-y;}
td,p,font,.contain{font:9px Georgia;color:#EA8F00;}
.Tabbot b{color:#8F4803;}
.Head2{background-color:#EA991A;font-family:Arial;font-size:9pt;color:#fff;text-align:center;font-weight:bold;letter-spacing:2px;text-transform:uppercase;border-bottom:1px dotted #EA8F00;padding-top:3px;padding-bottom:3px;width:590px;height:15px;filter:Alpha(Opacity=40);opacity:0.4;}
.Head{background-color:#F0C45F;border-bottom:1px dotted #EA8F00;color:#F8EDBB;font:8pt Arial;letter-spacing:2px;text-transform:uppercase;text-align:center;display:block;padding-top:1px;padding-bottom:1px;width:185px;height:15px;}
.Tabbot{background-color:#F6E9AB;color:#615B41;font:9px Georgia;text-align:center;padding-top:5px;padding-bottom:5px;width:185px;}
.Tabbot2{background-color:#F6E9AB;color:#615B41;font:9px Arial;text-align:left;padding-top:5px;padding-bottom:5px;width:590px;border-bottom:1px dotted #EA8F00;}
.fl{float:left;margin-right:10px;margin-left:10px;}
a:link,a:visited,a:active,a:hover{color:#EA8F00;font:7pt Verdana;font-weight:bold;text-decoration:none;text-transform:uppercase;letter-spacing:2px;}
</style>
<div id="dt3" style="position:absolute;">
<a href="/addpet.phtml">Create a Pet </a><a href="/petcentral.phtml">Pet Central </a><a href="/explore.phtml">Explore </a><a href="/gameroom.phtml">Games </a><a href="/neomessages.phtml">Neomail </a><a href="/objects.phtml">Shops </a><a href="/neoboards/index.phtml">Boards </a><a href="/nf.phtml">News </a><a href="/stuff.phtml">Stuff </a><a href="/help.phtml">Help </a>
</div>

<div id="dt2" style="position:absolute;">
<div class="Head"><b>About Me</b></div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Location:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Grade:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b> Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head"><b>About My Pet</b></div>
<div class="Tabbot">
<b>Name:</b> Insert text.<br>
<b>Birthday:</b> Insert text.<br>
<b>Age:</b> Insert text.<br>
<b>Gender:</b> Insert text.<br>
<b>Likes:</b> Insert text.<br>
<b>Dislikes:</b>Insert text.<br>
<b>Other:</b> Insert text.<br>
</div><br>

<div class="Head"><b>Spare Box</b></div>
<div class="Tabbot">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout.<br><br>
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div><br>

<div class="Head"><b>Spare Box 2</b></div>
<div class="Tabbot">
This is a spare text box for any other information you would like to give. Copy this entire paragraph (code chunk) to create multiple boxes just like this one. Paste them directly beneath this paragraph and they will appear in the right column of the layout.<br><br>
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div><br>

<div class="Head"><b>Spare Box 3</b></div>
<div class="Tabbot">
<div class="link">
You can create more text boxes for your right hand column by copying this code, but be careful. Your height limit is 1097px. If you exceed that limit, you'll create an ugly scroll. D=
</div></div>

</div><div id="dt" style="position:absolute;">

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-av1.png" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.<br><br>
Please remember, your height limit is 1097px. If your text boxes exceed that total, they will cause an ugly scroll to appear and your boxes will distort themselves. D=<br><br>
Because of Neopets recent Petpage changes, you must not click a 'Save Changes' button after viewing a preview of your layout. Changes have been made to all of Towai's code so that this bottom becomes visible for you. It should appear on the left hand side of the layout, a ways down. Once you've made your changes and like how everything appears, click the botton. The button will not show up in your final layout.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-av2.png" class="fl">
This layout features Sakura & Lee from Cardcaptors. This layout was made entirely by Dark at Towairaito-Graphics. No part of this layout (I.e. code or images) may be reproduced to create your own version, without permission. Failure to inform myself before you use any of this material in any such way will result in an immediate report to TNT or other authoritative figure.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-av1.png" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><br>

<div class="Head2">Saturday, April 12, 2008</div>
<div class="Tabbot2">
<img src="http://img.photobucket.com/albums/v368/darkwater657/petp/ccs-av2.png" class="fl">
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
This is one of your major text boxes for things such as updates or otherwise. Feel free to copy this entire paragraph and paste it as a new paragraph to create multiple boxes. This is useful for things such as archived updates. Also, please remember that your text will automatically wrap around the icon. Again, you don't need to do anything special to activate this effect.
<br style="clear: both;"/></div><br>

<div id="content" style="position:absolute;">
Back to the petpage layouts.
site

neopets layouts

graphics

resources

miscellaneous

affiliates

topsites

copyright
