INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

Author Topic: Help with HTML (TrackInfo Template)  (Read 1931 times)

Deivit

  • Citizen of the Universe
  • *****
  • Posts: 1215
  • I find your interest interesting...
Help with HTML (TrackInfo Template)
« on: February 04, 2005, 02:29:14 pm »

Hi,

I'm trying to modify the "WishYou" trackinfo template to better suit my needs.

Since my knowledge of HTML is zero, I would be very grateful if someone could help me to add vertical scroll bars to the lyrics cell. I tried using:

WIDTH=55% HEIGHT="200" OVERFLOW=SCROLL VALIGN=TOP

but it didn't work.

Thanks in advance for any help.

----
Listening to: 'Long Way Down' from 'Keep It Together' by 'Guster' on Media Center 11
Logged

Deivit

  • Citizen of the Universe
  • *****
  • Posts: 1215
  • I find your interest interesting...
Re: Help with HTML (TrackInfo Template)
« Reply #1 on: February 04, 2005, 02:36:05 pm »

JUst in case you need it, The HTML of the trackinfo template currently is:

-------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
   <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
   <TITLE></TITLE>
   <META NAME="GENERATOR" CONTENT="OpenOffice.org 1.1.2  (Win32)">
   <META NAME="AUTHOR" CONTENT="marco KISTLER">
   <META NAME="CREATED" CONTENT="20030829;11283609">
   <META NAME="CHANGEDBY" CONTENT="marco KISTLER">
   <META NAME="CHANGED" CONTENT="20040823;9510523">
   <STYLE>
   <!--
      @page { size: 21cm 29.7cm }
   -->
   </STYLE>
</HEAD>
<BODY LANG="en-US" BGCOLOR="#333333" DIR="LTR">
<TABLE WIDTH=100% BORDER=0 CELLPADDING=1 CELLSPACING=0 STYLE="page-break-before: always; page-break-inside: avoid">
   <COL WIDTH=140*>
   <COL WIDTH=116*>
   <THEAD>
      <TR VALIGN=TOP>
         <TD WIDTH=55%>
            <P ALIGN=LEFT STYLE="font-style: normal"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=4><B>TRACKINFO_INSERT_ARTIST</B></FONT></FONT></FONT></P>
         </TD>
         <TD ROWSPAN=69 WIDTH=45%>
            <P ALIGN=RIGHT><IMG SRC="TRACKINFO_INSERT_IMAGE" NAME="Graphic1" ALIGN=RIGHT WIDTH=400 HEIGHT=400 BORDER=0><BR CLEAR=RIGHT><BR>
            </P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-style: normal; font-weight: medium"><FONT COLOR="#23b8dc"><FONT FACE="Verdana, sans-serif"><FONT SIZE=4>TRACKINFO_INSERT_TITLE
                   </FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=2><B>from "TRACKINFO_INSERT_ALBUM" (TRACKINFO_INSERT_YEAR)</B></FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=2><B></B></FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P><BR>
            </P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-style: normal; font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>Genre:
            TRACKINFO_INSERT_GENRE </FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-style: normal; font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>Length:
            TRACKINFO_INSERT_DURATION Track
            number: TRACKINFO_INSERT_TRACKNUMBER
            [TRACKINFO_INSERT_PN_POSITION/TRACKINFO_INSERT_PN_TRACKS]</FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>Rating:
            TRACKINFO_INSERT_RATING</FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-weight: medium"><BR>
            </P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>Format:
            TRACKINFO_INSERT_FORMAT (TRACKINFO_INSERT_BITRATE kbps) &ndash;
            TRACKINFO_INSERT_SIZE</FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>Last
            played: TRACKINFO_INSERT_LAST_PLAYED
            (TRACKINFO_INSERT_NUMBERPLAYED)</FONT></FONT></FONT></P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT STYLE="font-weight: medium"><FONT COLOR="#ffffff"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>TRACKINFO_INSERT_FILENAME </FONT></FONT></FONT></P>

            </P>
         </TD>
      </TR>
            <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT><BR>
            </P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT><A HREF="TRACKINFO_OPENPAGE_lyrics.html"><FONT SIZE=1 STYLE="font-size: 8pt"><FONT FACE="Verdana, sans-serif"><FONT COLOR="#ffffff">LYRICS</FONT></FONT></FONT>[/url]</P>
         </TD>
      </TR>
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=CENTER STYLE="font-style: normal; font-weight: medium"><FONT COLOR="#23b8dc"><FONT FACE="Verdana, sans-serif"><FONT SIZE=1>TRACKINFO_INSERT_LYRICS</FONT></FONT></FONT></P>
         </TD>
      </TR>
      
      <TR>
         <TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT><BR>
            </P>
         </TD>
      </TR>
      <TR>

         </TD>
      </TR>
   </THEAD>
</TABLE>
<P ALIGN=LEFT><BR><BR>
</P>
</BODY>
</HTML>
-------


The last table definition
<TD WIDTH=55% VALIGN=TOP>
            <P ALIGN=LEFT><BR>
            </P>
         </TD>
      </TR>

is repeated some 45 times after the last one. Don't ask me why... that's how the author did it  :o
Logged

datdude

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2215
Re: Help with HTML (TrackInfo Template)
« Reply #2 on: February 18, 2005, 12:23:47 am »

Try This:

 <div style="overflow: auto;" >TRACKINFO_INSERT_LYRICS</div>
Logged
"You are not a beautiful or unique snowflake." -  Just a very big snowball

Deivit

  • Citizen of the Universe
  • *****
  • Posts: 1215
  • I find your interest interesting...
Re: Help with HTML (TrackInfo Template)
« Reply #3 on: February 19, 2005, 09:07:52 am »

Thank you. I'm gonna give it a try.

----
Listening to: 'Don't Fade' from 'Coil' by 'Toad the Wet Sprocket' on Media Center 11

EDIT:
Didn't work as expected (probably my fault anyway) but don't worry... I've just modified another one that already had the scrolling lyrics cell  (Beta) ;)
Thanks for your help, datdude.


Logged

datdude

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 2215
Re: Help with HTML (TrackInfo Template)
« Reply #4 on: February 19, 2005, 02:35:17 pm »

make sure you put that line of code in between the <td height="248"  width="50%"> <div style="overflow: auto;" >TRACKINFO_INSERT_LYRICS</div></td> and assign that table cell a height and width and the scroll should work.
Logged
"You are not a beautiful or unique snowflake." -  Just a very big snowball

Deivit

  • Citizen of the Universe
  • *****
  • Posts: 1215
  • I find your interest interesting...
Re: Help with HTML (TrackInfo Template)
« Reply #5 on: February 19, 2005, 03:35:02 pm »

Thank you!  :)
Logged
Pages: [1]   Go Up