https://wiki.bakabt.me/api.php?action=feedcontributions&user=Deysmacro&feedformat=atom
BakaBT Wiki - User contributions [en]
2024-03-28T19:17:14Z
User contributions
MediaWiki 1.39.6
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=2062
Offer Templates
2010-01-11T10:45:55Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Simple HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple ChalamiuS HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 400px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 400px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Generic Revision-2 Anime Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><head><br />
<br />
<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script><br />
<script type="text/javascript"><br />
$(function() {<br />
var settings = {<br />
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',<br />
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',<br />
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',<br />
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',<br />
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',<br />
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',<br />
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',<br />
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',<br />
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',<br />
containerResizeSpeed: 350 };<br />
$('#gallery a').lightBox(settings);<br />
}); <br />
</script><br />
<br />
<style type="text/css"><br />
/* -| general info |-<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* I also can help you guys with the template. I will help whenever I can.<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 1.0.12 generic revision-2 anime template<br />
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8<br />
*<br />
*<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12<br />
*<br />
* -| end |- */<br />
<br />
/* -| Info you should know |-<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -| end |- */<br />
<br />
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }<br />
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }<br />
#jquery-lightbox a img { border: none; }<br />
#lightbox-container-image-box-top { width: 100%; }<br />
#lightbox-container-image-box-top-left { width: 10%; height: 1px; position: relative; margin: 0 auto; float: left; z-index: 10; display: inline; text-align: left; }<br />
#lightbox-container-image-box-top-middle { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; z-index: 5; display: inline; }<br />
#lightbox-container-image-box-top-middle div.progress { width: 80%; padding-top: 5px; height: 5px; position: relative; margin: 0 auto 0 0px; float: left; background-color: #e4e4e4; z-index: 5; display: inline; }<br />
#lightbox-container-image-box-top-right { width: 10%; height: 1px; position: relative; margin: 0 auto; float: right; text-align: right; z-index: 10; display: inline; }<br />
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }<br />
#lightbox-container-image { height: 100%; padding: 10px; }<br />
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }<br />
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }<br />
#lightbox-container-image-box > #lightbox-nav { left: 0; }<br />
#lightbox-nav a { outline: none; }<br />
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }<br />
#lightbox-nav-btnPrev { left: 0; float: left; }<br />
#lightbox-nav-btnNext { right: 0; float: right; }<br />
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; text-align: left; }<br />
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }<br />
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }<br />
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }<br />
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text<br />
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }<br />
<br />
p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }<br />
<br />
.div1 { text-align: center; padding: 5px 10px 5px 10px; *padding: -25px 10px -25px 10px; margin:0px; *margin: 5px 10px 5px 10px; background-color: #F5E8E0; border:1px solid #EFD5BE; }<br />
.div2 { margin-top: 15px; }<br />
.div3 { margin-top: 10px; }<br />
.div4 { *padding: 10px; }<br />
<br />
fieldset { border: 1px solid #CEB0D6; }<br />
<br />
.legend1 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 250px; *padding: 5px 270px; padding: 5px 193px;] } <br />
.legend2 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 255px; *padding: 5px 275px; padding: 5px 200px;] } <br />
.legend3 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 144px; padding: 5px 142px;] } <br />
.legend4 { color: #710000; text-align: center; text-shadow: #fff -2px -2px 2px; font-weight: bold; background: #E2D5E6; border: 1px solid #CEB0D6; padding: 5px 235px; padding: 5px 222px;] } <br />
<br />
#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }<br />
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }<br />
<br />
body { background-color: #FCF3F4; }<br />
<br />
.tr1 { background-color:#F5E8E0; }<br />
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }<br />
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<table width='100%'><br />
<tr><br />
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td><br />
<td><br />
<fieldset><legend class=legend1>SERIES INFORMATION</legend><br />
<table width=100% cellpadding=5px cellspacing=5px><br />
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr><br />
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr><br />
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで デイジー</td></tr><br />
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr><br />
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr><br />
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr><br />
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr><br />
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr><br />
<tr class=tr1><td class=td1>References:</td><br />
<td class=td2><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |<br />
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a><br />
</td></tr><br />
</table><br />
</fieldset><br />
<div class=div2><br />
<fieldset><legend class=legend2>FILE INFORMATION</legend><br />
<table width=100% cellpadding=5px cellspacing=5px><br />
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr><br />
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr><br />
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr><br />
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr><br />
</table><br />
</fieldset><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td width=30%><br />
<div class=div3><br />
<fieldset><legend class=legend3>SYNOPSIS</legend><br />
<div class=div1><p>Surrounded only by his inventions, Techno doesn't really interact with other people much. However, one day, a girl attempts to "break into" his fortress. This hapless passerby, a girl named Hitomi, becomes the object of his affection. Techno decides to name her "Daisy," and begins planning to make her his, but can Annie and Yamakawa X protect Hitomi or will the science nerd Techno win Hitomi's heart?</p></div><br />
</fieldset><br />
</div><br />
</td><br />
<td><br />
<div class=div3><br />
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery><br />
<a href='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img706.imageshack.us/img706/5193/dontleavemealonedaisy01.th.png' border='0'/></a><br />
<a href='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img687.imageshack.us/img687/5193/dontleavemealonedaisy01.th.png' border='0'/></a><br />
<a href='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.png' ><img id=img2 src='http://img192.imageshack.us/img192/5193/dontleavemealonedaisy01.th.png' border='0'/></a><br />
</div></div></fieldset><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</body></html><br />
</pre><br />
<br />
Sample template image: [http://img63.imageshack.us/img63/7550/seriesmisutenaidedaisyd.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===Simple ChalamiuS OST Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1881
Offer Templates
2009-09-16T05:52:11Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Simple HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple ChalamiuS HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 400px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 400px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===Simple ChalamiuS OST Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1880
Offer Templates
2009-09-16T05:51:34Z
<p>Deysmacro: /* Generic Anime Template - Light Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Simple HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple ChalamiuS HTML Anime Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 400px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===Simple ChalamiuS OST Template===<br />
----<br />
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1856
Offer Templates
2009-09-01T10:50:57Z
<p>Deysmacro: /* JS Alternative Anime Template - Editing Friendly Edition (original) */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here; use jpg format for loading performance */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1855
Offer Templates
2009-09-01T10:33:28Z
<p>Deysmacro: /* JS Alternative Anime Template - Editing Friendly Edition (original) */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible; use jpg format for loading performance <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1776
Offer Templates
2009-08-10T04:04:49Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (templatized)===<br />
----<br />
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1775
Offer Templates
2009-08-10T03:58:55Z
<p>Deysmacro: /* JS Alternative Anime Template - Editing Friendly Edition */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition (original)===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1762
Offer Templates
2009-08-07T01:59:39Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- 320px max width recommended --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1761
Offer Templates
2009-08-07T01:58:55Z
<p>Deysmacro: /* Generic Anime Template - Light Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- 320px max width recommended --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1715
Offer Templates
2009-07-27T01:48:11Z
<p>Deysmacro: /* JS Alternative - Editing Friendly Edition */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- picture height should be 400px max --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative Anime Template - Editing Friendly Edition===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1714
Offer Templates
2009-07-27T01:28:38Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- picture height should be 400px max --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative - Editing Friendly Edition===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1713
Offer Templates
2009-07-27T01:26:51Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- picture height should be 400px max --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===JS Alternative - Editing Friendly Edition===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<br />
<script language="javascript" purpose="User definitions"><br />
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */<br />
<br />
function dcw(input)<br />
{ document.write(input); }<br />
useredit = new Object();<br />
related = new Object();<br />
<br />
related.anime_list = new Array();<br />
related.ost_list = new Array();<br />
related.pics_list = new Array();<br />
<br />
function add_related(type, title, href)<br />
{ var tmp_list;<br />
switch (type) {<br />
case "anime": target_list = related.anime_list; <br />
break;<br />
case "ost" : target_list = related.ost_list;<br />
break;<br />
case "pics": target_list = related.pics_list;<br />
break; }<br />
<br />
tmp_item = new Object();<br />
<br />
tmp_item.title = title;<br />
tmp_item.href = href;<br />
<br />
target_list.push(tmp_item);<br />
}<br />
<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */<br />
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
<br />
<br />
useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";<br />
<br />
<br />
useredit.maintitle="Panda Kopanda";<br />
useredit.officialtitle="Panda! Go Panda";<br />
useredit.japanesetitle="パンダコパンダ ";<br />
useredit.year="1972 & 1973";<br />
useredit.episodes="2 combined into 1";<br />
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";<br />
useredit.director="Isao Takahata";<br />
useredit.production="Shunzo Kato";<br />
<br />
<br />
/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */<br />
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";<br />
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";<br />
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";<br />
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";<br />
<br />
<br />
useredit.synopsis=<br />
"Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br><br>The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br><br>A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie. <br><br>The literal translation of the title Panda Kopanda is 'Panda, Baby Panda', but it's been released in North America as Panda Go Panda.";<br />
<br />
<br />
useredit.fansub="<b>No Information</b>";<br />
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";<br />
<br />
<br />
useredit.srcs_left="";<br />
useredit.srcs_right="DVD";<br />
<br />
<br />
useredit.vids_left="DIVX";<br />
useredit.vids_right="704X544";<br />
<br />
<br />
useredit.auds_left="JP";<br />
useredit.auds_right="MP3 24KHZ";<br />
<br />
<br />
useredit.subs_left="EN";<br />
useredit.subs_right="HARD";<br />
<br />
<br />
useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";<br />
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";<br />
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("anime", "Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]", "http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html");<br />
add_related("anime", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of links; means that the link could be add or remove at your will; the link here would be dynamically generated accordingly <-------------------------------------| note |-- */<br />
add_related("ost", "No related link", "#");<br />
add_related("ost", "Dummy link", "#");<br />
<br />
<br />
/* --> this is an array of pics; means that the pics could be add or remove at your will; the pics here would be dynamically generated accordingly; 320px max width if possible <| note |-- */<br />
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");<br />
add_related("pics", "#", "http://img30.imageshack.us/img30/5740/pandakopanda5.png");<br />
<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */<br />
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */<br />
</script><br />
<br />
<br />
<!-- multi picture presentation scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script><br />
<br />
<br />
<style type="text/css"><br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---<br />
* Thanks To : kureshii, Jarudin<br />
* Thanks Also To : enginarc, DaggerLite, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : PUT YOUR NICK HERE<br />
*<br />
* Template Version : 3.2.2.1 js alternative - editing friendly edition<br />
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. <br />
*<br />
* Hopefully you enjoy using this template<br />
* Thank you for your time and good day.<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */<br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--<br />
<br />
Note:<br />
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.<br />
2. I will put edit hint at critical point only where the edit usually doesn't need to be done unless the generated page is somehow not quite right.<br />
3. Just find any 'edit point xx of xx' for quick edit target.<br />
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.<br />
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.<br />
6. Go directly to bottom to edit the screenshot img links.<br />
<br />
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 6px;<br />
margin-bottom: 0px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */<br />
<br />
<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
<br />
/* --| div which holds divpic and divtab |-- */ <br />
<br />
.divwhole {<br />
margin: 23px 0px 20px 0px;<br />
padding: 0px;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
height: 460px; /* this height only need to be adjusted when necessary only */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */<br />
<br />
<br />
*margin: 35px 0px -5px 0px;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| div which holds the pics |-- */ <br />
<br />
.divpic {<br />
margin: 0px 0px 0px 20px;<br />
padding: 0px;<br />
<br />
*margin: -25px -365px 0px 20px;<br />
}<br />
<br />
/* --| end |--------------------------------------- */ <br />
/* --| div which holds the tab container |-- */ <br />
<br />
.divtab {<br />
margin: -450px 0px 0px 360px;<br />
padding: 0px;<br />
width: 560px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| body styling |-- */ <br />
<br />
body {<br />
background: #131313;<br />
<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some new and fresh background? change it here */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */<br />
<br />
<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E;<br />
height:auto;<br />
}<br />
<br />
/* --| end |----------------- */ <br />
<br />
<br />
/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */<br />
/* --> the tab container settings are not meant to be adjusted unless you know what are you doing or you are just want to play with the settings <-----| note |-- */<br />
<br />
/* Layout helpers ----------------------------------*/<br />
.ui-helper-hidden { display: none; }<br />
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }<br />
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }<br />
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }<br />
.ui-helper-clearfix { display: inline-block; }<br />
/* required comment for clearfix to work in Opera \*/<br />
* html .ui-helper-clearfix { height:1%; }<br />
.ui-helper-clearfix { display:block; }<br />
/* end clearfix */<br />
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }<br />
<br />
/* Component containers ----------------------------------*/<br />
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }<br />
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }<br />
.ui-widget-content { border: 1px solid #dddddd; background: #F6FAFD url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #eeeeee; }<br />
.ui-widget-content a { color: #333333; }<br />
.ui-widget-header { border: 1px solid #CCCCCC; background: #EEEEFF url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #F6FAFD; font-weight: bold; }<br />
.ui-widget-header a { color: #F6FAFD; }<br />
<br />
/* Interaction states ----------------------------------*/<br />
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; }<br />
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }<br />
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; }<br />
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }<br />
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #CCCCCC; background: #F6FAFD url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; }<br />
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }<br />
<br />
/* Tabs ----------------------------------*/<br />
.ui-tabs { padding: .2em; zoom: 1; }<br />
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }<br />
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }<br />
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }<br />
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }<br />
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } <br />
<br />
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */<br />
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }<br />
.ui-tabs .ui-tabs-hide { display: none !important; }<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */<br />
<br />
<br />
/* --| message bar positioning control |-- */<br />
<br />
.overlap1 {<br />
height: 32px;<br />
z-index: 2;<br />
position: relative;<br />
margin: 0px 0px -16px 0px;<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| message bar styling |-- */ <br />
<br />
.note {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px 0px 5px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
<br />
.note2 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 5px 0px 0px 0px;<br />
padding: 5px;<br />
display: block;<br />
}<br />
<br />
/* --| end |-------------------------------------- */ <br />
/* --| list styling |-- */ <br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
}<br />
<br />
.divlist {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| http link styling |-- */ <br />
<br />
a:hover {<br />
color: #854C9E;<br />
}<br />
<br />
/* --| end |------------------- */ <br />
/* --| paragraph styling |-- */ <br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
}<br />
<br />
/* --| end |------------- */ <br />
/* --| table styling |-- */ <br />
<br />
td {<br />
vertical-align: left middle;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| label styling |-- */ <br />
<br />
.label {<br />
color: #854C9E;<br />
width: 17%; <br />
text-align: right;<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
}<br />
<br />
/* --| end |------------ */ <br />
/* --| text styling |-- */ <br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
}<br />
<br />
<br />
.text:hover {<br />
color: red;<br />
}<br />
<br />
/* --| end |--------------------------- */ <br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color: #EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 0px; <br />
padding: 6px; <br />
width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
}<br />
<br />
/* --| end |--------------------------------------------- */<br />
/* --| pics holder styling |--------------------------- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden <br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px;<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| background box styling |--------------------------- */<br />
<br />
/*<br />
.rounded1 {<br />
background-color: #EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
*/<br />
<br />
.rounded2 {<br />
background-color: #EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
}<br />
<br />
.rounded3 {<br />
background-color: #EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
*padding: 0px 10px 0px 10px;<br />
}<br />
/* --| end |--------------------------------------------- */<br />
<br />
</style><br />
<br />
<!-- multi picture presentation timing control --><br />
<script type="text/javascript"> <br />
$('#slideshow').cycle({ <br />
fx: 'all', <br />
timeout: 5000, <br />
speed: 1000 <br />
}); <br />
</script> <br />
<br />
<!-- message bar timing control 1 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note1").fadeOut("slow", function () {<br />
$("#note1").remove();<br />
});<br />
<br />
}, 5000);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 2 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$('#note2').hide();<br />
setTimeout(function(){<br />
$("#note2").fadeIn("slow", function () {<br />
$("#note2").show();<br />
});<br />
<br />
}, 4990);<br />
});<br />
</script><br />
<br />
<!-- message bar timing control 3 of 3 --><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
setTimeout(function(){<br />
$("#note3").fadeOut("slow", function () {<br />
$("#note3").remove();<br />
});<br />
<br />
}, 10000);<br />
});<br />
</script><br />
<br />
<!-- tab container fx control --><br />
<script type="text/javascript"><br />
$(function() {<br />
$("#tabs").tabs({ fx: { opacity: 'toggle' } });<br />
var fx = $('.selector').tabs('slow', 'fx');<br />
});<br />
</script><br />
<br />
</head><br />
<body> <br />
<!-- advanced user only - body section - NO EDIT GUIDES as i have made it to the point where it is already ready out of the box; basically there is no need to further customized it anymore --><br />
<br />
<br />
<div class="overlap1"><br />
<div id="note3"><br />
<div id="note2" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.<br />
</div><br />
</div><br />
<div id="note1" class="note"><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;If this message does not go away, means that Javascripts support is disabled or this page loads improperly. <br />
Enable Javascripts support and/or refresh this page to see if it helps.<br />
</div><br />
</div><br />
<br />
<div class="outer2"><br />
<div class="inner"><script>dcw(useredit.heading);</script></div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td><br />
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td><br />
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divwhole"><br />
<br />
<div class="divpic"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><td><br />
<div id="slideshow" class="pics"></div><br />
<script language="javascript" purpose="Print related pics"><br />
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }<br />
</script><br />
</td></tr><br />
</table><br />
</div><br />
<br />
<div class="divtab"><br />
<div id="tabs"><br />
<ul><br />
<li><a href="#tabs-1">Series Information</a></li><br />
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li><br />
<li><a href="#tabs-3">Synopsis</a></li><br />
</ul><br />
<br />
<div id="tabs-1"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<br />
<td class="text"><div class="rounded2"><br />
<a id="link_anidb" target="_blank">AniDB</a> | <br />
<a id="link_animenfo" target="_blank">AnimeNFO</a> | <br />
<a id="link_ann" target="_blank">ANN</a> | <br />
<a id="link_officialpage" target="_blank">Official Page</a><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-2"><br />
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%"><br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:</div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td><br />
</tr><br />
<tr><br />
<td><br>&nbsp;<br></td><br />
<td><br><hr><br></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related anime"><br />
for (i in related.anime_list)<br />
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<div class="divlist"><br />
<script language="javascript" purpose="Print related ost"><br />
for (i in related.ost_list)<br />
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }<br />
</script><br />
</div><br />
</ul><br />
</div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<br />
<div id="tabs-3"><br />
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%"><br />
<tr><br />
<td><div class="rounded3"><br />
<p><br />
<script>dcw(useredit.synopsis);</script><br />
</p><br />
</div></td><br />
</tr><br />
</table><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
</body><br />
<br />
<!-- reference link text replacement engine --><br />
<script language="javascript"><br />
document.getElementById('link_anidb').href= useredit.anidb;<br />
document.getElementById('link_animenfo').href= useredit.animenfo;<br />
document.getElementById('link_ann').href= useredit.ann;<br />
document.getElementById('link_officialpage').href= useredit.officialpage;<br />
</script><br />
<br />
<!-- tab container scripting engine --><br />
<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script><br />
<br />
</html><br />
<br />
<!-- imgs block could be added or removed at will; recommended at least 4 blocks; use png format only --><br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img188.imageshack.us/img188/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1705
Offer Templates
2009-07-21T04:24:20Z
<p>Deysmacro: /* Generic Anime Template - Light Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- picture height should be 400px max --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img269.imageshack.us/img269/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1704
Offer Templates
2009-07-21T04:23:55Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
<br />
===Generic Anime Template - Light Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.9.1 generic - light themed<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
text-align: justify;<br />
color: #0F0F0F;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
color: #FF661A;<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #000000;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| table content control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| main title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #ffffff;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #0F0F0F;<br />
border: #999999 1px solid;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| sub heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
font-weight: bold;<br />
color: #0F0F0F;<br />
width: 19%;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
text-align: right;<br />
<br />
*width: 22%;<br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #000066;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #CC6600;<br />
<br />
}<br />
<br />
.text7 {<br />
color: #518ABF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #000000;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- the title heading --><br />
<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<tr><br />
<br />
<br />
<!-- rowspan number must be changed accordingly if you add/remove row --><br />
<td rowspan="20" ><br />
<br />
<br />
<!-- picture height should be 400px max --><br />
<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png"><br />
<br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><br />
<div class="heading">SERIES INFORMATION</div><br />
</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Panda Kopanda</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Panda! Go Panda!</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">パンダコパンダ</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">1972 & 1973</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">2 combined into 1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Isao Takahata</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Shunzo Kato</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<td class="text"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
<br />
</td><br />
</tr><br />
<br><br><br><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<!-- change text3 to text if there is information --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><br />
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><br />
<td class="text">Please continue seeding as much as you can people. Thank you.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film. <br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda. <br />
<br />
</span><br />
<br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [{Template Image URL} Click here for full preview]<br />
<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1703
Offer Templates
2009-07-21T03:51:04Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1702
Offer Templates
2009-07-21T01:32:03Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img32.imageshack.us/img32/8761/sandboxbakabtanimebittor.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1701
Offer Templates
2009-07-21T01:28:28Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly; else the table would look weird --><br />
<!-- main pic here; recommended max height around 400px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1700
Offer Templates
2009-07-21T01:22:18Z
<p>Deysmacro: /* Generic Anime Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : v2.0.8.1 generic - dark themed<br />
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */<br />
/* --| body styling control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */<br />
font-family: Tahoma;<br />
font-size: 11px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| http link styling control |-- */<br />
<br />
a {<br />
text-decoration: none;<br />
<br />
}<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| paragraph styling control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px;<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| table styling control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| title styling control |-- */<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| picture styling control |-- */<br />
<br />
.pic2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
}<br />
<br />
/* --| end |-------------------------- */<br />
/* --| heading styling control |-- */<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
width: 18%; <br />
text-align: right;<br />
font-weight: bold;<br />
color: #FFFFFF;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
*width: 22%; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| various text styling control |-- */<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border: #999999 1px solid;<br />
<br />
}<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
.text9 {<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><br />
<td colspan="3"><br />
<div><hr><br></div><br />
<br />
<br />
<!-- main heading here --><br />
<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div><br />
<br />
<div><br><hr></div><br />
</td><br />
</tr><br />
<br />
<tr><br />
<br />
<br />
<!-- if you add or remove row, rowspan number of 20 here must be adjusted accordingly, else the table would look weird --><br />
<!-- main pic here, recommended max height around 340px --><br />
<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Main Title:</td><br />
<td class="text">Kaidoumaru</td><br />
</tr><br />
<tr><br />
<td class="label">Official Title:</td><br />
<td class="text">Kai Doh Maru</td><br />
</tr><br />
<tr><br />
<td class="label">Japanese Title:</td><br />
<td class="text">怪童丸</td><br />
</tr><br />
<tr><br />
<td class="label">Year:</td><br />
<td class="text">2001</td><br />
</tr><br />
<tr><br />
<td class="label">Episodes:</td><br />
<td class="text"><span class="text7">1</span></td><br />
</tr><br />
<tr><br />
<td class="label">Categories:</td><br />
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td><br />
</tr><br />
<tr><br />
<td class="label">Director:</td><br />
<td class="text">Kanji Wakabayashi</td><br />
</tr><br />
<tr><br />
<td class="label">Production:</td><br />
<td class="text">Production I.G</td><br />
</tr><br />
<tr><br />
<td class="label">References:</td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<td class="text"><br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <br />
<a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a><br />
</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">FanSub by:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<tr><br />
<td class="label">Video:</td><br />
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Audio:</td><br />
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Subtitles:</td><br />
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td><br />
</tr><br />
<tr><br />
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td><br />
</tr><br />
<tr><br />
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td><br />
</tr><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<tr><br />
<td class="label">Related Anime:</td><br />
<td class="text"><br />
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br><br />
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a><br />
</td><br />
</tr><br />
<tr><br />
<td class="label">Related OST:</td><br />
<td class="text3">No Information</td><br />
</tr><br />
<br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<p><br />
<span class="text9"><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. <br />
A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. <br />
This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". <br />
Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. <br />
The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
</span><br />
</p><br />
</td><br />
</tr><br />
<tr><br />
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td><br />
</tr><br />
</table><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]<br />
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]<br />
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]<br />
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]<br />
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]<br />
[/screenshot] <br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1699
Offer Templates
2009-07-21T00:40:11Z
<p>Deysmacro: /* Pure CSS Driven Anime Template - Alternative */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1 generic - dark themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/*<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1698
Offer Templates
2009-07-21T00:21:54Z
<p>Deysmacro: /* Pure CSS Driven Anime Template - Alternative */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1 generic - dark themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 340px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 335px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
padding: 10px;<br />
<br />
*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Note:<br><br></div></td><br />
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img24.imageshack.us/img24/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1697
Offer Templates
2009-07-20T17:09:27Z
<p>Deysmacro: /* Pure CSS Driven Anime Template - Alternative */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1 generic - dark themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -270px 0px 0px 540px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
*margin: -20px 0px -20px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
*text-align: center;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1696
Offer Templates
2009-07-20T15:40:48Z
<p>Deysmacro: /* Pure CSS Driven Anime Template - Alternative */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1 generic - dark themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure css driven - alternative<br />
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -285px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
</head><br />
<body> <br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1695
Offer Templates
2009-07-20T15:07:25Z
<p>Deysmacro: /* Generic Anime Info Template - Dark Themed */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1 generic - dark themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<br />
<br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure.css.driven - alternative<br />
* Template Last Update On : July 19th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -285px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
<br />
<br />
</head><br />
<body> <br />
<br />
<br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1694
Offer Templates
2009-07-20T11:59:16Z
<p>Deysmacro: /* Pure CSS Driven Anime Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template - Alternative===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<br />
<br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure.css.driven - alternative<br />
* Template Last Update On : July 19th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -285px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
<br />
<br />
</head><br />
<body> <br />
<br />
<br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1693
Offer Templates
2009-07-20T11:54:15Z
<p>Deysmacro: /* Generic Anime Info Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template - Dark Themed===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
===Pure CSS Driven Anime Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<br />
<br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure.css.driven - alternative<br />
* Template Last Update On : July 19th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -285px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
<br />
<br />
</head><br />
<body> <br />
<br />
<br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1692
Offer Templates
2009-07-20T11:52:59Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img40.imageshack.us/img40/7817/sandboxbakabtanimebitto.png Click here for full preview]<br />
<br />
<br />
===Pure CSS Driven Anime Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<br />
<br />
<br />
<style type="text/css"><br />
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----<br />
*<br />
* Please take note. The indentation should look correctly using Firefox. <br />
*<br />
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.<br />
* When that happen, please use Firefox.<br />
*<br />
* Thank you for your understanding.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----<br />
*<br />
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html<br />
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453<br />
*<br />
* I welcome all of you people to use this template at your convenience.<br />
* Do contact me via PM or email if you had anything to say.<br />
*<br />
* Email : deysmacro[at]gmail[dot]com<br />
*<br />
* I also can help you guys with the template.<br />
* I will help whenever I can.<br />
*<br />
* Thanks To : kureshii, Jarudin, xchiamiov<br />
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart<br />
*<br />
* Originally Customized By : deysmacro<br />
* Re-Customized By : YOUR NICK HERE<br />
*<br />
* Template Version : 3.3.3.1 pure.css.driven - alternative<br />
* Template Last Update On : July 19th, 2009 @ 13:28pm GMT+8<br />
*<br />
* Please leave the credit intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13<br />
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----<br />
*<br />
* Quick Reminder:<br />
* If you found any syntax with * siding with the syntax, it is targeted for IE only.<br />
*<br />
*<br />
* Example:<br />
* Assume "width" is the syntax...<br />
*<br />
* body { <br />
* width: 100px; <-- major browser support<br />
*<br />
* *width: 110px; <-- targeted for IE only<br />
* }<br />
*<br />
*<br />
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.<br />
* Please take note of this when you are editing.<br />
*<br />
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */<br />
/<br />
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.<br />
* I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.<br />
*<br />
* Hopefully you guys enjoy using this template. Good day people.<br />
*/<br />
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */<br />
/* --| whole table positioning control |-- */<br />
<br />
.button {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------- */<br />
/* --| whole table body control |-- */<br />
<br />
table.file_info {<br />
border-spacing: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
width: auto;<br />
<br />
*border-collapse: collapse;<br />
<br />
}<br />
<br />
/* --| end |----------------------- */<br />
/* --| tootip hover control |-- */<br />
<br />
td.info_label:hover {<br />
z-index: 9;<br />
cursor: help;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| tootip misc control |------ */<br />
<br />
td.info_label span {<br />
display: none; <br />
<br />
}<br />
<br />
/* --| end |------------------------ */<br />
/* --| tootip styling control |-- */<br />
<br />
td.info_label:hover span {<br />
position: absolute;<br />
bottom: 24px;<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
*width: 350px; /* no need to adjust the tooltip width unless needed */<br />
*bottom: 16px;<br />
*left: -80px;<br />
*text-align: left;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------------- */<br />
/* --| individual left side content control |-- */<br />
<br />
td.info_label {<br />
width: 20px;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: center;<br />
color: #D0D0F0;<br />
background-color: #854C9E;<br />
border: #854C9E 2px solid;<br />
position: relative;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------------------- */<br />
/* --| individual right side - left content control |-- */<br />
<br />
td.info_a {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-right: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: left;<br />
width: 50px;<br />
padding: 0px 0px 0px 3px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------------------------------- */<br />
/* --| individual right side - right content control |-- */<br />
<br />
td.info_b {<br />
background-color: #EEEEFF;<br />
border: #854C9E 2px solid;<br />
border-left: 0px; <br />
color: #854C9E;<br />
font-family: "Lucida Console", sans-serif;<br />
font-size: 7.7px;<br />
text-align: right;<br />
width: 60px;<br />
padding: 0px 3px 0px 0px;<br />
font-size: 7.7px;<br />
<br />
*font-size: 9px;<br />
<br />
}<br />
<br />
/* --| end |----------------------------------------------------- */<br />
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */<br />
<br />
.note1 {<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px;<br />
line-height: 16px;<br />
background-color: #FFFFCC;<br />
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); <br />
background-position: 3px 50%; <br />
background-repeat: no-repeat; <br />
color: #777777;<br />
height: 16px;<br />
width: auto;<br />
border: 1px solid #999999;<br />
margin: 0px;<br />
padding: 5px;<br />
display: block;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */<br />
/* --| top half container control |-- */<br />
<br />
.divtop {<br />
margin: 0px;<br />
padding: 0px;<br />
height: 410px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |----------------------------- */<br />
/* --| top left container control |-- */<br />
<br />
.divtl {<br />
margin: 0px 0px 0px 10px;<br />
padding: 10px;<br />
width: 520px; <br />
<br />
}<br />
<br />
/* --| end |------------------------------- */<br />
/* --| top right container control |-- */<br />
<br />
.divtr {<br />
margin: -415px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -410px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom half container control |-- */<br />
<br />
.divbottom {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px;<br />
height: 300px; /* no need to adjust the height unless needed */<br />
<br />
*margin: 0px;<br />
*height: 315px; /* no need to adjust the height unless needed */<br />
<br />
}<br />
<br />
/* --| end |---------------------------------- */<br />
/* --| bottom left container control |-- */<br />
<br />
.divbl {<br />
margin: 0px 0px 0px 10px; <br />
padding: 10px;<br />
width: 520px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* --| bottom right container control |-- */<br />
<br />
.divbr {<br />
margin: -280px 0px 0px 540px;<br />
padding: 10px;<br />
<br />
*margin: -285px 0px 0px 540px;<br />
<br />
}<br />
<br />
/* --| end |------------------------------------ */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */<br />
<br />
.div5 {<br />
margin: -10px 0px -10px -25px;<br />
<br />
}<br />
<br />
li {<br />
text-align: justify;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
<br />
/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */<br />
/* --| body control |-- */<br />
<br />
body {<br />
background: #131313;<br />
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */<br />
font-family: "Trebuchet MS", sans-serif;<br />
font-size: 11px<br />
text-align: left;<br />
color: #854C9E; /* main font color */<br />
height:auto;<br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| paragraph control |-- */<br />
<br />
p {<br />
text-align: justify;<br />
color: #854C9E;<br />
font-weight: bold; <br />
<br />
}<br />
<br />
/* --| end |-------------------- */<br />
/* --| main table control |-- */<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
.table1 {<br />
background-color: transparent;<br />
cellpadding: 2px;<br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
.table2 {<br />
background-color: transparent;<br />
cellpadding: 0px; <br />
cellspacing: 0px;<br />
height: 100%;<br />
width: 100%;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| headings styling control |-- */<br />
<br />
.inner {<br />
background-color:#EEEEFF;<br />
padding: 10px;<br />
border: 1px solid #CCCFC8;<br />
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";<br />
font-size: 22px;<br />
font-weight: bold;<br />
color: #854C9E;<br />
<br />
}<br />
<br />
.outer2 {<br />
z-index: 1; <br />
background-color: #EEDDFF; <br />
margin: 10px 0px 0px 0px; <br />
padding: 6px; width: 815px; <br />
position: relative; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
.outer3 {<br />
background-color: #EEDDFF; <br />
margin: 0px 0px 10px 0px;<br />
padding: 6px; <br />
width: 815px; <br />
border: 1px solid #CCCFC8; <br />
text-align: center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
<br />
}<br />
<br />
/* --| end |------------------------- */<br />
/* --| horizontal line control |-- */<br />
<br />
hr { <br />
width: 93%;<br />
<br />
}<br />
<br />
.hr1 {<br />
margin: 0px;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| picture content control |-- */<br />
<br />
.pics { <br />
height: auto; <br />
width: auto; <br />
padding: 0px; <br />
margin: 0px; <br />
overflow: hidden;<br />
<br />
}<br />
<br />
.pics img { <br />
height: auto; <br />
width: auto; <br />
padding: 10px; <br />
border: 1px solid #ccc; <br />
background-color: #fff; <br />
top: 0px; <br />
left: 0px; <br />
<br />
}<br />
<br />
/* --| end |---------------------- */<br />
/* --| label styling control |-- */<br />
<br />
.label {<br />
color: #854C9E;<br />
width: 26%; <br />
text-align: right;<br />
<br />
}<br />
<br />
.label:hover {<br />
color: blue;<br />
<br />
}<br />
<br />
/* --| end |--------------------- */<br />
/* --| text styling control |-- */<br />
<br />
.text {<br />
color: #854C9E;<br />
width: 74%; <br />
<br />
}<br />
<br />
.text:hover {<br />
color: red;<br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| label box styling control |-- */<br />
<br />
.rounded1 {<br />
background-color:#EEDDFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |--------------------------- */<br />
/* --| text box styling control |-- */<br />
<br />
.rounded2 {<br />
background-color:#EEEEFF; <br />
padding: 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* --| synopsis box styling control |-- */<br />
<br />
.rounded3 {<br />
background-color:#EEEEFF; <br />
padding: 5px 10px 5px 10px;<br />
width: auto;<br />
height: auto;<br />
border: 1px solid #CCCFC8; <br />
<br />
}<br />
<br />
/* --| end |-------------------------------- */<br />
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */<br />
</style><br />
<br />
<br />
<br />
</head><br />
<body> <br />
<br />
<br />
<br />
<div class="outer2"><br />
<br />
<br />
<!-- the title heading --><br />
<br />
<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div><br />
<br />
<div class="button"><br />
<table class="file_info"><br />
<br />
<br />
<!-- tooltip and quick file summary area --><br />
<br />
<tr><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is the title source.</span><div>SRCS</div></td><br />
<td class="info_a"><div>&nbsp;</div></td><br />
<td class="info_b"><div>DVD</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td><br />
<td class="info_a"><div>DIVX</div></td><br />
<td class="info_b"><div>704X544</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td><br />
<td class="info_a"><div>JP</div></td><br />
<td class="info_b"><div>MP3 24KHZ</div></td><br />
<td /><br />
<td class="info_label"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td><br />
<td class="info_a"><div>EN</div></td><br />
<td class="info_b"><div>HARD</div></td><br />
</tr><br />
</table><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="divtop"><br />
<br />
<div class="divtl"><br />
<fieldset><br />
<br />
<legend>| Series Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"><br />
<tr><br />
<td class="label"><div class="rounded1">Main Title:</div> </td><br />
<td class="text"><div class="rounded2">Panda Kopanda</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Official Title:</div></td><br />
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Japanese Title:</div></td><br />
<td class="text"><div class="rounded2">パンダコパンダ</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Year:</div></td><br />
<td class="text"><div class="rounded2">1972 & 1973</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Episodes:</div></td><br />
<td class="text"><div class="rounded2">2 combined into 1</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Categories:<br><br></div></td><br />
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Director:</div></td><br />
<td class="text"><div class="rounded2">Isao Takahata</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Production:</div></td><br />
<td class="text"><div class="rounded2">Shunzo Kato</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">References:</div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | <br />
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | <br />
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | <br />
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divtr"><br />
<fieldset><br />
<br />
<legend>| Main Picture |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="pics"><br />
<br />
<br />
<!-- picture height should be 340px max; you may use your preferred height though --><br />
<br />
<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" /><br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="divbottom"><br />
<br />
<div class="divbl"><br />
<fieldset><br />
<br />
<legend>| File Information |</legend><br />
<br />
<br />
<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content --><br />
<!-- edit the info accordingly --><br />
<br />
<table class="table1"> <br />
<tr><br />
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td><br />
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td><br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>No Information.</i></div></div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Approx. Duration:</div></td><br />
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related Anime:<br></div></td><br />
<td class="text"><br />
<div class="rounded2"><br />
<ul><br />
<br />
<div class="div5"><br />
<li><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank"><br />
Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]<br />
</a><br />
</li><br />
</div><br />
<br />
</ul><br />
</div><br />
</td><br />
</tr><br />
<tr><br />
<td class="label"><div class="rounded1">Related OST:<br><br></div></td><br />
<br />
<br />
<!-- edit the info accordingly --><br />
<br />
<td class="text"><div class="rounded2"><div class="note1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>None available</i>.</div></div></td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
<div class="divbr"><br />
<fieldset><br />
<br />
<legend>| Synopsis |</legend><br />
<br />
<table class="table2"><br />
<tr><br />
<td><br />
<div class="rounded3"><br />
<br />
<br />
<!-- the <br> here is for break; not the same purpose as of above usage --><br />
<!-- edit the info accordingly --><br />
<br />
<p><br />
Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.<br />
<br><br><br />
The story is about a little girl, Mimiko, who was left alone while her Grandma was away.<br />
<br><br><br />
A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.<br />
<br><br><br />
The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.<br />
</p><br />
<br />
</div><br />
</td><br />
</tr><br />
</table><br />
<br />
</fieldset><br />
</div><br />
<br />
</div><br />
<br />
<div class="hr1"><hr></div><br />
<br />
<div class="outer3"><br />
<div class="inner">Screenshots</div><br />
</div><br />
<br />
<br />
<br />
</body><br />
</html><br />
<br />
<br />
<br />
<!-- change your demo pic here; use png format only; box may be added or removed accordingly --><br />
<br />
[screenshot]<br />
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]<br />
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]<br />
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]<br />
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]<br />
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
Sample template image: [http://img11.imageshack.us/img11/3694/cssalter.png Click here for full preview]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1637
Offer Templates
2009-06-23T03:45:49Z
<p>Deysmacro: /* Generic Anime Info Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended max width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img40.imageshack.us/my.php?image=sandboxbakabtanimebitto.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1636
Offer Templates
2009-06-23T03:43:16Z
<p>Deysmacro: /* Generic Anime Info Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img40.imageshack.us/my.php?image=sandboxbakabtanimebitto.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1621
Offer Templates
2009-06-21T09:05:55Z
<p>Deysmacro: /* Generic Anime Info Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img40.imageshack.us/my.php?image=sandboxbakabtanimebitto.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1620
Offer Templates
2009-06-21T09:00:58Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BakaBT-Wiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #bakabt-support|#bakabt-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Generic Anime Info Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BakaBT<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img40.imageshack.us/my.php?image=sandboxbakabtanimebitto.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1588
Offer Templates
2009-06-17T00:21:43Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.BakaBT.com/template.php ported over to the BakaBT template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.BakaBT.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your BakaBT username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.BakaBT.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.BakaBT.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.BakaBT.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BakaBT Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BakaBT<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in BakaBT here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br><br />
<br>> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img40.imageshack.us/my.php?image=sandboxbakabtanimebitto.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.BakaBT.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.BakaBT.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1488
Offer Templates
2009-05-12T15:05:29Z
<p>Deysmacro: </p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1485
Offer Templates
2009-05-12T04:49:15Z
<p>Deysmacro: /* Some Note */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM me (on the main site) which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... <br />
<br />
Everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for BoxTorrents' power-user and above only.<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1484
Offer Templates
2009-05-12T04:48:34Z
<p>Deysmacro: /* Some Note */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM me (on the main site) which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... <br />
<br />
Everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for boxtorrents' power-user and above only.<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1483
Offer Templates
2009-05-12T04:46:42Z
<p>Deysmacro: /* Some Note */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM me (on the main site) which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... <br />
<br />
Everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward to your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for boxtorrents' power-user only<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1482
Offer Templates
2009-05-12T00:57:36Z
<p>Deysmacro: /* Some Note */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM me (on the main site) which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... <br />
<br />
Everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for boxtorrents' power-user only<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1481
Offer Templates
2009-05-12T00:56:56Z
<p>Deysmacro: /* Some Note */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM (on the main site) me which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... <br />
<br />
Everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for boxtorrents' power-user only<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1480
Offer Templates
2009-05-12T00:53:35Z
<p>Deysmacro: </p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
=Some Note=<br />
By: deysmacro<br />
<br />
Since there are a lot of submissions per day and if you guys wants me to update the template which currently I am willing to do for...<br />
<br />
* Anime Template<br />
* OST Template<br />
<br />
* ''Sorry, for Manga Template, I don't make it but will eventually do when I have more spare time...''<br />
<br />
Therefore, I need some vote from you guys... at least 50 vote is required to motivate me...<br />
Just PM me which one you would like me to do the update the most...<br />
<br />
A complete remake also could be possible but it requires at least 100 vote on that template. Means if you guys want me to do a completely different template from the boxtorrents default template, at least 100 PM of vote is what I needed to be in my inbox... everyone have only 2 vote... 1 for anime template and 1 for OST template...<br />
<br />
To help me distinguish which is which and to make things more manageable... these are the code to be used...<br />
<br />
*Anime Template [AT]<br />
**Byousoku 5cm Movie Template [21]<br />
**Byousoku 5cm Anime Template [22]<br />
**Simple BBCode Anime Template [23]<br />
**Advanced Generic Anime Information Template [24]<br />
**Total Remake for [ OVA / MOVIE / SERIES ]<br />
<br />
*OST Template [OT]<br />
**OST Template 1 [41]<br />
**Show/hide Tracklist OST Template [42]<br />
**Dropdown list OST Template [43]<br />
**Simple OST Template [44]<br />
**Boxed OST Template [45]<br />
**Javascript-based dropdown menu Template (Especially good for manga/OST collections) [46]<br />
**ChalamiuS' OST Template [47]<br />
**Total Remake for [OT-number here]<br />
<br />
<br />
Therefore, I would expect these in my inbox...<br />
<br />
I would like to vote for [AT-number here / AT-Total Remake for OVA/MOVIE/SERIES ] and [OT-number here / OT-Total Remake for OT-number here].<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Example:<br />
<br />
I would like to vote for AT-21 and OT-41.<br />
<br />
I also understand that you would do it base on your free time only.<br />
<br />
Thank you for your time and I am looking forward for your work.<br />
<br />
<br />
Futher note:<br />
* This offer only open for boxtorrents' power-user only<br />
* You don't need to vote for both. Just the most what you want only.<br />
* For serious request only.<br />
* What I listed only would be entertained. Other request would be put under KIV.<br />
* Once the works is completed, it will be release into public access.<br />
<br />
<br />
Well, that's all from me. <br />
<br />
Thank you for your time spend in here and have a nice day.</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1479
Offer Templates
2009-05-11T11:10:18Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<!-- your file information here --><br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1478
Offer Templates
2009-05-11T11:06:54Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: deysmacro<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image preview: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1477
Offer Templates
2009-05-11T10:57:39Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1476
Offer Templates
2009-05-11T10:55:25Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/***********************************************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
************************************************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
************************************************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
************************************************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link color customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1475
Offer Templates
2009-05-11T10:52:27Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/**********************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
**********************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
**********************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
**********************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link color customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table columns area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1474
Offer Templates
2009-05-11T06:21:19Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/**********************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
**********************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
**********************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
**********************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link color customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table colums area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here, recommended width around 320px --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1473
Offer Templates
2009-05-11T06:11:04Z
<p>Deysmacro: /* Advanced Generic Anime Information Template */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/**********************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
**********************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
**********************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
**********************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link color customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table colums area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro
https://wiki.bakabt.me/index.php?title=Offer_Templates&diff=1472
Offer Templates
2009-05-11T06:03:47Z
<p>Deysmacro: /* Anime Templates */</p>
<hr />
<div><!--------------------------------Banner------------------------------><br />
{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"<br />
|style="width:56%; color:#000"|<br />
<!-------------"Offer Templates"----------><br />
{| style="width:99%; border:solid 0px; background:none;"<br />
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|<br />
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div><br />
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div><br />
|}<br />
<!--------------Text----------><br />
|style="width:1%; font-size:95%;"|<br />
|}<br />
<br />
This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:<br />
<br />
'''[Update]''' The templates feature is working again. Most of these templates have been [http://www.boxtorrents.com/template.php ported over to the Boxtorrents template page] for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.<br />
<br />
=Submission Format=<br />
<br />
'''For template-makers:'''<br />
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].<br />
* Replace {curly-bracketed text} with the appropriate names/text.<br />
<br />
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''.<br />
<br />
===Sample Template===<br />
----<br />
<br />
Copy and paste the code below:<br />
<pre><br />
==={Template Name}===<br />
----<br />
<br />
Submitted by: {your Boxtorrents username}<br />
<br />
&lt;pre&gt;<br />
{Source code goes here}<br />
&lt;/pre&gt;<br />
<br />
Sample template image: [{Template Image URL} Image link]<br />
</pre><br />
<br />
[http://wiki.boxtorrents.com/index.php?title=Special:Userlogin Log in] to your BoxWiki account (Or [http://wiki.boxtorrents.com/index.php?title=Special:Userlogin&type=signup register for one] if you don't have one yet). Click one of the links below.<br />
<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=3 Click here] to add your template to [[Offer Templates#Anime Templates| Anime Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=4 Click here] to add your template to [[Offer Templates#Manga Templates| Manga Templates]].<br />
# [http://wiki.boxtorrents.com/index.php?title=Offer_Templates&action=edit&section=5 Click here] to add your template to [[Offer Templates#OST Templates| OST Templates]].<br />
<br />
Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.<br />
<br />
If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at [[IRC#5-Step Guide to getting on #box-support|#box-support]].<br />
<br />
=Anime Templates=<br />
<br />
===Byousoku 5cm Movie Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Movie/OVA%20Template Click here] to use<br />
<br />
===Byousoku 5cm Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use<br />
<br />
===Simple BBCode Anime Template===<br />
----<br />
[http://www.boxtorrents.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use<br />
<br />
===Advanced Generic Anime Information Template===<br />
----<br />
<br />
Submitted by: '''deysmacro'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /><br />
<style type="text/css"><br />
<br />
/**********************************************************************<br />
*<br />
* Seems people have taken liking to use this template and I think I might as well<br />
* share it with you guys.<br />
*<br />
***********<br />
*<br />
* Advanced Generic AIT - Public Access<br />
* BoxTorrents Templates Area - Porting Ready<br />
*<br />
**********************************************************************<br />
*<br />
* Anime Information Template (AIT) provided by BoxTorrents<br />
*<br />
* Originally Customized By deysmacro | deysmacroREMOVETHIS@gmail.com<br />
* Re-Customized by YOUR NICK HERE<br />
*<br />
* Please leave the credit and the note intact if you plan to use this template.<br />
* Your cooperation is highly appreciated. Thank you.<br />
*<br />
* d-AIT v2.0.8.1pa - Dark Themed<br />
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201<br />
* Last Built Update on 11 May 2009 3:28pm<br />
*<br />
**********************************************************************<br />
*<br />
* Please take note of this before you want to start editing:-<br />
*<br />
***********<br />
* <br />
* All image which link is still working and you would like to use, you just need to<br />
* download it and upload it to your own image hosting and replace the image link<br />
* with you own image link. Do not use the pre-included image link as it will eventually<br />
* goes bandwidth exceeded.<br />
*<br />
* All of the information have been properly aligned and thus you just need to edit<br />
* certain part of the information only. Most of the information and link are pretty much<br />
* self-explained. <br />
*<br />
* Do study how the structure works and you will be fine. Some basic knowledge in<br />
* HTML and CSS workings would be an advantage here.<br />
*<br />
**********<br />
*<br />
* Take your time and happy customizing.<br />
* Thank you for using this template.<br />
*<br />
**********<br />
*<br />
* Thank you for your time and have a nice day.<br />
*<br />
**********************************************************************/<br />
/* general body area customization */<br />
<br />
<br />
<br />
body {<br />
background: #131313;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
font-family: Tahoma;<br />
font-size: 12px<br />
text-align: justify;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* http link color customization */<br />
<br />
<br />
<br />
a {<br />
color: #FFFFFF;<br />
TEXT-DECORATION: none;<br />
<br />
}<br />
<br />
<br />
a:hover {<br />
color: #FF661A;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* paragraph area */<br />
<br />
<br />
<br />
p {<br />
text-align: justify;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
padding:20px 20px 20px 20px; <br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
/* margin-top: 25px; */<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* table colums area */<br />
<br />
<br />
<br />
td {<br />
vertical-align: left middle;<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* title style customization */<br />
<br />
<br />
<br />
.title {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.title2 {<br />
font-family: Tahoma;<br />
font-size: 22px;<br />
font-weight: bold;<br />
text-align: center;<br />
padding:10px 10px 10px 10px;<br />
background-color: #2E2E2E;<br />
color: #FFB856;<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* subtitle style customization */<br />
<br />
<br />
<br />
.subtitle {<br />
font-size: 16px;<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* heading style customization */<br />
<br />
<br />
<br />
.heading {<br />
font-family: Tahoma;<br />
font-size: 14px;<br />
font-weight: bold;<br />
text-align: center;<br />
color: #FF661A;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); <br />
padding: 8px 0px 8px 0px;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* left column area text style customization */<br />
<br />
<br />
<br />
.label {<br />
/* min-width: 80px; */<br />
font-weight: bold;<br />
/* padding:0px 10px 15px 10px; */<br />
color: #FFFFFF;<br />
width: 18%;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
text-align: left middle;<br />
<br />
<br />
<br />
}<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* variety text style customization including right column text area */<br />
<br />
<br />
<br />
.text {<br />
width: 100%;<br />
color: #FFB856;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text2 {<br />
color: #FFFFFF;<br />
<br />
}<br />
<br />
<br />
<br />
.text3 {<br />
width: 100%;<br />
color: #9D9D9D;<br />
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);<br />
border-bottom: #999999 1px solid;<br />
border-top: #999999 1px solid;<br />
border-right: #999999 1px solid;<br />
border-left: #999999 1px solid;<br />
<br />
}<br />
<br />
<br />
<br />
.text4 {<br />
color: green;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text5 {<br />
color: red;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text6 {<br />
color: #FFF0CC;<br />
}<br />
<br />
<br />
<br />
.text7 {<br />
color: #00D4FF;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text8 {<br />
color: #000066;<br />
font-weight: bold;<br />
<br />
}<br />
<br />
<br />
<br />
.text9 {<br />
<br />
color: #FFB856;<br />
font-weight: bold;<br />
<br />
<br />
}<br />
<br />
<br />
<br />
<br />
/***********************************************************************/<br />
/* style customization area end */<br />
<br />
</style><br />
</head><br />
<body><br />
<br />
<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%"><br />
<tr><td colspan="3"><div><hr><br></div><div class="title"><br />
<br />
<!-- main title here --><br />
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]<br />
<br />
</div><div><br><hr></div><br />
</td></tr><br />
<br />
<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --><br />
<tr><td rowspan="21" ><br />
<br />
<!-- main pic here --><br />
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"><br />
<br />
</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr><br />
<br />
<!-- anime information here --><br />
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr><br />
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr><br />
<tr><td class="label">Japanese Title:</td><td class="text">怪童丸</td></tr><br />
<tr><td class="label">Year:</td><td class="text">2001</td></tr><br />
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr><br />
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr><br />
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr><br />
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr><br />
<br />
<!-- your references or external link here --><br />
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr><br />
<br />
<!-- your file type information here --><br />
<tr><td class="label">FanSubbing Group:</td><br />
<br />
<!-- change "text3" to "text" if there is fansubbing group --><br />
<td class="text3">No Information<br />
</td></tr><br />
<br />
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr><br />
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr><br />
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr><br />
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr><br />
<br />
<!-- any found relations in boxtorrents here --><br />
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br><br />
<br>> <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br />
<br>> <a href="http://www.boxtorrents.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr><br />
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BoxTorrents DataBase</td></tr><br />
<br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr><br />
</td></tr><br />
<tr><td class="label">Uploader's Note:</td><td class="text"><br />
<br />
<!-- some of your note for public here --><br />
New anime description & information area for this torrent... hope you people likes it... v(^^)<br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div><br />
<br />
<p><br />
<span class="text9"><br />
<br />
<!-- the synopsis, off-synopsis, other information, etc goes here --><br />
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.<br />
<br />
</span><br />
</p><br />
<br />
</td></tr><br />
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr><br />
</table><br />
</body><br />
</html><br />
<br />
<!-- of course the screenshots goes here. recommended at least 5 boxes. use png format only --><br />
<!-- additional boxes of screenshots could be add without any problem --><br />
[screenshot]<br />
[img]<br />
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png<br />
[/img]<br />
[img]<br />
http://img397.imageshack.us/img397/945/snapshot20090503140744.png<br />
[/img]<br />
[img]<br />
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png<br />
[/img]<br />
[img]<br />
http://img240.imageshack.us/img240/889/snapshot20090503140849.png<br />
[/img]<br />
[img]<br />
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png<br />
[/img]<br />
[/screenshot]<br />
</pre><br />
<br />
<br />
<br />
Full template image view: [http://img9.imageshack.us/img9/423/sandboxboxtorrentsanime.png Click here]<br />
<br />
=Manga Templates=<br />
<br />
===Byousoku 5cm Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use<br />
<br />
===Dille's Manga Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use<br />
<br />
=OST Templates=<br />
<br />
===OST Template 1===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Show/hide Tracklist OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Show/HideList%20OST%20Template Click here] to use<br />
<br />
===Dropdown list OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=DropdownBox%20OST%20Template Click here] to use<br />
<br />
===Simple OST Template===<br />
----<br />
<br />
[http://www.boxtorrents.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use<br />
<br />
===Boxed OST Template===<br />
---<br />
<br />
Submitted by: kureshii<br />
<br />
'''Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<title>[[Torrent Title]]</title><br />
<style type="text/css"><br />
body {<br />
background-color: #ffffff;<br />
text-align: left;<br />
margin: auto;<br />
}<br />
table {<br />
display: table;<br />
border-spacing: 10px;<br />
font-family: Calibri, Helvetica, sans-serif;<br />
font-size: medium;<br />
}<br />
tr {display: table-row;}<br />
td {<br />
display: table-cell;<br />
min-width: 430px;<br />
padding: 10px;<br />
border: solid 2px #000000;<br />
vertical-align: top;<br />
}<br />
.album {max-width: 30em; margin: auto;}<br />
.vocal {max-width: 50em; margin: auto;}<br />
.header1 {<br />
font-size: 140%;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
.header2 {<br />
font-size: 115%;<br />
}<br />
.header3 {<br />
font-size: 66%;<br />
font-style: italic;<br />
font-weight: normal;<br />
}<br />
img {<br />
margin: 8px;<br />
}<br />
.imgborder {<br />
border: 1px solid #666666;<br />
height: 366px;<br />
width: 366px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
margin-top: 5px;<br />
margin-bottom: 5px;<br />
}<br />
.footer {position: relative;}<br />
</style></head><br />
<body><br />
<table><br />
<tr><br />
<td><br />
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 1 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 1 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 1 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 2 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 2 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 2 scans]] files).</div></div><br />
</td><br />
</tr><br />
<tr><br />
<td><br />
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 3 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 3 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 3 scans]] files).</div></div><br />
</td><br />
<td><br />
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br><br />
<div class="header2">[[Album 4 Title]]<br><br />
<div class="header3">[[Artist(s) info]]</div></div></div><br />
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div><br />
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br><br />
<b>Compression:</b> [[File codec/format]]<br><br />
<b>Album Release Date:</b> [[Album 4 Release Date]]<br><br />
<br><br />
<b>Tracklist:</b><br><br />
1. [[Track 1]]<br><br />
2. [[Track 2]]<br><br />
3. [[Track 3]]<br><br />
4. [[Track 4]]<br><br />
<br><br />
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br><br />
Booklet scans included ([[Number of album 4 scans]] files).</div></div><br />
</td><br />
</tr><br />
</table><br />
</div><br />
</body></html><br />
</pre><br />
<br />
Sample torrent: [http://www.boxtorrents.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]<br />
<br />
<br />
<br />
===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===<br />
----<br />
<br />
Submitted by: shadowmaniac<br />
<br />
'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''<br />
<br />
'''Note: Please don't use this template if you don't/can't understand what's going on.'''<br />
<br />
<pre><br />
<html><br />
<head><br />
<style type="text/css"><br />
hr<br />
{<br />
width: 80%;<br />
}<br />
<br />
body<br />
{<br />
align: center;<br />
height: 500px;<br />
}<br />
<br />
.tdtext<br />
{<br />
width: 30%;<br />
v-align: top;<br />
}<br />
<br />
.wrapper<br />
{<br />
width: 800px;<br />
align: center; border-width: 2px;<br />
border-style: solid;<br />
border-color: #000;<br />
overflow: auto;<br />
text-align: center;<br />
}<br />
</style><br />
<br />
<script language="javascript"><br />
<!--<br />
//############################################<br />
//Don't change any of the code BELOW this line<br />
//############################################<br />
/***********************************************<br />
* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)<br />
* Visit DynamicDrive.com for hundreds of original DHTML scripts<br />
* This notice must stay intact for legal use<br />
***********************************************/<br />
<br />
//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:<br />
//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:<br />
var iframeids=["myframe"]<br />
<br />
//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):<br />
var iframehide="yes"<br />
<br />
var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]<br />
var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers<br />
<br />
function resizeCaller() {<br />
var dyniframe=new Array()<br />
for (i=0; i<iframeids.length; i++){<br />
if (document.getElementById)<br />
resizeIframe(iframeids[i])<br />
//reveal iframe for lower end browsers? (see var above):<br />
if ((document.all || document.getElementById) && iframehide=="no"){<br />
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])<br />
tempobj.style.display="block"<br />
}<br />
}<br />
}<br />
<br />
function resizeIframe(frameid){<br />
var currentfr=document.getElementById(frameid)<br />
if (currentfr && !window.opera){<br />
currentfr.style.display="block"<br />
if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax<br />
currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;<br />
else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax<br />
currentfr.height = currentfr.Document.body.scrollHeight;<br />
if (currentfr.addEventListener)<br />
currentfr.addEventListener("load", readjustIframe, false)<br />
else if (currentfr.attachEvent){<br />
currentfr.detachEvent("onload", readjustIframe) // Bug fix line<br />
currentfr.attachEvent("onload", readjustIframe)<br />
}<br />
}<br />
}<br />
<br />
function readjustIframe(loadevt) {<br />
var crossevt=(window.event)? event : loadevt<br />
var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement<br />
if (iframeroot)<br />
resizeIframe(iframeroot.id);<br />
}<br />
<br />
function loadintoIframe(iframeid, url){<br />
if (document.getElementById)<br />
document.getElementById(iframeid).src=url<br />
}<br />
<br />
if (window.addEventListener)<br />
window.addEventListener("load", resizeCaller, false)<br />
else if (window.attachEvent)<br />
window.attachEvent("onload", resizeCaller)<br />
else<br />
window.onload=resizeCaller<br />
//#############################################<br />
//Don't change any of the code BEYOND this line<br />
//#############################################<br />
<br />
<br />
<br />
<br />
//########################################<br />
//Modify the code below to suit your needs<br />
//########################################<br />
function Show(selected_option)<br />
{<br />
// get our iframe<br />
var testFrame = document.getElementById("myframe");<br />
var val;<br />
<br />
//selected_option refers to the "option" value provided in the HTML code<br />
switch(parseInt(selected_option))<br />
{<br />
case 1:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 2:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 3:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 4:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
case 5:<br />
val = "<table align='center' border='1' width='100%'>";<br />
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";<br />
val += "<img src='[[img link here]]'></td></tr>";<br />
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";<br />
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";<br />
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";<br />
val += "</table>";<br />
break;<br />
default:<br />
val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";<br />
break;<br />
}<br />
<br />
// now write out the new contents<br />
var doc = testFrame.contentDocument;<br />
if (doc == undefined || doc == null)<br />
doc = testFrame.contentWindow.document;<br />
doc.open();<br />
doc.write(val);<br />
doc.close();<br />
<br />
document.all.myFrame.style.visibility="visible";<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<center><br />
<div class="wrapper"><br />
<br /><br />
<form id="form1"><br />
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)"><br />
<br />
<!-- Modify this part here --><br />
<option value="0">Choose an album/OST</option><br />
<option value="1">[[OST 1]]</option><br />
<option value="2">[[OST 2]]</option><br />
<option value="3">[[OST 3]]</option><br />
<option value="4">[[OST 4]]</option><br />
<option value="5">[[OST 5]]</option><br />
<!-- No need for modification beyond this point --><br />
<br />
</select><br />
</form><br />
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700" <br />
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe><br />
</div><br />
</center><br />
</body><br />
</html><br />
</pre><br />
<br />
Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]<br />
<br />
Sample torrent (slightly modified template): [http://www.boxtorrents.com/torrent/143278/KoiKoi7_-_Song_Shu_Paradise_Character_Mini_Albums.html KoiKoi7 - Song Shu Paradise & Character Mini Albums]<br />
<br />
===ChalamiuS' OST Template===<br />
----<br />
<br />
Submitted by: ChalamiuS<br />
<br />
<pre><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<br />
<head><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<title><br />
[[Title]]<br />
</title><br />
<style type="text/css"><br />
body { margin: auto; }<br />
div.title { <br />
border-bottom: 1px solid #bbb;<br />
margin: 10px auto auto auto;<br />
width: 80%;<br />
}<br />
.subtitle, .info {<br />
width: 80%;<br />
margin: auto;<br />
}<br />
<br />
.info { margin: 10px auto auto auto; }<br />
img { float: right; }<br />
.text { padding-left: 5px; }<br />
a { text-decoration: none; }<br />
a:link { color: #aaa; }<br />
a:visited { color: #999; }<br />
a:hover { color: #bbb; }<br />
ol { width: 50%; }<br />
</style><br />
</head><br />
<body><br />
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div><br />
<div class="title">[[Title]]</div><br />
<div class="subtitle">[[Alternative title/2:nd title if any]]</div><br />
<div class="info"><br />
<br />
<img src="[[Album art url]]" alt="albumart"/><br />
<div class="text"><br />
<p><br />
<b>Release year: </b>[[Year]]<br /><br />
<b>Bitrate: </b>[[Bitrate]]<br /><br />
<b>Filetype: </b>[[Filetype]]<br /><br />
<b>Size: </b>[[Size]]<br /><br />
<b>Ripper: </b>[[Ripper]]<br /><br />
</p><br />
<p><br />
<b>Related:</b><br /><br />
[[Related links if any]]<br />
</p><br />
<div style="border-bottom: 1px solid #bbb; width: 50%;"><br />
Filelist<br />
</div><br />
<ol><br />
<!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --><br />
[[tracklist]] <br />
</ol><br />
<br />
</div><br />
</div><br />
</body><br />
</html><br />
</pre><br />
Sample template image: [http://img261.imageshack.us/img261/502/template.png Image link]<br />
<br />
Go to: [http://www.boxtorrents.com/offer.php Offers Page]</div>
Deysmacro