Author Topic: html help  (Read 3235 times)

Offline newmy51

  • Member
  • Posts: 14
html help
« on: April 18, 2009, 08:31:14 PM »
title is anchoring to left side of the page, despite meta data dictating center alignment.  subtitle seems to be subordinate to the exact same rules but anchors correctly.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {   background-color: #ffffff;
   font-family: Calibri, Helvetica, sans-serif;
   font-size: 12px
   text-align: justify;
   margin: auto;}
a {   color: #593784;}
p {   text-align: justify;}
td {   vertical-align: top;}
.title {   font-family: Cambria, Times New Roman, serif;
   font-size: 22px;
   font-weight: bold;
   text-align: center;}
.subtitle {   font-size: 15px;
   text-align: center;}
.heading {   font-family: Cambria, Times New Roman, serif;
   font-size: 14px;
   font-weight: bold;
   text-align: center;}
.label {   min-width: 80px;
   font-weight: bold;}
.text {   width: 100%;}
</style>
</head>
<body><br><br>

<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="3"><div class="title">Tekkon Kinkreet Remix: Tekkin Concrete (Japan Version)</td></tr>
<br>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="3"><div class="subtitle">鉄コン筋クリート Remix: 鉄筋コンクリート - (Tetsu Konkin Kuriito Remix:Tekkin Konkuriito)</td></tr>


<table>
<tr><td rowspan="9" style="vertical-align:middle;"><img src="http://img25.imageshack.us/img25/9716/r10512961188233048wince.jpg"></td></tr>
<tr><td colspan="2" class="heading">INFORMATION</td></tr>
<tr><td class="label">Release Year:</td><td class="text">2007</td></tr>
<tr><td class="label">Bitrate:</td class="text"><td>192 Kbps</td></tr>
<tr><td class="label">Filetype:</td><td class="text">.mp3</td></tr>
<tr><td class="label">Total Size:</td><td class="text">99.30 MB</td></tr>
<tr><td class="label">Ripper:</td><td class="text">unknown</td></tr>
<tr><td class="label">Related Material:</td><td class="text"><a href="http://www.boxtorrents.com/torrent/144185/Tekkon_Kinkreet.html">1</a>, <a href="http://www.boxtorrents.com/torrent/131075/Tekkon_Kinkreet_(KAA_1080p_h264).html">2</a>, <a href="http://www.boxtorrents.com/torrent/130609/Tekkon_Kinkreet_DVD_(H.264_DD5.1)_B-G.html">3</a></td></tr>

</table>
<br>
<br>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="2"><div class="title">File List</td></tr>

<td class="text">1 Intro - My Kung Fu Remix By Derrick May (12:26)<br>
2 Ratsback2 - Saitone Remix (4:48)<br>
3 City - Valou Remix (8:10)<br>
4 Dawn & Dusk Chase - Go Home Productions Remix (5:17)<br>
5 Ratsback 2 (Drumcomputer Nerd Remix) Remixed By Atom (4:49)<br>
6 Thai Boxing - Qp Remix (3:19)<br>
7 Bar Kimura - Vex'd Remix (4:58)<br>
8 Snakes Lair - 8-bit Remix (2:50)<br>
9 Ratsback - Prefuse 73 Remix (6:47)<br>
10 Dragon Chase - Mathew Jonson's System 100m Mix (8:20)<br>
11 Kiddie Castle - Para One Remix (4:14)<br>
12 White's Dream (Shinichi Osawa Remix) (6:18)</td></tr>
</table>
</body>
</html>
« Last Edit: April 18, 2009, 08:37:19 PM by kureshii »

Offline kureshii

  • Former Staff
  • Member
  • Posts: 4485
  • May typeset edited light novels if asked nicely.
Re: html help
« Reply #1 on: April 18, 2009, 08:35:59 PM »
Change the bolded part to this:

<div class="title">Tekkon Kinkreet Remix: Tekkin Concrete (Japan Version)</div>
<div class="subtitle">鉄コン筋クリート Remix: 鉄筋コンクリート - (Tetsu Konkin Kuriito Remix:Tekkin Konkuriito)</div>

also added some missing tags in italics.
« Last Edit: April 18, 2009, 08:37:37 PM by kureshii »

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #2 on: April 19, 2009, 03:51:47 PM »
Hello all  :)

I'm trying to modify a template to show the screenshots, but the image won't show up... Why is that ??

Code: [Select]
<br>
<tr><td colspan="3"><div class="heading">SCREENSHOTS</div></td></tr>
</body>
</html>
<td colspan="3"><img src="http://www.toofiles.com/fr/t/images/ninja_scroll.jpg"></td>

