Offer Templates: Difference between revisions
Jump to navigation
Jump to search
| Line 20: | Line 20: | ||
'''For template-makers:''' | '''For template-makers:''' | ||
* Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]]. | * Follow the instructions given for [[Offer Templates#Sample Template|submitting a template]]. | ||
* Replace | * Replace {curly-bracketed text} with the appropriate names/text. | ||
Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''. | Templates submitted here may be ported over to [http://www.boxtorrents.com/template.php Boxtorrent templates] ''(subject to kureshii's available free time)''. | ||
| Line 32: | Line 32: | ||
---- | ---- | ||
Submitted by: {username} | Submitted by: {your Boxtorrents username} | ||
<pre> | <pre> | ||
| Line 38: | Line 38: | ||
</pre> | </pre> | ||
Sample template image: [{Image URL} Image link] | Sample template image: [{Template Image URL} Image link] | ||
</pre> | </pre> | ||
Revision as of 19:36, 24 April 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 Boxtorrents 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 Boxtorrent templates (subject to kureshii's available free time).
Sample Template
Copy and paste the code below:
==={Template Name}===
----
Submitted by: {your Boxtorrents username}
<pre>
{Source code goes here}
</pre>
Sample template image: [{Template Image URL} Image link]
Log in to your BoxWiki 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 #box-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
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
Go to: Offers Page