Working on the description
Jump to navigation
Jump to search
To work on the description, you have to press the button called "Edit Description"
There you will see the description and below it are a few buttons:
- Open Edit Window: Depending on browser this will open automatically. You might need to give a permission.
- Load Original Description: You use this button to if someone else (usually a staffer) changes something in your description. If you don't, you'll remove the changes made by the staffer and revert back to your last edit.
- Save as... : Does what it says. It saves the changes you made in the edit window. Those changes will only happen if you click "update" in the edit window though.
- Quickselect: Allows you to quickly load descriptions into the sandbox
- Go to... : Returns you to the normal torrent page
- Upload images to Image server: Imports the images in the description to BakaSHOTS. Only useful if the images are still accessible.
- v1/v2: Determines which version of screenshot code you use. If you put screenshots below the description, leave it at v1. If you put them inside descriptions using the method below, use v2.
List of useful code pieces
Here are some pieces of code that you might find useful if you've never used html before:
| Use | Code | Result |
| Hyperlinks (Use for all links) | Link to <a href="https://myanimelist.net/">MAL</a> |
Link to MAL |
| Images from BakaSHOTS | <img src=[bbtimg=987654] alt="Image not found" /> |
The image hosted on BakaSHOTS will be displayed. Reaplce "[bbtimg=987654]" with a link for external images (Not recommended) |
| Screenshots below description | [screenshot] [img][bbtimg=987654][/img] [/screenshot] |
This will show the screenshots below the description. |
| Screenshots below description with a set width | [screenshot=120] [img][bbtimg=987654][/img] [/screenshot] |
This will show the screenshots below the description at a set width (in this case 120). This is useful to make the row of screenshots fit properly. |
| Screenshots inside description (v2 Method) | <a href="[bbtimg=987654]" class="bbt_sample"><img src="[bbtimg=987654].th" alt="screenshot"></a> |
This can be used to show images inside a description. If you pay attention you'll notice that it's a combination of two examples given above. |
Working on Example A
The Raw description Code A
Now, this may look scary, but it's not that difficult:
<html>
<head>
<style type="text/css">
body {
margin: 0px;
background-color: white;
}
body, table {
color: black;
font-family: Verdana, sans-serif;
font-size: 11px;
}
img {
max-width: 940px;
}
a { color:#0099cc; text-decoration: underline; }
a:hover { text-decoration: none; }
/* Feel free to override this style definition */
</style>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body { font-family: calibri; sans-serif; font-size: 13px; margin: 0px; color: black; }
a { text-decoration: none; }
a:link { color: purple; }
a:visited { color: brown; }
.main {
background: url([bbtimg=25960]) no-repeat;
border-style: solid 10px;
width: 940px;
height: 764px;
}
.links {
font-size: 100%;
font-weight: bold;
font-variant: small-caps;
text-align: left;
}
.titlediv { font-size: 20px bold; float: center; }
.infobox {
background: white; /*Change infobox colour if desired. Transclucent white color creates lightening of background image effect*/
filter: alpha(opacity=70);
opacity: 0.70;
width: 325px; /*Adjust infobox width as required*/
float: right;
clear: right;
border: solid 1px;
padding: 20px 20px;
margin: 60px 15px 30px 30px;
}
.header {
text-align: center;
font-size: 100%;
font-weight: bold;
padding-top: 0px;
}
</style>
</head>
<body>
<div class="main">
<div class="titlediv"></div>
<div class="infobox">
<div align="center">
<div class="info">
<b>Categories:</b> Action, Adventure, Angst, Coming of Age, Dark Fantasy, Fantasy, Novel, Parallel Universe, Seinen, Swordplay<br />
<b>Episodes:</b> 45<br />
<b>Directed by:</b> Tsuneo Kobayashi<br />
<b>Produced by:</b> Studio Pierrot<br />
<b>Year:</b> 4/9/2002 till 8/30/2003<br />
<hr>
<div class="info">
<b>Group:</b> <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=group&gid=9213">joseole99</a><br />
<b>Video:</b> 1440x1080 | h264 (~3200 kbs)<br />
<b>Audio:</b> English AC3 2.0 (~224 kbs)<br>Japanese AAC 5.1 (~448 kbs)<br />
<b>Subtitles:</b> English ASS (Title/Signs)<br>English ASS (Dialogue)<br />
~Scripts from Arigatou (Retimed/Restyled)<br/>
<hr>
<div class="links">
<div align="center"><a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=840">Anime News Network</a> | <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=26">AniDB</a> | <a target="_blank" href="http://www.anime-planet.com/anime/the-twelve-kingdoms">Anime-Planet</a></div>
</div>
<hr>
Nakajima Yoko is class president and an honour student. At home, she is a good daughter, always obedient to her parents. She pleases everyone around her to the extent of ignoring herself due to her lack of confidence. She has nightmares daily and a unique hair colour that cause some friction at home and suspicion at school.
<hr>
On a day like any other at school, a strange man named Keiki appears before her. He kneels and swears allegiance to her, promising to protect her and never leave her side. Thereafter they are pursued and attacked by demon-like beasts. In this mix enters two of her classmates who unfortunately happen to be at the wrong place at the wrong time. To escape the onslaught, Keiki transports them to his world. Unfortunately during the journey they are ambushed and end up separated from one another. Now they have to learn how to survive in a new land, one with magic, swords, demon-like beasts and immortals.
</div>
</div>
</div>
<!-- alternative way to calculate body height --><div style="clear: both;" id="_bbt_foot"></div></body>
</html>
[screenshot]
[img][bbtimg=16753][/img]
[img][bbtimg=16754][/img]
[img][bbtimg=16755][/img]
[img][bbtimg=16756][/img]
[img][bbtimg=16757][/img]
[/screenshot]
The first half of this description contains styling information for this template, don't touch that unless you know what you're doing (it's not that complicated, but why do unecessary work?). So let's focus on the part that interests us instead. It starts after the <body> tag.
<body>
<div class="main">
<div class="titlediv"></div>
<div class="infobox">
<div align="center">
<div class="info">
<b>Categories:</b> Action, Adventure, Angst, Coming of Age, Dark Fantasy, Fantasy, Novel, Parallel Universe, Seinen, Swordplay<br />
<b>Episodes:</b> 45<br />
<b>Directed by:</b> Tsuneo Kobayashi<br />
<b>Produced by:</b> Studio Pierrot<br />
<b>Year:</b> 4/9/2002 till 8/30/2003<br />
<hr>
<div class="info">
<b>Group:</b> <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=group&gid=9213">joseole99</a><br />
<b>Video:</b> 1440x1080 | h264 (~3200 kbs)<br />
<b>Audio:</b> English AC3 2.0 (~224 kbs)<br>Japanese AAC 5.1 (~448 kbs)<br />
<b>Subtitles:</b> English ASS (Title/Signs)<br>English ASS (Dialogue)<br />
~Scripts from Arigatou (Retimed/Restyled)<br/>
<hr>
<div class="links">
<div align="center"><a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=840">Anime News Network</a> | <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=26">AniDB</a> | <a target="_blank" href="http://www.anime-planet.com/anime/the-twelve-kingdoms">Anime-Planet</a></div>
</div>
<hr>
Nakajima Yoko is class president and an honour student. At home, she is a good daughter, always obedient to her parents. She pleases everyone around her to the extent of ignoring herself due to her lack of confidence. She has nightmares daily and a unique hair colour that cause some friction at home and suspicion at school.
<hr>
On a day like any other at school, a strange man named Keiki appears before her. He kneels and swears allegiance to her, promising to protect her and never leave her side. Thereafter they are pursued and attacked by demon-like beasts. In this mix enters two of her classmates who unfortunately happen to be at the wrong place at the wrong time. To escape the onslaught, Keiki transports them to his world. Unfortunately during the journey they are ambushed and end up separated from one another. Now they have to learn how to survive in a new land, one with magic, swords, demon-like beasts and immortals.
</div>
</div>
</div>
<!-- alternative way to calculate body height --><div style="clear: both;" id="_bbt_foot"></div></body>
</html>
[screenshot]
[img][bbtimg=16753][/img]
[img][bbtimg=16754][/img]
[img][bbtimg=16755][/img]
[img][bbtimg=16756][/img]
[img][bbtimg=16757][/img]
[/screenshot]
Editing Example A
Now there are two ways to get to the part that interests you:
- Search the description for the sections you're interested in
- CTRL + F the part you want (in this case: "Directed by")
You'll get to this code segment:
<b>Directed by:</b> Tsuneo Kobayashi<br /> <b>Produced by:</b> Studio Pierrot<br />
Now you use the wisdom in the useful links table above to fix the description:
<b>Directed by:</b> <a target="_blank" href="https://anidb.net/perl-bin/animedb.pl?show=creator&creatorid=5348">Tsuneo Kobayashi</a><br /> <b>Produced by:</b> <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=group&gid=724">Studio Pierrot</a><br />
As you can see I turned both the director and the production company into links. I then did the same for the group (not shown here) and the database links. Here's how it looked before the edit:
<div class="links">
<div align="center">
<a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=840">Anime News Network</a> |
<a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=26">AniDB</a> |
<a target="_blank" href="http://www.anime-planet.com/anime/the-twelve-kingdoms">Anime-Planet</a>
</div>
</div>
and after:
<div class="links">
<div align="center">
<a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=840">Anime News Network</a> |
<a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=26">AniDB</a> |
<a target="_blank" href="http://www.anime-planet.com/anime/the-twelve-kingdoms">Anime-Planet</a> |
<a target="_blank" href="https://myanimelist.net/anime/153/Juuni_Kokuki">MAL</a> |
<a target="_blank" href="https://www.bakabt.me/browse.php?q=Twelve+Kingdoms">BBT</a>
</div>
</div>
Note that the lack of the <br> means that they show up in a single line, despite the fact that they are in multiple lines of code. I alos took the liberty of shortening "Anime News Network" to "ANN" to make it fit.
After the editing was done I clicked update, then save as... You can see what it looks like here.
Working on Example B
Now the second example has a much simpler template but more issues that we need to deal with. This time I'll include a screenshot of the description editor as well as the full code:
The Raw Description Code B
- Error creating thumbnail: File missing
<!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>
<link rel="stylesheet" type="text/css" href="/templates/ChalamiuS_anime.css" />
<style type="text/css">
/*** Padding-right needs to be changed if width of the image is not 350px to 'image width + 20px' ***/
.text { padding-left: 10px; padding-right: 370px;}
</style>
</head>
<body>
<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div>
<div class="title">
<h1 id="page_header" align="center">Les Miserables: Shoujo Cosette</h1>
</div>
<div class="subtitle" style="width: 874px; height: 57px">
<p align="center">[
<a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=4781">AniDB</a> |
<a target="_blank" href="http://www.anime-planet.com/anime/les-miserables-shoujo-cosette">Anime-Planet</a> |
<a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=6912">ANN</a> ]<p align="center"></p></div>
<div class="info">
<img src="http://i358.photobucket.com/albums/oo26/darrx001/lesmiztitle.jpg" alt="Cover"/>
<!-- Recommended image width - 350px -->
<div class="text">
<p align="center">
<b>SERIES INFORMATION</b></p>
<p>
<b>Year:</b> 2007<br />
<b>Episodes:</b> 52<br />
<b>Categories:</b> Historical, novel, World Masterpiece Theater<br />
<b>Director:</b> Sakurai Hiroaki<br />
<b>Production:</b> Fuji TV, Nippon Animation</p>
<p>
<br />
</p>
<p align="center">
<b>FILE INFORMATION</b></p>
<p>
<b>Groups:</b> <a target="_blank" href="http://www.aoi-anime.info/"> Aoi</a>, <a target="_blank" href="http://liccafansubs.blogspot.com/"> Licca</a>, <a target="_blank" href="http://wasurenai-subs.com/"> Wasurenai</a><br />
<b>Video:</b> 1280x720 resolution, h264 codec, 1000-1250 kbps<br />
<b>Audio:</b> Japanese, stereo. Eps 1, 11-18 mp3 192 kbps. Eps 2-10, 19-52 AAC 150-255 kbps.<br />
<b>Subtitle:</b> English hard subs<br />
<b>Comments:</b> This was subbed by Aoi Anime, then a joint Aoi/Wasurenai, and then finished with a joint Wasurenai/Licca. The styling was preserved throughout the series. <br /></p>
<p>
<b></b> <br />
</p>
<p>
<br />
</p>
<div style="border-bottom: 1px solid #bbb; width: 50%;">
<b>SUMMARY:</b></div>
<p align="justify">Being a single mother is hard in early 19th Century France. When young Cosette was traveling with her mother trying to find a job and a place to live, they were always shunned away because very few employers hire single mothers. When she is promised with the prosperity of working in the big city, Cosette is separated from her mother in the hopes a caretaker will watch over her while her mother earns some money.
Source: ANN</p>
</div>
</div>
</body>
</html>
[screenshot]
[URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00001.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00001.png[/IMG][/URL]
[URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00002.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00002.png[/IMG][/URL]
[URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00003.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00003.png[/IMG][/URL]
[URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00004.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00004.png[/IMG][/URL]
[URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00005.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00005.png[/IMG][/URL]
[/screenshot]
Editing Example B
To get to the info you want you can use the same method as above. It's actually easier to find the necessary code segments, as this description is much more compact. Here's the first part that needs editing:
<div class="subtitle" style="width: 874px; height: 57px"> <p align="center">[ <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=4781">AniDB</a> | <a target="_blank" href="http://www.anime-planet.com/anime/les-miserables-shoujo-cosette">Anime-Planet</a> | <a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=6912">ANN</a> ]<p align="center"></p></div> <div class="info"> <img src="http://i358.photobucket.com/albums/oo26/darrx001/lesmiztitle.jpg" alt="Cover"/> <!-- Recommended image width - 350px --> <div class="text"> <p align="center"> <b>SERIES INFORMATION</b></p> <p> <b>Year:</b> 2007<br /> <b>Episodes:</b> 52<br /> <b>Categories:</b> Historical, novel, World Masterpiece Theater<br /> <b>Director:</b> Sakurai Hiroaki<br /> <b>Production:</b> Fuji TV, Nippon Animation</p> ...
This block contains the reference and database links (minus the two I pointed out earlier), the old cover image which is linked to photobucket (+ a comment telling you the recommended image width) and a block of series information.
So first of all prepare the links and the image you plan to use for the cover image. Once that's done, let's put it into the description:
<div class="subtitle" style="width: 874px; height: 57px"> <p align="center">[ <a target="_blank" href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=4781">AniDB</a> | <a target="_blank" href="http://www.anime-planet.com/anime/les-miserables-shoujo-cosette">Anime-Planet</a> | <a target="_blank" href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=6912">ANN</a> | <a target="_blank" href="https://myanimelist.net/anime/1695/Les_Mis%C3%A9rables__Shoujo_Cosette">MAL</a> | <a target="_blank" href="https://www.bakabt.me/browse.php?q=les+miserables">Related</a> ]<p align="center"></p></div> <div class="info"> <img src=[bbtimg=173859] alt="Cover" width=350> <!-- Recommended image width - 350px --> <div class="text"> <p align="center"> <b>SERIES INFORMATION</b></p> <p> <b>Year:</b> 2007<br /> <b>Episodes:</b> 52<br /> <b>Categories:</b> Historical, novel, World Masterpiece Theater<br /> <b>Director:</b> <a target="_blank" href="https://anidb.net/perl-bin/animedb.pl?show=creator&creatorid=2194">Sakurai Hiroaki</a><br /> <b>Production:</b> <a target="_blank" href="https://anidb.net/perl-bin/animedb.pl?show=creator&creatorid=741">Fuji TV</a>, <a target="_blank" href="https://anidb.net/perl-bin/animedb.pl?show=creator&creatorid=728">Nippon Animation</a></p> ...
So I did the same link stuff I did before here as well. The new thing to look at here is the changed image placement. I uploaded the image to BakaSHOTS and set the width to 350pixels. I did that because my image was wider than 350 and I didn't want to downscale it.
Now I uploaded the cover image as well as the screenshots to BakaSHOTS:
Those are the tags you will use for the screenshot code. See how nice BakaSHOTS is, it saves you the trouble of doing anything difficult yourself. First look at the old screenshot code:
[screenshot] [URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00001.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00001.png[/IMG][/URL] [URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00002.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00002.png[/IMG][/URL] [URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00003.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00003.png[/IMG][/URL] [URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00004.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00004.png[/IMG][/URL] [URL=http://i358.photobucket.com/albums/oo26/darrx001/lesmiz00005.png][IMG]http://i358.photobucket.com/albums/oo26/darrx001/th_lesmiz00005.png[/IMG][/URL] [/screenshot]
Those were all the photobucket images, that don't work anymore. Here's what I turned it into:
[screenshot=120] [img][bbtimg=173860][/img] [img][bbtimg=173861][/img] [img][bbtimg=173862][/img] [img][bbtimg=173863][/img] [img][bbtimg=173864][/img] [img][bbtimg=173865][/img] [/screenshot]
Since I had 6 images I simply added a =120 to reduce the width of the thumbnails and make them appear in one row of screenshots instead of two. This is what it looks like after the fact:
I hope you aren't as scared of some simple html editing now.
Edit Info
Next to Edit description you'll see another button. Clicking that you will get access to a few more things:
- Adding Keywords
- Adding a link to anidb
- Adding Attachments
- Editing the title
- Probably something I'm forgetting
Just don't request deletions, those usually need a very good reason and we're usually taking care of that.