BakaBT Wiki - User contributions [en]

Offer Templates

2011-03-15T13:40:13Z

CvP: /* HTML5 CSS3 Anime Template */

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

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:

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.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[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.

# [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]].
# [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]].
# [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]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

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]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition (original)!! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template_-_Editing_Friendly_Edition.jpg|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition_.28original.29|Choose]]||[http://www.bakabt.com/template.php?id=JS-alternative%20%28edit-friendly%29%20Anime%20Template Choose]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !! Simple book with JS pages
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]||[[File:Book_of_gosick.png|thumb|center|alt=book|by remix85]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[[Offer_Templates#Twin_Alpha_Box_Description|Choose]]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]||[[Offer_Templates#Simple_book_with_JS_pages|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <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>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


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.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<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>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<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>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
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.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#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; }
#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; }
#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; }
#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; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#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; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.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; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.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;] }
.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;] }
.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;] }
.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;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<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>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<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>
<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>
<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>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<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>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
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.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (original)===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"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.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> 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 |-- */
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");
add_related("anime", "Dummy link", "#");

/* --> 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 |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> 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 |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
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.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

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 */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> 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 |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.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; }
.ui-widget-content a { color: #333333; }
.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; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.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; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.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; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.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; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (templatized)===
----
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

<pre>
This is a simple description. It uses two bars for information.
--------------------------------------------
CTRL+F to find the spots you need to fill in.
REQUIRED1 - The background image
REQUIRED2 - Summary
REQUIRED3 - Show information
REQUIRED4 - File information
REQUIRED5 - Screenshots
--------------------------------------------
By default, this has two bars on the left side of the screen, but you can customize the positioning.
--------------------------------------------
To customize the bar positioning, find the part in the <style> where the following 3 entries are.

#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}

- bar1 = where the summary appears, bar2 = where the show and file info appears
- To make the two bars appear in the middle of the screen, remove the /* */ from the #centered
- To make both bars appear on the right side of the screen, change both float: left; to to float: right;
- To make one of the bars appear on the right, change one float: left to float: right;
</pre>
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> template </title>
<style type="text/css" media="screen">
/* main */
*{
padding: 0px;
margin: 0px;
}
*:focus{
outline: none;
}
body{
background: #fff;
font-family: tahoma;
font-size: 8pt;
color: #fff;
width: 940px;
background-repeat: no-repeat;
}
body{
background-image: url(http://dl.dropbox.com/u/6430958/template/example_bg.jpg);
/* REQUIRED1 ~ replace the URL with your own background image URL */
}
a:link,a:visited,a:active,a:hover{
text-decoration: underline;
color: #fff;
}
h1{
padding: 5px;
text-align: center;
font-size: 11pt;
}

/* text bars */
.bars{
width: 250px;
margin: 0px 20px 0px 20px;
}
#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}
.bg{
background-image: url(http://dl.dropbox.com/u/6430958/template/black_barbg.png);
}
.low{
height: 100px;
background-image: url(http://dl.dropbox.com/u/6430958/template/black_grad.png);
}

/* inside the text bars */
.content{
padding: 10px;
line-height: 12pt;
text-shadow: 1px 1px 2px #000;
text-align: justify;
}
.item{
margin: 3px 0px 3px 0px;
}

/* right bar specific */
#show{
margin-bottom: 15px;
}
</style>
</head>
<body>

<div id="centered">
<div id="bar1" class="bars">
<div class="bg">
<div class="content">
<h1>
ef ~ tale of melodies
</h1>
<div class="item">

The anime once again tells two stories. The first story takes place in the past.
Himura Yuu meets a girl, Amamiya Yuuko who seems to know him, but he doesn't know her.
However, he soon remembers that she was a girl whom he knew from long ago.
Yuuko then tells him something which he never knew.
He was her first love since then, and her first love has not ended yet.
The second story takes place in the present, just after the events of ef - A Tale of Memories.
Shuuichi Kuze meets the cousin of Aso Renji, Hayama Mizuki and spends a lot of time with her.
Unknown to Mizuki, Kuze had contracted a fatal illness and has little time left to live.
Kuze had decided to break all romantic ties, but things go bad when Mizuki tells him that she loves him.
</div>
</div>
</div>
<div class="low"></div>
</div>
<div id="bar2" class="bars">
<div class="bg">
<div class="content">
<div id="show">
<h1>
Show Information
</h1>

<div class="item">
<b>Categories</b>
Angst, High School, Romance, School Life, Seinen, Tragedy
</div>
<div class="item">
<b>Source Material</b>
Eroge by minori
</div>
<div class="item">
<b>Production</b>
SHAFT
</div>
<div class="item">
<b>More</b>
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=10128">ANN</a>,
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=6014">AniDB</a>,
<a href="http://www.bakabt.com/browse.php?q=ef+melodies">Related Torrents</a>
</div>
<div class="item">
<b></b>


</div>
</div>
<div id="file">
<h1>
File Information
</h1>

<div class="item">
<b>Group</b>
<a href="http://www.thoranime.org/">THORA</a>
</div>
<div class="item">
<b>Subtitles</b>
Softsubs, translation by Menclave
</div>
<div class="item">
<b>Video</b>
1920x1080 H.264 ~5000 kbps
</div>
<div class="item">
<b>Audio</b>
Japanese AC3 2.0 384 kbps
</div>
<div class="item">
<b>Runtime</b>
12 episodes
</div>
<div class="item">
<b></b>


</div>
</div>
</div>
</div>
<div class="low"></div>
</div>
</div>



</body>
</html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Twin_Alpha_Box_Description.jpg Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.com/index.php?topic=26922.0 here]<br />
If you need any help customizing this template, you can post in the above link as well.<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://www.bakabt.com/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

===Simple book with JS pages===
----

Submitted by: remix85

<pre>
<html>
<head>

<style type="text/css">
BODY {background-color: #FFFFFF; font-family: Times New Roman; font-size: 13px;}
TABLE {font-family: Times New Roman; font-size: 13px; color: #101010;}
A {color: #808080;}
A:hover {color: #000000;}

IMG {max-width: 340px; max-height: 480px; overflow: hidden;}

#book {width: 940px;}
#book1 {padding: 0 40px 0 50px;}
.title {font-size: 2em; font-weight: bold; text-align: center; color: #101010;}
.page {display: block;}

.hdr {display: none; text-align: center; border-bottom: solid 1px; width: 100%; margin: 0 0 5px 0; padding: 0;}
#tablist > UL {text-align: center; list-style: none; padding: 0; margin: 0;}
#tablist > UL > LI {float: left; background-color: transparent; border: solid #000000; border-width: 1px 1px 0 1px; color: #808080; margin: 0 0 0 0.5em; padding: 0 0.75em 0 0.75em; cursor: pointer;}
#tablist > UL > LI:hover {color: #000000;}

.box_left {color: #101010; float: left; clear: left; width: 340px; margin-left: 40px;}
.box_left TABLE {width: 100%;}
.box_left TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.box_right {color: #101010; float: right; clear: right; width: 340px; margin-right: 60px;}
.box_right TABLE {width: 100%;}
.box_right TABLE TR TH {font-size: 1.2em; text-align: center; width: 100%; color: #303030;}

.tbl_info {width: 100%;}
.tbl_info TR {vertical-align: text-top;}
.tbl_info TR TD {padding: 0.2em 0 0.2em 0;}
.tbl_info TR TD:first-child {text-align: right; font-weight: bold; max-width: 25%;}
</style>

<script type="text/javascript" language="javascript">
// <![CDATA[

// small hack to show book layout only when JavaScript is enabled
document.writeln('<style type="text/css">');
document.writeln('#book {height: 582px; background-repeat: no-repeat; background-image: url("http://img814.imageshack.us/img814/2498/openbook1.jpg");}');
document.writeln('#book1 {overflow: hidden; max-height:500px; padding: 40px 40px 40px 50px;}');
document.writeln('.page {display: none;}');
document.writeln('.hdr {display: block;}');
document.writeln('</style>');

// Switch current page -> hide all pages, show current
function newpage(page_id)
{
if(!$.browser.msie)
{
page_id = '#' + page_id;
if(!$(page_id).is(":visible"))
{
$("div.page").hide();
$(page_id).fadeIn(600, function(){});
}
}
else // jQuery effects don't work too good in IE...
{
var alltags = document.getElementsByTagName("div");

for (i=0; i < alltags.length; i++)
{
if (alltags[i].className=="page")
{
alltags[i].style.display = "none";
}
}
document.getElementById(page_id).style.display = "block";
}
}
// ]]>
</script>
</head>

<body>

<div id="book"><div id="book1">
<div class="box_left"><div class="hdr" id="tablist"><ul>
<li onClick="newpage('page1');">Info</li>
<li onClick="newpage('page2');">Summary</li>


</ul><br /></div></div>

<div class="box_right"><div class="hdr">[TODO: small title]</div></div>



<div class="page" id="page1" style="display:block;">
<div class="box_right" style="text-align: center;">
[TODO: image]

</div>

<div class="box_left">
<table><tr><td>
<div class="title">[TODO: title]</div>
</td></tr></table><br />
</div>

<div class="box_left">
<table><tr><th>- SERIES INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Aired:</td><td>[TODO: aired]</td></tr>
<tr><td>Episodes:</td><td>[TODO: episodes]</td></tr>
<tr><td>Categories:</td><td>[TODO: categories]</td></tr>
<tr><td>Director:</td><td>[TODO: director]</td></tr>
<tr><td>Production:</td><td>[TODO: producer]</td></tr>
<tr><td>References:</td><td><a href="http://anidb.net/">AniDB</a>, <a href="http://www.animenewsnetwork.com/">ANN</a>, [TODO: sources]
</table>
</td></tr></table><br />
</div>
<div class="box_left">
<table><tr><th>- FILE INFORMATION -</th></tr><tr><td>
<table class="tbl_info">
<tr><td>Group:</td><td>[TODO: group]</td></tr>
<tr><td>Video:</td><td>[TODO: video]</td></tr>
<tr><td>Audio:</td><td>[TODO: audio]</td></tr>
<tr><td>Subtitle:</td><td>[TODO: subs]</td></tr>
<tr><td>Comments:</td><td>- none -<br />[TODO: some comments?]</td></tr>
<tr><td>Related:</td><td>[TODO: related]</td></tr>
</table>
</td></tr></table><br />
</div>
</div>

<div class="page" id="page2">
<div class="box_left">
<table><tr><th>- SUMMARY -</th></tr><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: summary]
</td></tr></table><br />
</div>
<div class="box_right">
<table><tr><td style="text-align: justify; text-indent: 1em;">
[TODO: add more summary or move image outside page1 and delete this div]
</td></tr></table>
</div>
</div>



</div></div>
</body>
</html>
[url=http://wiki.bakabt.com/index.php/BBCode#Screenshots]TODO: Screenshots[/url]
</pre>
Sample template image: [http://wiki.bakabt.com/index.php/File:Book_of_gosick.png Book of Gosick]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use

=OST Templates=

===OST Template 1===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''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.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://www.BakaBT.com/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

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]

===Simple ChalamiuS OST Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://www.BakaBT.com/offer.php Offers Page]

Manga

2011-01-16T22:02:04Z

CvP: /* ACDSee */

==A List of Commonly Used Viewers==


===<span style="color:green">Recommended</span>===

====MangaMeeya====
;[http://www.mydailymanga.com/2009/01/14/mangameeya-update/ Homepage]
;Platform:
* Windows
;License: Freeware
;Key Features:
* Reads images inside nested archives.

----

====CDisplayEx====
;[http://cdisplayex.sourceforge.net/ Homepage]
;Platform:
* Windows
;License: Freeware
;Key Features:
* An open-source clone of the classic CDisplay program that's actively maintained.

----

====Comix====
;[http://comix.sourceforge.net/ Homepage]
;Platform:
* Linux
;License: Freeware
;Key Features:
* Reads images inside archives.
* Has an optional library component.

----

====ACDSee====
;[http://www.acdsee.com/ Homepage]

;Platform:
* Windows XP SP2+
;License: Proprietary (30 day shareware available)
;Key Features:
* Reads images inside all types of (nested) archives.
* High quality image rescale (zoom in/out)
* Smooth panning
* Zoom/Pan lock
* Extensive color profile management

----

===<span style="color:orange">Acceptable</span>===

====Microsoft Office Picture Manager====

* Supports automatic scaling, can use left and right arrow keys for page scrolling given that the pages are numbered wit the page number at the back of the filename. Comes standard with Office 2003/2007. Probably with 2010 too.

Manga

2011-01-16T22:01:34Z

CvP: /* Recommended */

==A List of Commonly Used Viewers==


===<span style="color:green">Recommended</span>===

====MangaMeeya====
;[http://www.mydailymanga.com/2009/01/14/mangameeya-update/ Homepage]
;Platform:
* Windows
;License: Freeware
;Key Features:
* Reads images inside nested archives.

----

====CDisplayEx====
;[http://cdisplayex.sourceforge.net/ Homepage]
;Platform:
* Windows
;License: Freeware
;Key Features:
* An open-source clone of the classic CDisplay program that's actively maintained.

----

====Comix====
;[http://comix.sourceforge.net/ Homepage]
;Platform:
* Linux
;License: Freeware
;Key Features:
* Reads images inside archives.
* Has an optional library component.

----

====ACDSee====
;[http://www.acdsee.com/ Homepage]

;Platform:
* Windows XP SP2+
;License: Proprietary (30 day shareware available)
;Key Features:
* Reads images inside all types of (nested) archives.
* High quality image rescale (zoom in/out)
* Smooth panning
* Zoom/Pan lock
* Extensive color profile management

===<span style="color:orange">Acceptable</span>===

====Microsoft Office Picture Manager====

* Supports automatic scaling, can use left and right arrow keys for page scrolling given that the pages are numbered wit the page number at the back of the filename. Comes standard with Office 2003/2007. Probably with 2010 too.

Manga

2011-01-16T21:57:36Z

CvP: /* Recommended */

==A List of Commonly Used Viewers==


===<span style="color:green">Recommended</span>===

====MangaMeeya====
;[http://www.mydailymanga.com/2009/01/14/mangameeya-update/ Homepage]
=====Platform=====
* Windows
;License: Freeware
;Key Features:
* Reads images inside nested archives.

----

====CDisplayEx====
;[http://cdisplayex.sourceforge.net/ Homepage]
=====Platform=====
* Windows
;License: Freeware
;Key Features:
* An open-source clone of the classic CDisplay program that's actively maintained.

----

====Comix====
;[http://comix.sourceforge.net/ Homepage]
=====Platform=====
* Linux
;License: Freeware
;Key Features:
* Reads images inside archives.
* Has an optional library component.

----

====ACDSee====
;[http://www.acdsee.com/ Homepage]

=====Platform=====
* Windows XP SP2+
;License: Proprietary (30 day shareware available)
;Key Features:
* Reads images inside all types of (nested) archives.
* High quality image rescale (zoom in/out)
* Smooth panning
* Zoom/Pan lock

===<span style="color:orange">Acceptable</span>===

====Microsoft Office Picture Manager====

* Supports automatic scaling, can use left and right arrow keys for page scrolling given that the pages are numbered wit the page number at the back of the filename. Comes standard with Office 2003/2007. Probably with 2010 too.

Offer Templates

2010-11-01T19:58:20Z

CvP: /* HTML5 CSS3 Anime Template */

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

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:

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.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[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.

# [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]].
# [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]].
# [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]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

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]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition (original)!! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template_-_Editing_Friendly_Edition.jpg|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition_.28original.29|Choose]]||[http://www.bakabt.com/template.php?id=JS-alternative%20%28edit-friendly%29%20Anime%20Template Choose]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[[Offer_Templates#Twin_Alpha_Box_Description|Choose]]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <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>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


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.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<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>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<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>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
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.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#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; }
#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; }
#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; }
#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; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#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; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.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; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.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;] }
.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;] }
.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;] }
.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;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<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>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<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>
<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>
<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>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<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>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
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.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (original)===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"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.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> 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 |-- */
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");
add_related("anime", "Dummy link", "#");

/* --> 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 |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> 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 |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
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.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

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 */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> 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 |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.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; }
.ui-widget-content a { color: #333333; }
.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; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.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; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.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; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.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; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (templatized)===
----
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

<pre>
This is a simple description. It uses two bars for information.
--------------------------------------------
CTRL+F to find the spots you need to fill in.
REQUIRED1 - The background image
REQUIRED2 - Summary
REQUIRED3 - Show information
REQUIRED4 - File information
REQUIRED5 - Screenshots
--------------------------------------------
By default, this has two bars on the left side of the screen, but you can customize the positioning.
--------------------------------------------
To customize the bar positioning, find the part in the <style> where the following 3 entries are.

#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}

- bar1 = where the summary appears, bar2 = where the show and file info appears
- To make the two bars appear in the middle of the screen, remove the /* */ from the #centered
- To make both bars appear on the right side of the screen, change both float: left; to to float: right;
- To make one of the bars appear on the right, change one float: left to float: right;
</pre>
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> template </title>
<style type="text/css" media="screen">
/* main */
*{
padding: 0px;
margin: 0px;
}
*:focus{
outline: none;
}
body{
background: #fff;
font-family: tahoma;
font-size: 8pt;
color: #fff;
width: 940px;
background-repeat: no-repeat;
}
body{
background-image: url(http://dl.dropbox.com/u/6430958/template/example_bg.jpg);
/* REQUIRED1 ~ replace the URL with your own background image URL */
}
a:link,a:visited,a:active,a:hover{
text-decoration: underline;
color: #fff;
}
h1{
padding: 5px;
text-align: center;
font-size: 11pt;
}

/* text bars */
.bars{
width: 250px;
margin: 0px 20px 0px 20px;
}
#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}
.bg{
background-image: url(http://dl.dropbox.com/u/6430958/template/black_barbg.png);
}
.low{
height: 100px;
background-image: url(http://dl.dropbox.com/u/6430958/template/black_grad.png);
}

/* inside the text bars */
.content{
padding: 10px;
line-height: 12pt;
text-shadow: 1px 1px 2px #000;
text-align: justify;
}
.item{
margin: 3px 0px 3px 0px;
}

/* right bar specific */
#show{
margin-bottom: 15px;
}
</style>
</head>
<body>

<div id="centered">
<div id="bar1" class="bars">
<div class="bg">
<div class="content">
<h1>
ef ~ tale of melodies
</h1>
<div class="item">

The anime once again tells two stories. The first story takes place in the past.
Himura Yuu meets a girl, Amamiya Yuuko who seems to know him, but he doesn't know her.
However, he soon remembers that she was a girl whom he knew from long ago.
Yuuko then tells him something which he never knew.
He was her first love since then, and her first love has not ended yet.
The second story takes place in the present, just after the events of ef - A Tale of Memories.
Shuuichi Kuze meets the cousin of Aso Renji, Hayama Mizuki and spends a lot of time with her.
Unknown to Mizuki, Kuze had contracted a fatal illness and has little time left to live.
Kuze had decided to break all romantic ties, but things go bad when Mizuki tells him that she loves him.
</div>
</div>
</div>
<div class="low"></div>
</div>
<div id="bar2" class="bars">
<div class="bg">
<div class="content">
<div id="show">
<h1>
Show Information
</h1>

<div class="item">
<b>Categories</b>
Angst, High School, Romance, School Life, Seinen, Tragedy
</div>
<div class="item">
<b>Source Material</b>
Eroge by minori
</div>
<div class="item">
<b>Production</b>
SHAFT
</div>
<div class="item">
<b>More</b>
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=10128">ANN</a>,
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=6014">AniDB</a>,
<a href="http://www.bakabt.com/browse.php?q=ef+melodies">Related Torrents</a>
</div>
<div class="item">
<b></b>


</div>
</div>
<div id="file">
<h1>
File Information
</h1>

<div class="item">
<b>Group</b>
<a href="http://www.thoranime.org/">THORA</a>
</div>
<div class="item">
<b>Subtitles</b>
Softsubs, translation by Menclave
</div>
<div class="item">
<b>Video</b>
1920x1080 H.264 ~5000 kbps
</div>
<div class="item">
<b>Audio</b>
Japanese AC3 2.0 384 kbps
</div>
<div class="item">
<b>Runtime</b>
12 episodes
</div>
<div class="item">
<b></b>


</div>
</div>
</div>
</div>
<div class="low"></div>
</div>
</div>



</body>
</html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Twin_Alpha_Box_Description.jpg Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.com/index.php?topic=26922.0 here]<br />

'''Note''': It is a good idea to use Firefox4 to view the form (The template should be ok on any newer browsers).

[http://cvp.banglagamer.com/bakabt Click here] to use.<br />
[http://www.bakabt.com/147902-fate-stay-night-1080p-anime-supreme.html Click here] for a live preview!<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use

=OST Templates=

===OST Template 1===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''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.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://www.BakaBT.com/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

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]

===Simple ChalamiuS OST Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://www.BakaBT.com/offer.php Offers Page]

Offer Templates

2010-11-01T17:57:59Z

CvP: /* Anime Templates */

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

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:

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.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[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.

# [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]].
# [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]].
# [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]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

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]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition (original)!! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template_-_Editing_Friendly_Edition.jpg|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition_.28original.29|Choose]]||[http://www.bakabt.com/template.php?id=JS-alternative%20%28edit-friendly%29%20Anime%20Template Choose]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[[Offer_Templates#Twin_Alpha_Box_Description|Choose]]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <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>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


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.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<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>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<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>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
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.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#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; }
#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; }
#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; }
#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; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#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; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.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; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.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;] }
.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;] }
.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;] }
.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;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<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>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<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>
<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>
<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>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<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>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
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.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (original)===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"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.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> 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 |-- */
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");
add_related("anime", "Dummy link", "#");

/* --> 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 |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> 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 |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
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.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

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 */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> 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 |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.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; }
.ui-widget-content a { color: #333333; }
.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; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.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; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.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; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.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; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (templatized)===
----
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

<pre>
This is a simple description. It uses two bars for information.
--------------------------------------------
CTRL+F to find the spots you need to fill in.
REQUIRED1 - The background image
REQUIRED2 - Summary
REQUIRED3 - Show information
REQUIRED4 - File information
REQUIRED5 - Screenshots
--------------------------------------------
By default, this has two bars on the left side of the screen, but you can customize the positioning.
--------------------------------------------
To customize the bar positioning, find the part in the <style> where the following 3 entries are.

#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}

- bar1 = where the summary appears, bar2 = where the show and file info appears
- To make the two bars appear in the middle of the screen, remove the /* */ from the #centered
- To make both bars appear on the right side of the screen, change both float: left; to to float: right;
- To make one of the bars appear on the right, change one float: left to float: right;
</pre>
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> template </title>
<style type="text/css" media="screen">
/* main */
*{
padding: 0px;
margin: 0px;
}
*:focus{
outline: none;
}
body{
background: #fff;
font-family: tahoma;
font-size: 8pt;
color: #fff;
width: 940px;
background-repeat: no-repeat;
}
body{
background-image: url(http://dl.dropbox.com/u/6430958/template/example_bg.jpg);
/* REQUIRED1 ~ replace the URL with your own background image URL */
}
a:link,a:visited,a:active,a:hover{
text-decoration: underline;
color: #fff;
}
h1{
padding: 5px;
text-align: center;
font-size: 11pt;
}

/* text bars */
.bars{
width: 250px;
margin: 0px 20px 0px 20px;
}
#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}
.bg{
background-image: url(http://dl.dropbox.com/u/6430958/template/black_barbg.png);
}
.low{
height: 100px;
background-image: url(http://dl.dropbox.com/u/6430958/template/black_grad.png);
}

/* inside the text bars */
.content{
padding: 10px;
line-height: 12pt;
text-shadow: 1px 1px 2px #000;
text-align: justify;
}
.item{
margin: 3px 0px 3px 0px;
}

/* right bar specific */
#show{
margin-bottom: 15px;
}
</style>
</head>
<body>

<div id="centered">
<div id="bar1" class="bars">
<div class="bg">
<div class="content">
<h1>
ef ~ tale of melodies
</h1>
<div class="item">

The anime once again tells two stories. The first story takes place in the past.
Himura Yuu meets a girl, Amamiya Yuuko who seems to know him, but he doesn't know her.
However, he soon remembers that she was a girl whom he knew from long ago.
Yuuko then tells him something which he never knew.
He was her first love since then, and her first love has not ended yet.
The second story takes place in the present, just after the events of ef - A Tale of Memories.
Shuuichi Kuze meets the cousin of Aso Renji, Hayama Mizuki and spends a lot of time with her.
Unknown to Mizuki, Kuze had contracted a fatal illness and has little time left to live.
Kuze had decided to break all romantic ties, but things go bad when Mizuki tells him that she loves him.
</div>
</div>
</div>
<div class="low"></div>
</div>
<div id="bar2" class="bars">
<div class="bg">
<div class="content">
<div id="show">
<h1>
Show Information
</h1>

<div class="item">
<b>Categories</b>
Angst, High School, Romance, School Life, Seinen, Tragedy
</div>
<div class="item">
<b>Source Material</b>
Eroge by minori
</div>
<div class="item">
<b>Production</b>
SHAFT
</div>
<div class="item">
<b>More</b>
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=10128">ANN</a>,
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=6014">AniDB</a>,
<a href="http://www.bakabt.com/browse.php?q=ef+melodies">Related Torrents</a>
</div>
<div class="item">
<b></b>


</div>
</div>
<div id="file">
<h1>
File Information
</h1>

<div class="item">
<b>Group</b>
<a href="http://www.thoranime.org/">THORA</a>
</div>
<div class="item">
<b>Subtitles</b>
Softsubs, translation by Menclave
</div>
<div class="item">
<b>Video</b>
1920x1080 H.264 ~5000 kbps
</div>
<div class="item">
<b>Audio</b>
Japanese AC3 2.0 384 kbps
</div>
<div class="item">
<b>Runtime</b>
12 episodes
</div>
<div class="item">
<b></b>


</div>
</div>
</div>
</div>
<div class="low"></div>
</div>
</div>



</body>
</html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Twin_Alpha_Box_Description.jpg Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===HTML5 CSS3 Anime Template===
----

Submitted by: CvP
[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|300px|Full Sized Screenshot]]
This anime template utilizes HTML5 and CSS3.
It is compatible with latest IE9/Firefox/Chrome/Safari/Opera as much as possible.<br /><br />

<blockquote>To use this template, you don't need to edit a single line of code.<br />
All you need to do is
*'''fill up the form with all the data and hit submit.'''
*'''Once template is loaded, right click > "view source" > select all > copy.'''
*'''Now go to offer page and paste the code'''.
It is that simple.</blockquote><br />

This template (and the form) will be constantly updated for better compatibility and features. Please leave your feedback in [http://forums.bakabt.com/index.php?topic=26922.0 here]<br />

'''Note''': It is a good idea to use Firefox to view the form (The template should be ok on any newer browsers).

To use, [http://cvp.banglagamer.com/bakabt click here].<br />
Live Preview: [http://www.bakabt.com/147902-fate-stay-night-1080p-anime-supreme.html Click here]<br /><br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use

=OST Templates=

===OST Template 1===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''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.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://www.BakaBT.com/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

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]

===Simple ChalamiuS OST Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://www.BakaBT.com/offer.php Offers Page]

Offer Templates

2010-11-01T17:28:40Z

CvP: /* Anime */

{| style="width:100%; background:#402365; margin-top:1.2em; border:1px solid #ccc;"
|style="width:56%; color:#000"|

{| style="width:99%; border:solid 0px; background:none;"
|style="width:600px; text-align:center; white-space:nowrap; color:#fff;"|
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#fff;">Offer Templates (UNDER CONSTRUCTION)</div>
<div style="font-size:90%; border:none; margin:0; padding:.1em; color:#c06c8d;">'''Templates for Uploaders. Feel free to add! ^^''' </div>
|}

|style="width:1%; font-size:95%;"|
|}

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:

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.

=Submission Format=

'''For template-makers:'''
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]].
* Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to [http://www.BakaBT.com/template.php BakaBT templates].

===Sample Template===
----

Copy and paste the code below:
<pre>
==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]
</pre>

[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.

# [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]].
# [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]].
# [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]].

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

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]].

=Templates preview=

===Anime===
----

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Simple HTML Anime Template !! Simple ChalamiuS HTML Anime Template !! Simple BBCode Anime Template !! Generic Anime Template - Light Themed !! Generic Anime Template - Dark Themed !
|-
|-
|[[File:Simple_HTML_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Simple_ChalamiuS_HTML_Anime_Template.jpg|thumb|center|alt=ChalamiuS|by ChalamiuS.]]||[[File:Simple_BBCode_Anime_Template.jpg|thumb|center|alt=kureshii|by kureshii.]]||[[File:Generic_Anime_Template_-_Light_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Generic_Anime_Template_-_Dark_Themed.png|thumb|center|alt=deysmacro|by deysmacro.]]
|-
|[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Choose]||[http://www.bakabt.com/template.php?id=Simple%20BBCode%20Anime%20Template Choose]||[[Offer_Templates#Generic_Anime_Template_-_Light_Themed|Choose]]||[[Offer_Templates#Generic_Anime_Template_-_Dark_Themed|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Pure CSS Driven Anime Template - Alternative !! JS Alternative Anime Template - Editing Friendly Edition (original)!! JS Alternative Anime Template - Editing Friendly Edition !! Simplest Tabled Anime Template
|-
|[[File:Pure_CSS_Driven_Anime_Template_-_Alternative.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:JS_Alternative_Anime_Template_-_Editing_Friendly_Edition.jpg|thumb|center|alt=deysmacro|by deysmacro.]]||
|-
|[[Offer_Templates#Pure_CSS_Driven_Anime_Template_-_Alternative|Choose]]||[[Offer_Templates#JS_Alternative_Anime_Template_-_Editing_Friendly_Edition_.28original.29|Choose]]||[http://www.bakabt.com/template.php?id=JS-alternative%20%28edit-friendly%29%20Anime%20Template Choose]||[[Offer_Templates#Simplest_Tabled_Anime_Template|Choose]]
|-
|}

{|class="wikitable" border="1" cellspacing="0" style="font-size: 90%;"
|-
! Generic Revision-2 Anime Template !! Twin Alpha Box Description !! HTML5 CSS3 Anime Template !
|-
|-
|[[File:Generic_Revision-2_Anime_Template.png|thumb|center|alt=deysmacro|by deysmacro.]]||[[File:Twin_Alpha_Box_Description.jpg|thumb|center|alt=miasmacloud|by miasmacloud.]]||[[File:Html5_CSS3_anime_template_by_cvp.JPG|thumb|center|alt=CvP|by CvP.]]
|-
|[[Offer_Templates#Generic_Revision-2_Anime_Template|Choose]]||[[Offer_Templates#Twin_Alpha_Box_Description|Choose]]||[[Offer_Templates#HTML5_CSS3_Anime_Template|Choose]]
|-
|}

===Manga===
----

===OST===
----

=Anime Templates=

===Simple HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20HTML%20Anime%20Template Click here] to use

===Simple ChalamiuS HTML Anime Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20Anime%20Template Click here] to use

===Simple BBCode Anime Template===
----
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use

===Generic Anime Template - Light Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.9.1 generic - light themed
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2091 | 17
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------------------------| general styling area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
font-family: Tahoma;
font-size: 11px;
text-align: justify;
color: #0F0F0F;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
color: #FF661A;
text-decoration: none;

}

a:hover {
color: #000000;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding:20px;
border: #999999 1px solid;

}

/* --| end |------------------------ */
/* --| table content control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------------- */
/* --| main title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #ffffff;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #0F0F0F;
border: #999999 1px solid;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');

}

/* --| end |------------------------------- */
/* --| sub heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
font-weight: bold;
color: #0F0F0F;
width: 19%;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;
text-align: right;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #000066;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background:url('http://img9.imageshack.us/img9/1772/homebgk.gif');
border: #999999 1px solid;

}

.text6 {
color: #CC6600;

}

.text7 {
color: #518ABF;
font-weight: bold;

}

.text9 {
color: #000000;
font-weight: bold;

}

</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]</div>

<div><br><hr></div>
</td>
</tr>
<tr>


<td rowspan="20" >


<img class="pic2" src="http://img200.imageshack.us/img200/4229/187611.png">

</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 0px;">
<div class="heading">SERIES INFORMATION</div>
</td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Panda Kopanda</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Panda! Go Panda!</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">パンダコパンダ</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">1972 & 1973</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">2 combined into 1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Isao Takahata</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Shunzo Kato</td>
</tr>
<tr>
<td class="label">References:</td>
<td class="text">


<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>

</td>
</tr>
<br><br><br>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div> </td>
</tr>



<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">DivX 6</span> [ <span class="text6">704x544 29.97fps</span> ]</td>
</tr>
<tr>
<td class="label">Audio:</td>
<td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 24000Hz stereo 48Kbps</span> ]</td>
</tr>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td>
<td class="text">~ <span class="text7">1 hour 11 minutes</span> per episode</td>
</tr>
<tr>
<td class="label">Note:</td>
<td class="text">Please continue seeding as much as you can people. Thank you.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <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>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">


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.

</span>

</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Light_Themed.png Click here for full preview].<br />
Back to [[Offer_Templates#Templates_preview|top]].
===Generic Anime Template - Dark Themed===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : v2.0.8.1 generic - dark themed
* Template Last Update On : July 21th, 2009 @ 13:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v2081 | 11
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| general styling control area |----- */
/* --| body styling control |-- */

body {
background: #131313;
background-image:url('http://img11.imageshack.us/img11/6719/3784.gif'); /* want some fresh background? change it here */
font-family: Tahoma;
font-size: 11px;

}

/* --| end |--------------------------- */
/* --| http link styling control |-- */

a {
text-decoration: none;

}

a:hover {
color: #FF661A;

}

/* --| end |----------------------------- */
/* --| paragraph styling control |-- */

p {
text-align: justify;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
padding:20px;
border: #999999 1px solid;

}

/* --| end |----------------------- */
/* --| table styling control |-- */

td {
vertical-align: left middle;

}

/* --| end |---------------------- */
/* --| title styling control |-- */

.title {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
border: #999999 1px solid;

}

/* --| end |-------------------------- */
/* --| picture styling control |-- */

.pic2 {
font-family: Tahoma;
font-size: 22px;
font-weight: bold;
text-align: center;
padding:10px;
background-color: #2E2E2E;
color: #FFB856;
border: #999999 1px solid;
background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);

}

/* --| end |-------------------------- */
/* --| heading styling control |-- */

.heading {
font-family: Tahoma;
font-size: 14px;
font-weight: bold;
text-align: center;
color: #FF661A;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
padding: 8px 0px 8px 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
width: 18%;
text-align: right;
font-weight: bold;
color: #FFFFFF;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

*width: 22%;

}

/* --| end |-------------------------------- */
/* --| various text styling control |-- */

.text {
width: 100%;
color: #FFB856;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text3 {
width: 100%;
color: #9D9D9D;
background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
border: #999999 1px solid;

}

.text6 {
color: #FFF0CC;
}

.text7 {
color: #00D4FF;
font-weight: bold;

}

.text9 {
color: #FFB856;
font-weight: bold;

}

/* --| end |------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr>
<td colspan="3">
<div><hr><br></div>


<div class="title">Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]</div>

<div><br><hr></div>
</td>
</tr>

<tr>



<td rowspan="20" ><img class="pic2" src="http://img24.imageshack.us/img24/590/1086019.jpg"></td>
</tr>

<tr>
<td colspan="3" style="padding-top: 0px;"><div class="heading">SERIES INFORMATION</div></td>
</tr>


<tr>
<td class="label">Main Title:</td>
<td class="text">Kaidoumaru</td>
</tr>
<tr>
<td class="label">Official Title:</td>
<td class="text">Kai Doh Maru</td>
</tr>
<tr>
<td class="label">Japanese Title:</td>
<td class="text">怪童丸</td>
</tr>
<tr>
<td class="label">Year:</td>
<td class="text">2001</td>
</tr>
<tr>
<td class="label">Episodes:</td>
<td class="text"><span class="text7">1</span></td>
</tr>
<tr>
<td class="label">Categories:</td>
<td class="text">Action, Fantasy, Historical, Magic, Seinen</td>
</tr>
<tr>
<td class="label">Director:</td>
<td class="text">Kanji Wakabayashi</td>
</tr>
<tr>
<td class="label">Production:</td>
<td class="text">Production I.G</td>
</tr>
<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>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td>
</tr>


<tr>
<td class="label">FanSub by:</td>
<td class="text3">No Information</td>
</tr>
<tr>
<td class="label">Video:</td>
<td class="text"><span class="text7">XviD</span> [ <span class="text6">720x400 29.97fps</span> ]</td>
</tr>
<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>
<tr>
<td class="label">Subtitles:</td>
<td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td>
</tr>
<tr>
<td class="label">Approx. Duration:</td><td class="text">~ <span class="text7">46</span> minutes per episode</td>
</tr>
<tr>
<td class="label">Note:</td><td class="text">Please continue seeding as much as you can.<br>Thank you guys.</td>
</tr>


<tr>
<td class="label">Related Anime:</td>
<td class="text">
> <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html" target="_blank">Kai Doh Maru.[DVDrip]</a><br>
> <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html" target="_blank">Kaidoumaru - OVA [a4e]</a>
</td>
</tr>
<tr>
<td class="label">Related OST:</td>
<td class="text3">No Information</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>


<p>
<span class="text9">
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.
</span>
</p>
</td>
</tr>

<tr>
<td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td>
</tr>
</table>

</body>
</html>



[screenshot]
[img]http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png[/img]
[img]http://img397.imageshack.us/img397/945/snapshot20090503140744.png[/img]
[img]http://img212.imageshack.us/img212/3776/snapshot20090503140822.png[/img]
[img]http://img240.imageshack.us/img240/889/snapshot20090503140849.png[/img]
[img]http://img142.imageshack.us/img142/8716/snapshot20090503141314.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Anime_Template_-_Dark_Themed.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Generic Revision-2 Anime Template===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>

<script src="http://www.yourjavascript.com/1103491011/NFLightBox.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
var settings = {
imageLoading: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.loading.gif',
imageBtnPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.prev.png',
imageBtnNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.next.png',
imageBtnClose: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.close.png',
imageBlank: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.blank.gif',
imageBtnBottomPrev: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.prev.gif',
imageBtnBottomNext: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.btm.next.gif',
imageBtnPlay: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.start.png',
imageBtnStop: 'http://www.notesfor.net/samples/jquery/notesforlightbox/images/white/nf.pause.png',
containerResizeSpeed: 350 };
$('#gallery a').lightBox(settings);
});
</script>

<style type="text/css">
/* -| general info |-
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* I also can help you guys with the template. I will help whenever I can.
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 1.0.12 generic revision-2 anime template
* Template Last Update On : Jan 7th, 2010 @ 11:28am GMT+8
*
*
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2010 | 01 | 07 | g-r2-at | v1.0.12
*
* -| end |- */

/* -| Info you should know |-
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* -| end |- */

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box-top { width: 100%; }
#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; }
#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; }
#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; }
#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; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { height: 100%; padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 32px; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#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; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; display: block; height: 25px; line-height: 25px; vertical-align: middle; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; display: inline; height: 16px; line-height: 16px; vertical-align: middle; }
#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text
{ display: inline; height: 25px; line-height: 25px; vertical-align: middle; cursor: pointer; cursor: hand; }

p { text-align: justify; background-color: #F5E8E0; text-shadow: #CEB0D6 2px 2px 2px; }

.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; }
.div2 { margin-top: 15px; }
.div3 { margin-top: 10px; }
.div4 { *padding: 10px; }

fieldset { border: 1px solid #CEB0D6; }

.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;] }
.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;] }
.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;] }
.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;] }

#img1 { padding:15px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin: 10px; }
#img2 { padding:10px; text-align:center; border:1px solid #EFD5BE; background-color:#fff; margin-left: 4px; }

body { background-color: #FCF3F4; }

.tr1 { background-color:#F5E8E0; }
.td1 { border:1px solid #EFD5BE; text-align:right; width:19%; text-shadow: #CEB0D6 2px 2px 2px; }
.td2 { border:1px solid #EFD5BE; text-shadow: #CEB0D6 2px 2px 2px; }

</style>

</head>
<body>
<table width='100%'>
<tr>
<td ><img id='img1' src='http://img693.imageshack.us/img693/330/imgcm.jpg' /></td>
<td>
<fieldset><legend class=legend1>SERIES INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>Main Title:</td><td class=td2>Misutenaide Daisy</td></tr>
<tr class=tr1><td class=td1>Official Title:</td><td class=td2>Don`t Leave Me Alone, Daisy</td></tr>
<tr class=tr1><td class=td1>Japanese Title:</td><td class=td2>みすてないで　デイジー</td></tr>
<tr class=tr1><td class=td1>Year:</td><td class=td2>03.07.1997 till 18.09.1997</td></tr>
<tr class=tr1><td class=td1>Episodes:</td><td class=td2>12</td></tr>
<tr class=tr1><td class=td1>Categories:</td><td class=td2>Comedy, Cyborgs, Mecha, Sci-Fi, Shounen, Slapstick</td></tr>
<tr class=tr1><td class=td1>Director:</td><td class=td2>Yuji Mutoh</td></tr>
<tr class=tr1><td class=td1>Production:</td><td class=td2>BeSTACK, d-rights</td></tr>
<tr class=tr1><td class=td1>References:</td>
<td class=td2>
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=2022" target="_blank">AniDB</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=137" target="_blank">ANN</a> |
<a href="http://www.animenfo.com/animetitle,711,ubabvw,misutenaide_dai.html" target="_blank">AnimeNFO</a>
</td></tr>
</table>
</fieldset>
<div class=div2>
<fieldset><legend class=legend2>FILE INFORMATION</legend>
<table width=100% cellpadding=5px cellspacing=5px>
<tr class=tr1><td class=td1>FanSub By:</td><td class=td2><b>A-Et</b></td></tr>
<tr class=tr1><td class=td1>Video:</td><td class=td2><b>DivX 5</b> [ 560x420 29.97fps ]</td></tr>
<tr class=tr1><td class=td1>Audio:</td><td class=td2><b>Japanese</b> [ MPEG Audio Layer 3 48000Hz stereo 113kbps ]</td></tr>
<tr class=tr1><td class=td1>Subtitles:</td><td class=td2><b>English</b> [ Hard-Subbed ]</td></tr>
</table>
</fieldset>
</div>
</td>
</tr>
<tr>
<td width=30%>
<div class=div3>
<fieldset><legend class=legend3>SYNOPSIS</legend>
<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>
</fieldset>
</div>
</td>
<td>
<div class=div3>
<fieldset><legend class=legend4>SCREENSHOTS</legend><div class=div4><div id=gallery>
<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>
<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>
<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>
</div></div></fieldset>
</div>
</td>
</tr>
</table>

</body></html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Generic_Revision-2_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===Pure CSS Driven Anime Template - Alternative===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
* Please take note. The indentation should look correctly using Firefox.
*
* Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
* When that happen, please use Firefox.
*
* Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
* Main user link : http://www.bakabt.com/user/816453/deysmacro.html
* Forum user link : http://forums.bakabt.com/index.php?action=profile;u=816453
*
* I welcome all of you people to use this template at your convenience.
* Do contact me via PM or email if you had anything to say.
*
* Email : deysmacro[at]gmail[dot]com
*
* I also can help you guys with the template.
* I will help whenever I can.
*
* Thanks To : kureshii, Jarudin, xchiamiov
* Thanks Also To : DaggerLite, enginarc, mrdkreka, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : YOUR NICK HERE
*
* Template Version : 3.3.3.1 pure css driven - alternative
* Template Last Update On : July 20th, 2009 @ 23:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/*
* Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
* 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.
*
* Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
width: auto;

*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

*width: 350px; /* no need to adjust the tooltip width unless needed */
*bottom: 16px;
*left: -80px;
*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
margin: 0px;
padding: 0px;
height: 410px; /* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
margin: -415px 0px 0px 540px;
padding: 10px;

*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
margin: 5px 0px 0px 0px;
padding: 0px;
height: 340px; /* no need to adjust the height unless needed */

*margin: 0px;
*height: 335px; /* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
margin: 0px 0px 0px 10px;
padding: 10px;
width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
margin: -330px 0px 0px 540px; /* no need to adjust the height unless needed */
padding: 10px;

*margin: -320px 0px 0px 540px; /* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;

}

li {
text-align: justify;
color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
background: #131313;
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E; /* main font color */
height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
vertical-align: left middle;

}

.table1 {
background-color: transparent;
cellpadding: 2px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

.table2 {
background-color: transparent;
cellpadding: 0px;
cellspacing: 0px;
height: 100%;
width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color:#EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;

}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 10px 0px 0px 0px;
padding: 6px; width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;

}

.hr1 {
margin: 0px;

*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden;

}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
color: #854C9E;
width: 26%;
text-align: right;

}

.label:hover {
color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
color: #854C9E;
width: 74%;

}

.text:hover {
color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
background-color:#EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
background-color:#EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>

<div class="outer2">



<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

<div class="button">
<table class="file_info">



<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div> </div></td>
<td class="info_b"><div>DVD</div></td>
<td />
<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
<td class="info_a"><div>DIVX</div></td>
<td class="info_b"><div>704X544</div></td>
<td />
<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
<td class="info_a"><div>JP</div></td>
<td class="info_b"><div>MP3 24KHZ</div></td>
<td />
<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
<td class="info_a"><div>EN</div></td>
<td class="info_b"><div>HARD</div></td>
</tr>
</table>
</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

<div class="divtl">
<fieldset>

<legend>| Series Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1">Main Title:</div> </td>
<td class="text"><div class="rounded2">Panda Kopanda</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2">パンダコパンダ</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2">1972 & 1973</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2">2 combined into 1</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2">Isao Takahata</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2">Shunzo Kato</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>
<td class="text">
<div class="rounded2">



<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> |
<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> |
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> |
<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
</div>
</td>
</tr>
</table>

</fieldset>
</div>

<div class="divtr">
<fieldset>

<legend>| Main Picture |</legend>

<table class="table2">
<tr>
<td>
<div class="pics">



<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png" />
</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="divbottom">

<div class="divbl">
<fieldset>

<legend>| File Information |</legend>




<table class="table1">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Approx. Duration:</div></td>
<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2">Please continue seeding as much as you can.<br>Thank you guys.</div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>
<td class="text">
<div class="rounded2">
<ul>

<div class="div5">
<li>



<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>
</li>
</div>

</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>



<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
</tr>
</table>

</fieldset>
</div>

<div class="divbr">
<fieldset>

<legend>| Synopsis |</legend>

<table class="table2">
<tr>
<td>
<div class="rounded3">




<p>
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.
</p>

</div>
</td>
</tr>
</table>

</fieldset>
</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>
</html>



[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Pure_CSS_Driven_Anime_Template_-_Alternative.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (original)===
----

Submitted by: deysmacro

<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<script language="javascript" purpose="User definitions">
/* --| start |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------> nothing to edit here - go to edit info center instead <--| note |-- */

function dcw(input)
{ document.write(input); }
useredit = new Object();
related = new Object();

related.anime_list = new Array();
related.ost_list = new Array();
related.pics_list = new Array();

function add_related(type, title, href)
{ var tmp_list;
switch (type) {
case "anime": target_list = related.anime_list;
break;
case "ost" : target_list = related.ost_list;
break;
case "pics": target_list = related.pics_list;
break; }

tmp_item = new Object();

tmp_item.title = title;
tmp_item.href = href;

target_list.push(tmp_item);
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| start |-- */
/* --> most user only need to edit the info here <--------------------------------------------------------------------------------------------------------------------------------------------------------------| note |-- */

useredit.heading="Panda Kopanda | Panda! Go Panda! [DivX][MP3]";

useredit.maintitle="Panda Kopanda";
useredit.officialtitle="Panda! Go Panda";
useredit.japanesetitle="パンダコパンダ ";
useredit.year="1972 & 1973";
useredit.episodes="2 combined into 1";
useredit.categories="Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy";
useredit.director="Isao Takahata";
useredit.production="Shunzo Kato";

/* --> if any of the reference link is unavailable, just replace it with # <----------------------------------------------------------------------------------------------------------------------------------| note |-- */
useredit.anidb = "http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530";
useredit.animenfo = "http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html";
useredit.ann = "http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352";
useredit.officialpage = "http://www.nausicaa.net/miyazaki/panda/";

useredit.synopsis=
"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.";

useredit.fansub="<b>No Information</b>";
useredit.note="Please continue seeding as much as you can.<br>Thank you guys.";

useredit.srcs_left="";
useredit.srcs_right="DVD";

useredit.vids_left="DIVX";
useredit.vids_right="704X544";

useredit.auds_left="JP";
useredit.auds_right="MP3 24KHZ";

useredit.subs_left="EN";
useredit.subs_right="HARD";

useredit.tooltip_label_vids="This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.";
useredit.tooltip_label_auds="This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.";
useredit.tooltip_label_subs="This title has been <b>hard-subbed</b>.";

/* --> 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 |-- */
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");
add_related("anime", "Dummy link", "#");

/* --> 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 |-- */
add_related("ost", "No related link", "#");
add_related("ost", "Dummy link", "#");

/* --> 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 |-- */
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");
add_related("pics", "#", "http://img39.imageshack.us/img39/280/pandakopanda.jpg");

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit info center |--| end |-- */
/* --| end |--| user-edit auto text replacement scripting engine |---------------------------------------------------------------------------------------------------------------------------------------------------- */
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery.cycle.all.min.js" type="text/javascript"></script>

<style type="text/css">
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| start |---
* Thanks To : kureshii, Jarudin
* Thanks Also To : enginarc, DaggerLite, blubart
*
* Originally Customized By : deysmacro
* Re-Customized By : PUT YOUR NICK HERE
*
* Template Version : 3.2.2.1 js alternative - editing friendly edition
* Template Last Update On : July 26th, 2009 @ 17:28pm GMT+8
*
* Please leave the credit intact if you plan to use this template.
* Your cooperation is highly appreciated.
*
* Hopefully you enjoy using this template
* Thank you for your time and good day.
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 26 | 0720 | d-ait | v3221 | 36
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
* Quick Reminder:
* If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
* Example:
* Assume "width" is the syntax...
*
* body {
* width: 100px; <-- major browser support
*
* *width: 110px; <-- targeted for IE only
* }
*
* This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
* Please take note of this when you are editing.
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| general info section |--| end |-- */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| start |--

Note:
1. This template is pretty much already ready out of the box and usually doesn't need to be customized anymore.
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.
3. Just find any 'edit point xx of xx' for quick edit target.
4. Other settings which have no edit point or edit hint is meant to be left as it is and for advanced user only.
5. Advanced user may edit the settings but I highly not recommended as it should be fine without to be customized.
6. Go directly to bottom to edit the screenshot img links.

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| read first before carry on --| end |-- */

/* ---------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
margin: 0px;
}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 0px;
width: auto;

*border-collapse: collapse;
}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
z-index: 9;
cursor: help;
}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
display: none;
}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
position: absolute;
bottom: 24px;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*width: 350px; /* for IE only - no need to adjust the tooltip width unless needed */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 1 of 3 |---------- */

*bottom: 16px;
*left: -80px;
*text-align: left;
}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
width: 20px;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: center;
color: #D0D0F0;
background-color: #854C9E;
border: #854C9E 2px solid;
position: relative;

*font-size: 9px;
}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-right: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: left;
width: 50px;
padding: 0px 0px 0px 3px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
background-color: #EEEEFF;
border: #854C9E 2px solid;
border-left: 0px;
color: #854C9E;
font-family: "Lucida Console", sans-serif;
font-size: 7.7px;
text-align: right;
width: 60px;
padding: 0px 3px 0px 0px;
font-size: 7.7px;

*font-size: 9px;
}

/* --| end |----------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* --| div which holds divpic and divtab |-- */

.divwhole {
margin: 23px 0px 20px 0px;
padding: 0px;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

height: 460px; /* this height only need to be adjusted when necessary only */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 2 of 3 |---------- */

*margin: 35px 0px -5px 0px;
}

/* --| end |--------------------------- */
/* --| div which holds the pics |-- */

.divpic {
margin: 0px 0px 0px 20px;
padding: 0px;

*margin: -25px -365px 0px 20px;
}

/* --| end |--------------------------------------- */
/* --| div which holds the tab container |-- */

.divtab {
margin: -450px 0px 0px 360px;
padding: 0px;
width: 560px;
}

/* --| end |------------ */
/* --| body styling |-- */

body {
background: #131313;

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

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 */

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| edit point 3 of 3 |---------- */

font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
text-align: left;
color: #854C9E;
height:auto;
}

/* --| end |----------------- */

/* -----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| start |-- */
/* --> 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 |-- */

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers ----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.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; }
.ui-widget-content a { color: #333333; }
.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; }
.ui-widget-header a { color: #F6FAFD; }

/* Interaction states ----------------------------------*/
.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; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; }
.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; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.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; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Tabs ----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.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; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ----------------------------------------------------------------------------------------------------------------------------------------| tabbed container settings center |--| end |-- */

/* --| message bar positioning control |-- */

.overlap1 {
height: 32px;
z-index: 2;
position: relative;
margin: 0px 0px -16px 0px;
}

/* --| end |---------------------- */
/* --| message bar styling |-- */

.note {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px 0px 5px 0px;
padding: 5px;
display: block;
}

.note1 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 0px;
padding: 5px;
display: block;
}

.note2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
line-height: 16px;
background-color: #FFFFCC;
background-image:url('http://img194.imageshack.us/img194/1986/helpm.png');
background-position: 3px 50%;
background-repeat: no-repeat;
color: #777777;
height: 16px;
width: auto;
border: 1px solid #999999;
margin: 5px 0px 0px 0px;
padding: 5px;
display: block;
}

/* --| end |-------------------------------------- */
/* --| list styling |-- */

li {
text-align: justify;
color: #854C9E;
}

.divlist {
margin: -10px 0px -10px -25px;

*margin: -20px 0px -20px -25px;
}

/* --| end |------------ */
/* --| http link styling |-- */

a:hover {
color: #854C9E;
}

/* --| end |------------------- */
/* --| paragraph styling |-- */

p {
text-align: justify;
color: #854C9E;
font-weight: bold;
}

/* --| end |------------- */
/* --| table styling |-- */

td {
vertical-align: left middle;
}

/* --| end |------------ */
/* --| label styling |-- */

.label {
color: #854C9E;
width: 17%;
text-align: right;
}

.label:hover {
color: blue;
}

/* --| end |------------ */
/* --| text styling |-- */

.text {
color: #854C9E;
width: 74%;
}

.text:hover {
color: red;
}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
background-color: #EEEEFF;
padding: 10px;
border: 1px solid #CCCFC8;
font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
font-size: 22px;
font-weight: bold;
color: #854C9E;
}

.outer2 {
z-index: 1;
background-color: #EEDDFF;
margin: 0px;
padding: 6px;
width: 815px;
position: relative;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.outer3 {
background-color: #EEDDFF;
margin: 0px 0px 10px 0px;
padding: 6px;
width: 815px;
border: 1px solid #CCCFC8;
text-align: center;
margin-left: auto;
margin-right: auto;
}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr {
width: 93%;
}

.hr1 {
margin: 0px;

*text-align: center;
}

/* --| end |--------------------------------------------- */
/* --| pics holder styling |--------------------------- */

.pics {
height: auto;
width: auto;
padding: 0px;
margin: 0px;
overflow: hidden
}

.pics img {
height: auto;
width: auto;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
top: 0px;
left: 0px;
}

/* --| end |--------------------------------------------------- */
/* --| background box styling |--------------------------- */

/*
.rounded1 {
background-color: #EEDDFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}
*/

.rounded2 {
background-color: #EEEEFF;
padding: 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;
}

.rounded3 {
background-color: #EEEEFF;
padding: 5px 10px 5px 10px;
width: auto;
height: auto;
border: 1px solid #CCCFC8;

*padding: 0px 10px 0px 10px;
}
/* --| end |--------------------------------------------- */

</style>


<script type="text/javascript">
$('#slideshow').cycle({
fx: 'all',
timeout: 5000,
speed: 1000
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note1").fadeOut("slow", function () {
$("#note1").remove();
});

}, 5000);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
$('#note2').hide();
setTimeout(function(){
$("#note2").fadeIn("slow", function () {
$("#note2").show();
});

}, 4990);
});
</script>


<script type="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$("#note3").fadeOut("slow", function () {
$("#note3").remove();
});

}, 10000);
});
</script>


<script type="text/javascript">
$(function() {
$("#tabs").tabs({ fx: { opacity: 'toggle' } });
var fx = $('.selector').tabs('slow', 'fx');
});
</script>

</head>
<body>


<div class="overlap1">
<div id="note3">
<div id="note2" class="note">
       In case the pictures are not properly fetched/displayed, refresh this page to see if it helps.
</div>
</div>
<div id="note1" class="note">
       If this message does not go away, means that Javascripts support is disabled or this page loads improperly.
Enable Javascripts support and/or refresh this page to see if it helps.
</div>
</div>

<div class="outer2">
<div class="inner"><script>dcw(useredit.heading);</script></div>

<div class="button">
<table class="file_info">
<tr>
<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
<td class="info_a"><div><script>dcw(useredit.srcs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.srcs_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_vids);</script></span><div>VIDS</div></td>
<td class="info_a"><div><script>dcw(useredit.vids_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.vids_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_auds);</script></span><div>AUDS</div></td>
<td class="info_a"><div><script>dcw(useredit.auds_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.auds_right);</script></div></td>
<td />
<td class="info_label"><span>       <script>dcw(useredit.tooltip_label_subs);</script></span><div>SUBS</div></td>
<td class="info_a"><div><script>dcw(useredit.subs_left);</script></div></td>
<td class="info_b"><div><script>dcw(useredit.subs_right);</script></div></td>
</tr>
</table>
</div>
</div>

<div class="hr1"><hr></div>

<div class="divwhole">

<div class="divpic">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr><td>
<div id="slideshow" class="pics"></div>
<script language="javascript" purpose="Print related pics">
for (i in related.pics_list) { document.getElementById("slideshow").innerHTML += '<img src="'+related.pics_list[i].href +'" />'; }
</script>
</td></tr>
</table>
</div>

<div class="divtab">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Series Information</a></li>
<li><a href="#tabs-2">File Information - Related Anime - Related OST</a></li>
<li><a href="#tabs-3">Synopsis</a></li>
</ul>

<div id="tabs-1">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1">Main Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.maintitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Official Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.officialtitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Japanese Title:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.japanesetitle);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Year:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.year);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Episodes:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.episodes);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Categories:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.categories);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Director:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.director);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Production:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.production);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">References:</div></td>

<td class="text"><div class="rounded2">
<a id="link_anidb" target="_blank">AniDB</a> |
<a id="link_animenfo" target="_blank">AnimeNFO</a> |
<a id="link_ann" target="_blank">ANN</a> |
<a id="link_officialpage" target="_blank">Official Page</a>
</div></td>
</tr>
</table>
</div>

<div id="tabs-2">
<table style="background-color: transparent;" cellpadding="3" cellspacing="0" height="100%" width="100%">
<tr>
<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
<td class="text"><br>Hover on the quick file summary for more information.<br><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">FanSub by:</div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.fansub);</script></div></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Note:<br><br></div></td>
<td class="text"><div class="rounded2"><script>dcw(useredit.note);</script></div></td>
</tr>
<tr>
<td><br> <br></td>
<td><br><hr><br></td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related Anime:<br></div></td>

<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related anime">
for (i in related.anime_list)
{ document.write('<li><a href="'+related.anime_list[i].href +'" target="_blank">'+ related.anime_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
<tr>
<td class="label"><div class="rounded1">Related OST:<br><br></div></td>
<td class="text">
<div class="rounded2">
<ul>
<div class="divlist">
<script language="javascript" purpose="Print related ost">
for (i in related.ost_list)
{ document.write('<li><a href="'+related.ost_list[i].href +'" target="_blank">'+ related.ost_list[i].title + '</a></li>'); }
</script>
</div>
</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="tabs-3">
<table style="background-color: transparent;" cellpadding="0" cellspacing="0" height="100%">
<tr>
<td><div class="rounded3">
<p>
<script>dcw(useredit.synopsis);</script>
</p>
</div></td>
</tr>
</table>
</div>
</div>

</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
<div class="inner">Screenshots</div>
</div>

</body>


<script language="javascript">
document.getElementById('link_anidb').href= useredit.anidb;
document.getElementById('link_animenfo').href= useredit.animenfo;
document.getElementById('link_ann').href= useredit.ann;
document.getElementById('link_officialpage').href= useredit.officialpage;
</script>


<script src="http://deysmacro.uuuq.com/resources/bakabt/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>

</html>


[screenshot]
[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:JS_Alternative_Anime_Template.png Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

===JS Alternative Anime Template - Editing Friendly Edition (templatized)===
----
[http://www.bakabt.com/template.php?id=JS-alternative%20(edit-friendly)%20Anime%20Template Click here] to use

===Simplest Tabled Anime Template===
<pre>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1></h1>
<h3><a href="ANN URL" target="_blank">ANN</a> / <a href="AniDB URL" target="_blank">AniDB</a></h3>
<table cellspacing="4">
<tr valign="top">
<td>
<h2>Series Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Year</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Episodes</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Categories</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Director</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Production</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>File Information</h2>
<ul>
<table cellspacing="3">
<tr><td style="font-size:15px">Ripper</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Video</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Audio</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Subtitle</td><td>[Insert]</td></tr>
<tr><td style="font-size:15px">Comments</td><td>[Insert]</td></tr>
</table>
</ul>
<h2>Related Torrents</h2>
<ul>
[Insert]
</ul>
<h2>Summary/Description</h2>
<ul>
[Insert]
</ul>
</td>
<td><img src="[Insert SUMMARY IMAGE URL]" alt="Image" /></td>
</tr>
</table>
<h2>Screenshots</h2>
</body>
</html>
[screenshot]
[IMG]http://i50.tinypic.com/1znly1j.png[/IMG]
[IMG]http://i46.tinypic.com/m0mc3.png[/IMG]
[IMG]http://i46.tinypic.com/1z2ln4h.png[/IMG]
[/screenshot]
</pre>

Back to [[Offer_Templates#Templates_preview|top]].

===Twin Alpha Box Description===
----

Submitted by: miasmacloud

<pre>
This is a simple description. It uses two bars for information.
--------------------------------------------
CTRL+F to find the spots you need to fill in.
REQUIRED1 - The background image
REQUIRED2 - Summary
REQUIRED3 - Show information
REQUIRED4 - File information
REQUIRED5 - Screenshots
--------------------------------------------
By default, this has two bars on the left side of the screen, but you can customize the positioning.
--------------------------------------------
To customize the bar positioning, find the part in the <style> where the following 3 entries are.

#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}

- bar1 = where the summary appears, bar2 = where the show and file info appears
- To make the two bars appear in the middle of the screen, remove the /* */ from the #centered
- To make both bars appear on the right side of the screen, change both float: left; to to float: right;
- To make one of the bars appear on the right, change one float: left to float: right;
</pre>
<pre>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> template </title>
<style type="text/css" media="screen">
/* main */
*{
padding: 0px;
margin: 0px;
}
*:focus{
outline: none;
}
body{
background: #fff;
font-family: tahoma;
font-size: 8pt;
color: #fff;
width: 940px;
background-repeat: no-repeat;
}
body{
background-image: url(http://dl.dropbox.com/u/6430958/template/example_bg.jpg);
/* REQUIRED1 ~ replace the URL with your own background image URL */
}
a:link,a:visited,a:active,a:hover{
text-decoration: underline;
color: #fff;
}
h1{
padding: 5px;
text-align: center;
font-size: 11pt;
}

/* text bars */
.bars{
width: 250px;
margin: 0px 20px 0px 20px;
}
#centered{
/* width: 580px; */
margin: 0px auto;
}
#bar1{
float: left;
}
#bar2{
float: left;
}
.bg{
background-image: url(http://dl.dropbox.com/u/6430958/template/black_barbg.png);
}
.low{
height: 100px;
background-image: url(http://dl.dropbox.com/u/6430958/template/black_grad.png);
}

/* inside the text bars */
.content{
padding: 10px;
line-height: 12pt;
text-shadow: 1px 1px 2px #000;
text-align: justify;
}
.item{
margin: 3px 0px 3px 0px;
}

/* right bar specific */
#show{
margin-bottom: 15px;
}
</style>
</head>
<body>

<div id="centered">
<div id="bar1" class="bars">
<div class="bg">
<div class="content">
<h1>
ef ~ tale of melodies
</h1>
<div class="item">

The anime once again tells two stories. The first story takes place in the past.
Himura Yuu meets a girl, Amamiya Yuuko who seems to know him, but he doesn't know her.
However, he soon remembers that she was a girl whom he knew from long ago.
Yuuko then tells him something which he never knew.
He was her first love since then, and her first love has not ended yet.
The second story takes place in the present, just after the events of ef - A Tale of Memories.
Shuuichi Kuze meets the cousin of Aso Renji, Hayama Mizuki and spends a lot of time with her.
Unknown to Mizuki, Kuze had contracted a fatal illness and has little time left to live.
Kuze had decided to break all romantic ties, but things go bad when Mizuki tells him that she loves him.
</div>
</div>
</div>
<div class="low"></div>
</div>
<div id="bar2" class="bars">
<div class="bg">
<div class="content">
<div id="show">
<h1>
Show Information
</h1>

<div class="item">
<b>Categories</b>
Angst, High School, Romance, School Life, Seinen, Tragedy
</div>
<div class="item">
<b>Source Material</b>
Eroge by minori
</div>
<div class="item">
<b>Production</b>
SHAFT
</div>
<div class="item">
<b>More</b>
<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=10128">ANN</a>,
<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=6014">AniDB</a>,
<a href="http://www.bakabt.com/browse.php?q=ef+melodies">Related Torrents</a>
</div>
<div class="item">
<b></b>


</div>
</div>
<div id="file">
<h1>
File Information
</h1>

<div class="item">
<b>Group</b>
<a href="http://www.thoranime.org/">THORA</a>
</div>
<div class="item">
<b>Subtitles</b>
Softsubs, translation by Menclave
</div>
<div class="item">
<b>Video</b>
1920x1080 H.264 ~5000 kbps
</div>
<div class="item">
<b>Audio</b>
Japanese AC3 2.0 384 kbps
</div>
<div class="item">
<b>Runtime</b>
12 episodes
</div>
<div class="item">
<b></b>


</div>
</div>
</div>
</div>
<div class="low"></div>
</div>
</div>



</body>
</html>
</pre>

Sample template image: [http://wiki.bakabt.com/index.php/File:Twin_Alpha_Box_Description.jpg Click here for full preview]<br />
Back to [[Offer_Templates#Templates_preview|top]].

=Manga Templates=

===Byousoku 5cm Manga Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20Manga%20Template Click here] to use

===Dille's Manga Template===
----

[http://www.BakaBT.com/template.php?id=Dille%27s%20Manga%20Template Click here] to use

=OST Templates=

===OST Template 1===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Show/hide Tracklist OST Template===
----

[http://www.BakaBT.com/template.php?id=Show/HideList%20OST%20Template Click here] to use

===Dropdown list OST Template===
----

[http://www.BakaBT.com/template.php?id=DropdownBox%20OST%20Template Click here] to use

===Simple OST Template===
----

[http://www.BakaBT.com/template.php?id=Simple%20HTML%20OST%20Template Click here] to use

===Boxed OST Template===
---

Submitted by: kureshii

'''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.'''

<pre>
<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
<tr>
<td>
<div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 1 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 1 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 2 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 2 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
</td>
</tr>
<tr>
<td>
<div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 3 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 3 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
</td>
<td>
<div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
<div class="header2">[[Album 4 Title]]<br>
<div class="header3">[[Artist(s) info]]</div></div></div>
<div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
<div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
<b>Compression:</b> [[File codec/format]]<br>
<b>Album Release Date:</b> [[Album 4 Release Date]]<br>
<br>
<b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
</td>
</tr>
</table>
</div>
</body></html>
</pre>

Sample torrent: [http://www.BakaBT.com/torrent/140104/Macross_Frontier_Music_Collection_(FLAC)_LonE.html Macross Frontier Music Collection]

Go to: [http://www.BakaBT.com/offer.php Offers Page]

===Javascript-based dropdown menu Template (Especially good for manga/OST collections)===
----

Submitted by: shadowmaniac

'''Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.'''

'''Note: Please don't use this template if you don't/can't understand what's going on.'''

<pre>
<html>
<head>
<style type="text/css">
hr
{
width: 80%;
}

body
{
align: center;
height: 500px;
}

.tdtext
{
width: 30%;
v-align: top;
}

.wrapper
{
width: 800px;
align: center; border-width: 2px;
border-style: solid;
border-color: #000;
overflow: auto;
text-align: center;
}
</style>

<script language="javascript">

</script>
</head>

<body>
<center>
<div class="wrapper">
<br />
<form id="form1">
<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">


<option value="0">Choose an album/OST</option>
<option value="1">[[OST 1]]</option>
<option value="2">[[OST 2]]</option>
<option value="3">[[OST 3]]</option>
<option value="4">[[OST 4]]</option>
<option value="5">[[OST 5]]</option>


</select>
</form>
<iframe id="myframe" frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" width="700"
scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
</div>
</center>
</body>
</html>
</pre>

Sample template image: [http://i369.photobucket.com/albums/oo133/shadowmaniac_2000/JSDropdown.jpg Sample image]

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]

===Simple ChalamiuS OST Template===
----
[http://www.bakabt.com/template.php?id=Simple%20ChalamiuS%20HTML%20OST%20Template Click here] to use

Go to: [http://www.BakaBT.com/offer.php Offers Page]

File:Html5 CSS3 anime template by cvp.JPG

2010-11-01T17:25:39Z

CvP: This template utilizes HTML5 and CSS3. It also comes with a flexible form to generate the template code instead of editing the code manually.

This template utilizes HTML5 and CSS3. It also comes with a flexible form to generate the template code instead of editing the code manually.

Windows Video Playback

2010-08-23T01:38:17Z

CvP: /* Acceptable */

This article is aimed at providing useful information regarding playback on Windows.

==A List of Commonly Used Players==

===<span style="color:green">Recommended</span>===
;[http://sourceforge.net/projects/guliverkli/ Media Player Classic (MPC)]:This player is included in [[CCCP]]. It is recommended that you use this player, however it must be configured correctly. Refer to [http://forums.bakabt.com/index.php?topic=13746.0 this] guide. For 64-bit Windows users it even has a x64 version, but that version will only work with 64-bit codecs, so for now it is recommended that you use the 32-bit version until 64-bit codecs mature more.
Please note that this player has been superseded by Media Player Classic Home Cinema (MPCHC). Please use this newer version of MPC bundled with the newest CCCP (which contains a custom build of the player).

;[http://www.inmatrix.com/ Zoom Player]:This player is '''no longer''' included in [[CCCP]] because the free version of it is no longer being developed and it may have playback issues in Vista. Very nice, relatively easy to use interface. Do not download the Professional versions, download the standard edition. The professional versions are trials, they stop working after a while. Has an installation center that installs all CCCP codecs for you.

;[http://www.kmplayer.com/forums/showthread.php?t=4094 The KMPlayer]:Good player with internal and external filter support, handles a wide range of subtitles and allows you to capture audio, video, and screenshots in many ways but for better user experience it needs to be [[KMPlayer| tweaked]] to display styled subs and ordered chapters properly.

===<span style="color:orange">Acceptable</span>===
;[http://www.allplayer.org/ ALLPlayer]:This player will use CCCP, but has a confusing interface and useless features. It is also rather homely.

;[http://www.cowonamerica.com/products/jetaudio/ JetAudio Player]:Supports almost 100 different file formats (including CD/VCD/DVD playback). It includes tools for ripping, burning, audio/video conversion, external recording, and broadcasting. Features are '''highly''' customizable. It has its own codecs for everything except Real/QuickTime (similar to VLC). However, it can also use external codecs ([[#Codecs and Codec Packs]]). Therefore, it can be used as '''one player for everything''' (including music).
:Downside:
:* No Cue support
:* VFR Video desyncs if internal mkv codec is used (bug) (using external codecs solves this issue)
:* Always uses user-defined font for ASS (bug) (not loading built-in subtitle filter solves this issue)

;[http://www.mplayerhq.hu/ MPlayer]:This player uses internal codecs and filters. It will play videos as well as [[CCCP]] can, but the keyboard-orientated interface can be confusing to people used to menu-driven interfaces.

;[http://www.corecoded.com/ The Core Media Player (TCMP)]:Not to be confused with the Coreplayer. It will work fine if you don't use the included filters.

;[http://www.winamp.com/ WinAmp 5]:Will work fine if configured correctly, but that's a lot of configuration for most videos on the tracker.

;[http://www.microsoft.com/windows/windowsmedia/ Windows Media Player]:Not to be confused with Media Player Classic (see above). Will play fine, but will sometimes crash. Various other issues.

===<span style="color:red">Not Recommended</span>===

;[http://coreplayer.com/ Coreplayer]:Developed by the same team that developed the CoreAVC codec. Only uses internal filters. Also, it will not render subtitles.

;[http://www.bsplayer.org/ BSPlayer]:We don't suggest anyone uses this player. It is filled with bugs.

;[http://www.divx.com/ DivX Player]:This player is semi-compatible with [[CCCP]]. It will play MKV, OGM, and MP4 files, but it cannot play audio files. Not recommended for use. Tends to pixelate the image in certain instances.

;[http://ffmpeg.mplayerhq.hu/ FFPlayer]:Doesn't use vsfilter.

;[http://www.apple.com/quicktime/ QuickTime]:Will play AVI and MP4 files (depends on installed QT codecs), but cannot handle MKV or OGM files. Ignores [[CCCP]]. To play QuickTime files, it is recommended that you use the [http://www.free-codecs.com/download/QuickTime_Alternative.htm QT Alternative] which works in conjuction with Media Player Classic.

;[http://www.real.com/ RealPlayer 10]:Loads [[CCCP]] with AVI files, but won't load MKV or OGM files. To play Real files, it is recommended that you use [http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative] which works in conjunction with Media Player Classic.

;[http://www.videolan.org/vlc/ VLC Media Player]:This player supports nearly every media filetype one may encounter, but is not recommended for use. It does not use external codecs, and might not support some new features of the MKV container. It is currently still under development, but BakaBT does not recommend its use for the purpose of watching most fansubs (especially more recent ones). Only recommended to keep around as a last-ditch effort for playing stubborn video files.

==Codecs and Codec Packs==

===Codec Packs===

;[[CCCP]] (<span style="color:limegreen">Recommended</span>):
* [[CCCP]] stands for Combined Community Codec Pack and was created to consolidate the filter packs of many different fansub groups into a single reliable filter pack that is shared by all of the fansub groups.
* Stability is high, [[CCCP]] claim to be bug free.
* Lightweighted (it only includes what you really need).
* Bundled with Media Player Classic Home Cinema, the newest build of MPC since the original developer retired the project. Much more efficient than MPC.
[http://www.cccp-project.net/ CCCP Homepage]

;[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack]:
* Plays almost every video available, even rare (for playback of anime you don't need most of them).
* Comes bundled with Media Player Classic.
[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack on Free-Codecs.com].

;[http://www.xpcodecpack.com/ XP Codec Pack]:
* Plays many different formats, it's like a little heavier pack than [[CCCP]].
* Gets regular updates (this means it may not be stable all times).
[http://www.xpcodecpack.com/ XP Codec Pack Homepage]

===Codecs===
;[[CoreAVC]] Professional (<span style="color:limegreen">Recommended</span> if you have trouble with h264 encodes):
Refer to [http://forums.bakabt.com/index.php?topic=8513.0 Psyren's guide]

;[http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative]
Allows you to play Real Media (.rm) files in a media player without the need to install Real Player.
;[http://www.free-codecs.com/download/QuickTime_Alternative.htm QuickTime Alternative]
Allows you to play QuickTime (.mov) files in a media player without the need to install QuickTime. It also allows you to stream video and sound from the Internet using QuickTime.

Windows Video Playback

2010-08-15T17:58:15Z

CvP: /* Acceptable */

This article is aimed at providing useful information regarding playback on Windows.

==A List of Commonly Used Players==

===<span style="color:green">Recommended</span>===
;[http://sourceforge.net/projects/guliverkli/ Media Player Classic (MPC)]:This player is included in [[CCCP]]. It is recommended that you use this player, however it must be configured correctly. Refer to [http://forums.bakabt.com/index.php?topic=13746.0 this] guide. For 64-bit Windows users it even has a x64 version, but that version will only work with 64-bit codecs, so for now it is recommended that you use the 32-bit version until 64-bit codecs mature more.
Please note that this player has been superseded by Media Player Classic Home Cinema (MPCHC). Please use this newer version of MPC bundled with the newest CCCP (which contains a custom build of the player).

;[http://www.inmatrix.com/ Zoom Player]:This player is '''no longer''' included in [[CCCP]] because the free version of it is no longer being developed and it may have playback issues in Vista. Very nice, relatively easy to use interface. Do not download the Professional versions, download the standard edition. The professional versions are trials, they stop working after a while. Has an installation center that installs all CCCP codecs for you.

;[http://www.kmplayer.com/forums/showthread.php?t=4094 The KMPlayer]:Good player with internal and external filter support, handles a wide range of subtitles and allows you to capture audio, video, and screenshots in many ways but for better user experience it needs to be [[KMPlayer| tweaked]] to display styled subs and ordered chapters properly.

===<span style="color:orange">Acceptable</span>===
;[http://www.allplayer.org/ ALLPlayer]:This player will use CCCP, but has a confusing interface and useless features. It is also rather homely.

;[http://www.cowonamerica.com/products/jetaudio/ JetAudio Player]:Supports almost 100 different file formats (including CD/VCD/DVD playback). It includes tools for ripping, burning, audio/video conversion, external recording, and broadcasting. Features are '''highly''' customizable. It has its own codecs for everything except Real/QuickTime (similar to VLC). However, it can also use external codecs ([[#Codecs and Codec Packs]]). Therefore, it can be used as '''one player for everything''' (including music).
:Downside:
:* No Cue support
:* VFR Video desyncs if internal mkv codec is used (bug) (using external codecs solves this issue)
:* Always uses user-defined font for ASS (bug)

;[http://www.mplayerhq.hu/ MPlayer]:This player uses internal codecs and filters. It will play videos as well as [[CCCP]] can, but the keyboard-orientated interface can be confusing to people used to menu-driven interfaces.

;[http://www.corecoded.com/ The Core Media Player (TCMP)]:Not to be confused with the Coreplayer. It will work fine if you don't use the included filters.

;[http://www.winamp.com/ WinAmp 5]:Will work fine if configured correctly, but that's a lot of configuration for most videos on the tracker.

;[http://www.microsoft.com/windows/windowsmedia/ Windows Media Player]:Not to be confused with Media Player Classic (see above). Will play fine, but will sometimes crash. Various other issues.

===<span style="color:red">Not Recommended</span>===

;[http://coreplayer.com/ Coreplayer]:Developed by the same team that developed the CoreAVC codec. Only uses internal filters. Also, it will not render subtitles.

;[http://www.bsplayer.org/ BSPlayer]:We don't suggest anyone uses this player. It is filled with bugs.

;[http://www.divx.com/ DivX Player]:This player is semi-compatible with [[CCCP]]. It will play MKV, OGM, and MP4 files, but it cannot play audio files. Not recommended for use. Tends to pixelate the image in certain instances.

;[http://ffmpeg.mplayerhq.hu/ FFPlayer]:Doesn't use vsfilter.

;[http://www.apple.com/quicktime/ QuickTime]:Will play AVI and MP4 files (depends on installed QT codecs), but cannot handle MKV or OGM files. Ignores [[CCCP]]. To play QuickTime files, it is recommended that you use the [http://www.free-codecs.com/download/QuickTime_Alternative.htm QT Alternative] which works in conjuction with Media Player Classic.

;[http://www.real.com/ RealPlayer 10]:Loads [[CCCP]] with AVI files, but won't load MKV or OGM files. To play Real files, it is recommended that you use [http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative] which works in conjunction with Media Player Classic.

;[http://www.videolan.org/vlc/ VLC Media Player]:This player supports nearly every media filetype one may encounter, but is not recommended for use. It does not use external codecs, and might not support some new features of the MKV container. It is currently still under development, but BakaBT does not recommend its use for the purpose of watching most fansubs (especially more recent ones). Only recommended to keep around as a last-ditch effort for playing stubborn video files.

==Codecs and Codec Packs==

===Codec Packs===

;[[CCCP]] (<span style="color:limegreen">Recommended</span>):
* [[CCCP]] stands for Combined Community Codec Pack and was created to consolidate the filter packs of many different fansub groups into a single reliable filter pack that is shared by all of the fansub groups.
* Stability is high, [[CCCP]] claim to be bug free.
* Lightweighted (it only includes what you really need).
* Bundled with Media Player Classic Home Cinema, the newest build of MPC since the original developer retired the project. Much more efficient than MPC.
[http://www.cccp-project.net/ CCCP Homepage]

;[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack]:
* Plays almost every video available, even rare (for playback of anime you don't need most of them).
* Comes bundled with Media Player Classic.
[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack on Free-Codecs.com].

;[http://www.xpcodecpack.com/ XP Codec Pack]:
* Plays many different formats, it's like a little heavier pack than [[CCCP]].
* Gets regular updates (this means it may not be stable all times).
[http://www.xpcodecpack.com/ XP Codec Pack Homepage]

===Codecs===
;[[CoreAVC]] Professional (<span style="color:limegreen">Recommended</span> if you have trouble with h264 encodes):
Refer to [http://forums.bakabt.com/index.php?topic=8513.0 Psyren's guide]

;[http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative]
Allows you to play Real Media (.rm) files in a media player without the need to install Real Player.
;[http://www.free-codecs.com/download/QuickTime_Alternative.htm QuickTime Alternative]
Allows you to play QuickTime (.mov) files in a media player without the need to install QuickTime. It also allows you to stream video and sound from the Internet using QuickTime.

Windows Video Playback

2010-08-15T17:55:09Z

CvP: /* Acceptable */

This article is aimed at providing useful information regarding playback on Windows.

==A List of Commonly Used Players==

===<span style="color:green">Recommended</span>===
;[http://sourceforge.net/projects/guliverkli/ Media Player Classic (MPC)]:This player is included in [[CCCP]]. It is recommended that you use this player, however it must be configured correctly. Refer to [http://forums.bakabt.com/index.php?topic=13746.0 this] guide. For 64-bit Windows users it even has a x64 version, but that version will only work with 64-bit codecs, so for now it is recommended that you use the 32-bit version until 64-bit codecs mature more.
Please note that this player has been superseded by Media Player Classic Home Cinema (MPCHC). Please use this newer version of MPC bundled with the newest CCCP (which contains a custom build of the player).

;[http://www.inmatrix.com/ Zoom Player]:This player is '''no longer''' included in [[CCCP]] because the free version of it is no longer being developed and it may have playback issues in Vista. Very nice, relatively easy to use interface. Do not download the Professional versions, download the standard edition. The professional versions are trials, they stop working after a while. Has an installation center that installs all CCCP codecs for you.

;[http://www.kmplayer.com/forums/showthread.php?t=4094 The KMPlayer]:Good player with internal and external filter support, handles a wide range of subtitles and allows you to capture audio, video, and screenshots in many ways but for better user experience it needs to be [[KMPlayer| tweaked]] to display styled subs and ordered chapters properly.

===<span style="color:orange">Acceptable</span>===
;[http://www.allplayer.org/ ALLPlayer]:This player will use CCCP, but has a confusing interface and useless features. It is also rather homely.

;[http://www.cowonamerica.com/products/jetaudio/ JetAudio Player]:Supports almost 100 different file formats (including CD/VCD/DVD playback). It includes tools for ripping, burning, audio/video conversion, external recording, and broadcasting. Features are '''highly''' customizable. It has its own codecs for everything except Real/QuickTime (similar to [[#VLC Media Player]]). However, it can also use external codecs ([[#Codecs and Codec Packs]]). Therefore, it can be used as '''one player for everything''' (including music).
:Downside:
:* No Cue support
:* VFR Video desyncs if internal mkv codec is used (bug) (using external codecs solves this issue)
:* Always uses user-defined font for ASS (bug)

;[http://www.mplayerhq.hu/ MPlayer]:This player uses internal codecs and filters. It will play videos as well as [[CCCP]] can, but the keyboard-orientated interface can be confusing to people used to menu-driven interfaces.

;[http://www.corecoded.com/ The Core Media Player (TCMP)]:Not to be confused with the Coreplayer. It will work fine if you don't use the included filters.

;[http://www.winamp.com/ WinAmp 5]:Will work fine if configured correctly, but that's a lot of configuration for most videos on the tracker.

;[http://www.microsoft.com/windows/windowsmedia/ Windows Media Player]:Not to be confused with Media Player Classic (see above). Will play fine, but will sometimes crash. Various other issues.

===<span style="color:red">Not Recommended</span>===

;[http://coreplayer.com/ Coreplayer]:Developed by the same team that developed the CoreAVC codec. Only uses internal filters. Also, it will not render subtitles.

;[http://www.bsplayer.org/ BSPlayer]:We don't suggest anyone uses this player. It is filled with bugs.

;[http://www.divx.com/ DivX Player]:This player is semi-compatible with [[CCCP]]. It will play MKV, OGM, and MP4 files, but it cannot play audio files. Not recommended for use. Tends to pixelate the image in certain instances.

;[http://ffmpeg.mplayerhq.hu/ FFPlayer]:Doesn't use vsfilter.

;[http://www.apple.com/quicktime/ QuickTime]:Will play AVI and MP4 files (depends on installed QT codecs), but cannot handle MKV or OGM files. Ignores [[CCCP]]. To play QuickTime files, it is recommended that you use the [http://www.free-codecs.com/download/QuickTime_Alternative.htm QT Alternative] which works in conjuction with Media Player Classic.

;[http://www.real.com/ RealPlayer 10]:Loads [[CCCP]] with AVI files, but won't load MKV or OGM files. To play Real files, it is recommended that you use [http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative] which works in conjunction with Media Player Classic.

;[http://www.videolan.org/vlc/ VLC Media Player]:This player supports nearly every media filetype one may encounter, but is not recommended for use. It does not use external codecs, and might not support some new features of the MKV container. It is currently still under development, but BakaBT does not recommend its use for the purpose of watching most fansubs (especially more recent ones). Only recommended to keep around as a last-ditch effort for playing stubborn video files.

==Codecs and Codec Packs==

===Codec Packs===

;[[CCCP]] (<span style="color:limegreen">Recommended</span>):
* [[CCCP]] stands for Combined Community Codec Pack and was created to consolidate the filter packs of many different fansub groups into a single reliable filter pack that is shared by all of the fansub groups.
* Stability is high, [[CCCP]] claim to be bug free.
* Lightweighted (it only includes what you really need).
* Bundled with Media Player Classic Home Cinema, the newest build of MPC since the original developer retired the project. Much more efficient than MPC.
[http://www.cccp-project.net/ CCCP Homepage]

;[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack]:
* Plays almost every video available, even rare (for playback of anime you don't need most of them).
* Comes bundled with Media Player Classic.
[http://www.free-codecs.com/download/K_Lite_Mega_Codec_Pack.htm K-Lite Mega Codec Pack on Free-Codecs.com].

;[http://www.xpcodecpack.com/ XP Codec Pack]:
* Plays many different formats, it's like a little heavier pack than [[CCCP]].
* Gets regular updates (this means it may not be stable all times).
[http://www.xpcodecpack.com/ XP Codec Pack Homepage]

===Codecs===
;[[CoreAVC]] Professional (<span style="color:limegreen">Recommended</span> if you have trouble with h264 encodes):
Refer to [http://forums.bakabt.com/index.php?topic=8513.0 Psyren's guide]

;[http://www.free-codecs.com/download/Real_Alternative.htm Real Alternative]
Allows you to play Real Media (.rm) files in a media player without the need to install Real Player.
;[http://www.free-codecs.com/download/QuickTime_Alternative.htm QuickTime Alternative]
Allows you to play QuickTime (.mov) files in a media player without the need to install QuickTime. It also allows you to stream video and sound from the Internet using QuickTime.