Offline kureshii

  • Former Staff
  • Member
  • Posts: 4485
  • May typeset edited light novels if asked nicely.
Re: html help
« Reply #3 on: April 19, 2009, 04:03:01 PM »
You're putting HTML code outside of <html></html>. It's not going to parse properly.

If you want to insert screenshots it is advised to use teh screenshots feature, explained here.

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #4 on: April 19, 2009, 04:46:43 PM »
thx for the help... but my images still won't show up.....

Code: [Select]
<br>
<tr><td colspan="5"><div class="heading">SCREENSHOTS</div></td></tr>
[screenshot]
[URL=http://img179.imageshack.us/my.php?image=000330.jpg][IMG]http://img179.imageshack.us/img179/5239/000330.th.jpg[/IMG][/URL]
[URL=http://img411.imageshack.us/my.php?image=000701.jpg][IMG]http://img411.imageshack.us/img411/1655/000701.th.jpg[/IMG][/URL]
[/screenshot]
</body>
</html>

Offline Jarudin

  • Member
  • Posts: 6875
Re: html help
« Reply #5 on: April 19, 2009, 05:09:47 PM »
That's because http://img179.imageshack.us/my.php?image=000330.jpg is not an image. It's an HTML page.
The image you want is: http://img179.imageshack.us/img179/5239/000330.jpg

--Jarudin--
Baby, I love the way you move

Offline kureshii

  • Former Staff
  • Member
  • Posts: 4485
  • May typeset edited light novels if asked nicely.
Re: html help
« Reply #6 on: April 19, 2009, 05:11:56 PM »

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #7 on: April 19, 2009, 05:29:14 PM »
Thank you both for your much apreciated Help !

Never mind !! I went back to the actual torrent page and my image showed up !!!

Thank you Very Very much !!
« Last Edit: April 19, 2009, 05:38:11 PM by EricLincher »

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #8 on: July 14, 2009, 02:46:53 AM »
Hello all, it's me again :P

could someone show me ho to close the HUGE gap between the 2 infos here ??



here's the code :

Code: [Select]
[center][table][size=120%][b]Series Information[/b][/size][/table]
[table][tr][td][left=600][b]Episodes:[/b]
[list]
« Last Edit: July 14, 2009, 02:48:56 AM by EricLincher »

Offline Godfoster

  • Member
  • Posts: 75
Re: html help
« Reply #9 on: July 14, 2009, 03:06:00 AM »
Hello all, it's me again :P

could someone show me ho to close the HUGE gap between the 2 infos here ??



here's the code :

Code: [Select]
[center][table][size=120%][b]Series Information[/b][/size][/table]
[table][tr][td][left=600][b]Episodes:[/b]
[list]

You're going to have to give us more than that to be of any help.  Aside from using table's for single lines of text, I don't see anything that would cause your problem.  Provide all of the code?

Offline kureshii

  • Former Staff
  • Member
  • Posts: 4485
  • May typeset edited light novels if asked nicely.
Re: html help
« Reply #10 on: July 14, 2009, 03:39:53 AM »
Without looking at the rest of your BBCode (that isn't HTML), all I can say is, using the left and right blocks in a table is not a wise idea :x

That's probably from one of my old buggy BBCode templates (I don't remember them looking like that though), which have now been updated to not use tables.

Assuming you're working on this torrent, I've fixed it. The problem with it is probably because BBCode parses each line break as a <br> in HTML, and sometimes those line breaks build up and become a sequence of line breaks, creating huge gaps of space.

Your description would have been better off written in HTML; BBCode was never intended for controlled placement of stuff. It's fine as it is though, if you don't mind looking at weirdly-formatted code (can't make line breaks for code-readability reasons since those will be parsed).

Offline Jarudin

  • Member
  • Posts: 6875
Re: html help
« Reply #11 on: July 14, 2009, 06:39:21 PM »
If you don't include html and body tags all line feeds will be replaced by explicit rule breaks.

--Jarudin--
Baby, I love the way you move

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #12 on: July 15, 2009, 09:50:04 PM »
Without looking at the rest of your BBCode (that isn't HTML), all I can say is, using the left and right blocks in a table is not a wise idea :x

That's probably from one of my old buggy BBCode templates (I don't remember them looking like that though), which have now been updated to not use tables.

Assuming you're working on this torrent, I've fixed it. The problem with it is probably because BBCode parses each line break as a <br> in HTML, and sometimes those line breaks build up and become a sequence of line breaks, creating huge gaps of space.

Your description would have been better off written in HTML; BBCode was never intended for controlled placement of stuff. It's fine as it is though, if you don't mind looking at weirdly-formatted code (can't make line breaks for code-readability reasons since those will be parsed).

Thank you for your time, help and patience !

I will take under consideration, that : from now on, to do a nice "torrent formating with a template", I'll have to use HTML

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #13 on: April 10, 2010, 05:14:45 PM »
Hello, it's me again  ;D

I need a final brush on this torrent

there's a few things that bugs me :

1. I had to input alot of "<br>" to move the word "MOVIE" next to "INFORMATION", otherwise it sits atop of my main image.
2. My screenshots are alinged too far to the right.
« Last Edit: April 10, 2010, 05:20:04 PM by EricLincher »

Offline blubart

  • Member
  • Posts: 2349
Re: html help
« Reply #14 on: April 10, 2010, 05:55:04 PM »
- use the lightbox for screenshots (and directlinks)
- your description image is over the filesize limit (<150kb)
- the reason you had to use that many br tags is because the description image is supposed to be next to the text in that template, but your description image is to wide for that to work
- there are still required video, audio and subtitle informations missing
« Last Edit: April 10, 2010, 06:01:41 PM by blubart »

Offline Graeystone

  • Member
  • Posts: 96
Re: html help
« Reply #15 on: April 22, 2010, 01:31:09 AM »
I'm working in the Sandbox(*scratchpad*). In the 'related torrent' field, the URL won't show up-

Quote
<tr>
<td><b>Related torrents on BakaBT:</b></td>
<td><a href="http://bakabt.me/xxx*.html"></a></td>
</tr>
*I don't feel like giving a clue to what I will be uploading.

The URL does work. I copied and pasted it out of the Sandbox Editor and pasted it into the browser to make sure it does.

Never mind, got it to work. Forgot to put the name of the other torrent in the line.

« Last Edit: April 22, 2010, 01:56:49 AM by Graeystone »

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #16 on: April 23, 2010, 09:01:17 PM »
- use the lightbox for screenshots (and directlinks)
- your description image is over the filesize limit (<150kb)
- the reason you had to use that many br tags is because the description image is supposed to be next to the text in that template, but your description image is to wide for that to work
- there are still required video, audio and subtitle informations missing

Sorry for the late reply.

I've fixed my screenshots by doing "almost" what's included in the wiki. thanks to another post that gave me an idea that worked.

Audio, Video and Subgroup fixed. for the subs... I think it's hard sub ??? how do I find the difference between the two ??

Soft Sub : is it when there's a style to it ?? (like colors and fonts)

as far as all the < br > goes... as long as it works....

Offline Blanchimont

  • Member
  • Posts: 1128
  • Dreamer through Time
Re: html help
« Reply #17 on: April 23, 2010, 09:23:21 PM »

Soft Sub : is it when there's a style to it ?? (like colors and fonts)

as far as all the < br > goes... as long as it works....
Softsub refers to separate subtrack in usually mkv, and more rarely mp4 and ogm, making it easy to switch the subtracks on/off or to have several subtracks, in contrast to hardsubs which are burned permanently into the video during encoding, like in avis...

"..It's our dreams that guide us towards the future...not force"

Offline EricLincher

  • Member
  • Posts: 42
Re: html help
« Reply #18 on: April 25, 2010, 12:35:42 AM »

Soft Sub : is it when there's a style to it ?? (like colors and fonts)

as far as all the < br > goes... as long as it works....
Softsub refers to separate subtrack in usually mkv, and more rarely mp4 and ogm, making it easy to switch the subtracks on/off or to have several subtracks, in contrast to hardsubs which are burned permanently into the video during encoding, like in avis...

Thanks for the lesson ^^

so, in my case, since there is a file that come along with it, would it be concidered as SoftSub ?

Offline Freedom Kira

  • Member
  • Posts: 4324
  • Rawr™.
Re: html help
« Reply #19 on: April 25, 2010, 07:23:19 AM »

Soft Sub : is it when there's a style to it ?? (like colors and fonts)

as far as all the < br > goes... as long as it works....
Softsub refers to separate subtrack in usually mkv, and more rarely mp4 and ogm, making it easy to switch the subtracks on/off or to have several subtracks, in contrast to hardsubs which are burned permanently into the video during encoding, like in avis...

Thanks for the lesson ^^

so, in my case, since there is a file that come along with it, would it be concidered as SoftSub ?

A file that came with it has nothing to do with it, unless it is actually the subtitle file (which isn't always present with softsubbed video files). If you can set the subs to display or not display using your media player, that is softsub. If you can't disable subtitles, that is hardsub. Google it if you still don't get it - that should be your first step before asking questions not BakaBT-specific anyway.

BTW, last I checked this was an HTML thread. You're off-topic.