Offer Templates: Difference between revisions
mNo edit summary |
|||
Line 65: | Line 65: | ||
[http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use | [http://www.BakaBT.com/template.php?id=Simple%20BBCode%20Anime%20Template Click here] to use | ||
=== | ===Generic Anime Info Template=== | ||
---- | ---- | ||
Line 83: | Line 83: | ||
*********** | *********** | ||
* | * | ||
* | * Generic AIT - Public Access | ||
* BakaBT Templates Area - Porting Ready | * BakaBT Templates Area - Porting Ready | ||
* | * |
Revision as of 10:00, 21 June 2009
|
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:
[Update] The templates feature is working again. Most of these templates have been 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 submitting a template.
- Replace {curly-bracketed text} with the appropriate names/text.
Templates submitted here may be ported over to BakaBT templates (subject to kureshii's available free time).
Sample Template
Copy and paste the code below:
==={Template Name}=== ---- Submitted by: {your BakaBT username} <pre> {Source code goes here} </pre> Sample template image: [{Template Image URL} Image link]
Log in to your BakaBT-Wiki account (Or register for one if you don't have one yet). Click one of the links below.
- Click here to add your template to Anime Templates.
- Click here to add your template to Manga Templates.
- Click here to add your template to 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 #bakabt-support.
Anime Templates
Byousoku 5cm Movie Template
Click here to use
Byousoku 5cm Anime Template
Click here to use
Simple BBCode Anime Template
Click here to use
Generic Anime Info Template
Submitted by: deysmacro
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <style type="text/css"> /*********************************************************************************************** * * Seems people have taken liking to use this template and I think I might as well * share it with you guys. * *********** * * Generic AIT - Public Access * BakaBT Templates Area - Porting Ready * ************************************************************************************************ * * Anime Information Template (AIT) provided by BakaBT * * Originally Customized By deysmacro | [email protected] * Re-Customized by YOUR NICK HERE * * Please leave the credit and the note intact if you plan to use this template. * Your cooperation is highly appreciated. Thank you. * * d-AIT v2.0.8.1pa - Dark Themed * SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201 * Last Built Update on 11 May 2009 3:28pm * ************************************************************************************************ * * Please take note of this before you want to start editing:- * *********** * * All image which link is still working and you would like to use, you just need to * download it and upload it to your own image hosting and replace the image link * with you own image link. Do not use the pre-included image link as it will eventually * goes bandwidth exceeded. * * All of the information have been properly aligned and thus you just need to edit * certain part of the information only. Most of the information and link are pretty much * self-explained. * * Do study how the structure works and you will be fine. Some basic knowledge in * HTML and CSS workings would be an advantage here. * ********** * * Take your time and happy customizing. * Thank you for using this template. * ********** * * Thank you for your time and have a nice day. * ************************************************************************************************/ /* general body area customization */ body { background: #131313; background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif); font-family: Tahoma; font-size: 12px text-align: justify; } /***********************************************************************/ /* http link customization */ a { color: #FFFFFF; TEXT-DECORATION: none; } a:hover { color: #FF661A; } /***********************************************************************/ /* paragraph area */ p { text-align: justify; background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif); padding:20px 20px 20px 20px; border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; /* margin-top: 25px; */ } /***********************************************************************/ /* table columns area */ td { vertical-align: left middle; } /***********************************************************************/ /* title style customization */ .title { font-family: Tahoma; font-size: 22px; font-weight: bold; text-align: center; padding:10px 10px 10px 10px; background-color: #2E2E2E; color: #FFB856; background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif); border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; } .title2 { font-family: Tahoma; font-size: 22px; font-weight: bold; text-align: center; padding:10px 10px 10px 10px; background-color: #2E2E2E; color: #FFB856; border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif); } /***********************************************************************/ /* subtitle style customization */ .subtitle { font-size: 16px; } /***********************************************************************/ /* heading style customization */ .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; } /***********************************************************************/ /* left column area text style customization */ .label { /* min-width: 80px; */ font-weight: bold; /* padding:0px 10px 15px 10px; */ color: #FFFFFF; width: 18%; background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; text-align: left middle; } /***********************************************************************/ /* variety text style customization including right column text area */ .text { width: 100%; color: #FFB856; background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; } .text2 { color: #FFFFFF; } .text3 { width: 100%; color: #9D9D9D; background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); border-bottom: #999999 1px solid; border-top: #999999 1px solid; border-right: #999999 1px solid; border-left: #999999 1px solid; } .text4 { color: green; font-weight: bold; } .text5 { color: red; font-weight: bold; } .text6 { color: #FFF0CC; } .text7 { color: #00D4FF; font-weight: bold; } .text8 { color: #000066; font-weight: bold; } .text9 { color: #FFB856; font-weight: bold; } /***********************************************************************/ /* style customization area 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"> <!-- main title here --> Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3] </div><div><br><hr></div> </td></tr> <!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird --> <tr><td rowspan="21" > <!-- main pic here, recommended width around 320px --> <img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg"> </td></tr> <tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr> <!-- anime information here --> <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> [ <span class="text4">Complete</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> <!-- your references or external link here --> <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">FanSubbing Group:</td> <!-- change "text3" to "text" if there is fansubbing group --> <td class="text3">No Information </td></tr> <!-- your file information here --> <tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</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">Duration:</td><td class="text">~ 46 minutes per episode</td></tr> <!-- any found relations in BakaBT here --> <tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br> <br>> <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">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr> <tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr> </td></tr> <tr><td class="label">Uploader's Note:</td><td class="text"> <!-- some of your note for public here --> New anime description & information area for this torrent... hope you people likes it... v(^^) </td></tr> <tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div> <p> <span class="text9"> <!-- the synopsis, off-synopsis, other information, etc goes here --> 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> <!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only --> <!-- additional boxes of screenshots could be add without any problem --> [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]
Full template image preview: Click here
Manga Templates
Byousoku 5cm Manga Template
Click here to use
Dille's Manga Template
Click here to use
OST Templates
OST Template 1
Click here to use
Show/hide Tracklist OST Template
Click here to use
Dropdown list OST Template
Click here to use
Simple OST Template
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.
<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>
Sample torrent: Macross Frontier Music Collection
Go to: Offers Page
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.
<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"> <!-- //############################################ //Don't change any of the code BELOW this line //############################################ /*********************************************** * IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com) * Visit DynamicDrive.com for hundreds of original DHTML scripts * This notice must stay intact for legal use ***********************************************/ //Input the IDs of the IFRAMES you wish to dynamically resize to match its content height: //Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none: var iframeids=["myframe"] //Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended): var iframehide="yes" var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1] var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers function resizeCaller() { var dyniframe=new Array() for (i=0; i<iframeids.length; i++){ if (document.getElementById) resizeIframe(iframeids[i]) //reveal iframe for lower end browsers? (see var above): if ((document.all || document.getElementById) && iframehide=="no"){ var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i]) tempobj.style.display="block" } } } function resizeIframe(frameid){ var currentfr=document.getElementById(frameid) if (currentfr && !window.opera){ currentfr.style.display="block" if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight; else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax currentfr.height = currentfr.Document.body.scrollHeight; if (currentfr.addEventListener) currentfr.addEventListener("load", readjustIframe, false) else if (currentfr.attachEvent){ currentfr.detachEvent("onload", readjustIframe) // Bug fix line currentfr.attachEvent("onload", readjustIframe) } } } function readjustIframe(loadevt) { var crossevt=(window.event)? event : loadevt var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement if (iframeroot) resizeIframe(iframeroot.id); } function loadintoIframe(iframeid, url){ if (document.getElementById) document.getElementById(iframeid).src=url } if (window.addEventListener) window.addEventListener("load", resizeCaller, false) else if (window.attachEvent) window.attachEvent("onload", resizeCaller) else window.onload=resizeCaller //############################################# //Don't change any of the code BEYOND this line //############################################# //######################################## //Modify the code below to suit your needs //######################################## function Show(selected_option) { // get our iframe var testFrame = document.getElementById("myframe"); var val; //selected_option refers to the "option" value provided in the HTML code switch(parseInt(selected_option)) { case 1: val = "<table align='center' border='1' width='100%'>"; val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>"; val += "<img src='[[img link here]]'></td></tr>"; val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>"; val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>"; val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>"; val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>"; val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>"; val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>"; val += "</table>"; break; case 2: val = "<table align='center' border='1' width='100%'>"; val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>"; val += "<img src='[[img link here]]'></td></tr>"; val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>"; val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>"; val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>"; val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>"; val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>"; val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>"; val += "</table>"; break; case 3: val = "<table align='center' border='1' width='100%'>"; val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>"; val += "<img src='[[img link here]]'></td></tr>"; val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>"; val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>"; val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>"; val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>"; val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>"; val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>"; val += "</table>"; break; case 4: val = "<table align='center' border='1' width='100%'>"; val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>"; val += "<img src='[[img link here]]'></td></tr>"; val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>"; val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>"; val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>"; val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>"; val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>"; val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>"; val += "</table>"; break; case 5: val = "<table align='center' border='1' width='100%'>"; val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>"; val += "<img src='[[img link here]]'></td></tr>"; val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>"; val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>"; val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>"; val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>"; val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>"; val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>"; val += "</table>"; break; default: val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />"; break; } // now write out the new contents var doc = testFrame.contentDocument; if (doc == undefined || doc == null) doc = testFrame.contentWindow.document; doc.open(); doc.write(val); doc.close(); document.all.myFrame.style.visibility="visible"; } //--> </script> </head> <body> <center> <div class="wrapper"> <br /> <form id="form1"> <select name="dest" onchange="Show(this.options[this.selectedIndex].value)"> <!-- Modify this part here --> <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> <!-- No need for modification beyond this point --> </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>
Sample template image: Sample image
Sample torrent (slightly modified template): KoiKoi7 - Song Shu Paradise & Character Mini Albums
ChalamiuS' OST Template
Submitted by: ChalamiuS
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title> [[Title]] </title> <style type="text/css"> body { margin: auto; } div.title { border-bottom: 1px solid #bbb; margin: 10px auto auto auto; width: 80%; } .subtitle, .info { width: 80%; margin: auto; } .info { margin: 10px auto auto auto; } img { float: right; } .text { padding-left: 5px; } a { text-decoration: none; } a:link { color: #aaa; } a:visited { color: #999; } a:hover { color: #bbb; } ol { width: 50%; } </style> </head> <body> <div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div> <div class="title">[[Title]]</div> <div class="subtitle">[[Alternative title/2:nd title if any]]</div> <div class="info"> <img src="[[Album art url]]" alt="albumart"/> <div class="text"> <p> <b>Release year: </b>[[Year]]<br /> <b>Bitrate: </b>[[Bitrate]]<br /> <b>Filetype: </b>[[Filetype]]<br /> <b>Size: </b>[[Size]]<br /> <b>Ripper: </b>[[Ripper]]<br /> </p> <p> <b>Related:</b><br /> [[Related links if any]] </p> <div style="border-bottom: 1px solid #bbb; width: 50%;"> Filelist </div> <ol> <!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li> --> [[tracklist]] </ol> </div> </div> </body> </html>
Sample template image: Image link
Go to: Offers Page