My HTML template

If you made a template for printing or HTML export, you can offer it to the others here. You can also ask here for help about these templates
Post Reply
ekelley
Posts: 3
Joined: 2008-03-07 20:31:41
Location: North Dakota
Contact:

My HTML template

Post by ekelley »

Here is the script and a screen shot of my HTML template. I hope someone will like it and use it if you have any issues let me know!
If you want to display the file sizes i have that included with the script its commented out.

(removed screen shot location no more)

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<!-- Script written by Eric eric@clubkelley.com -->
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="$$OWNER_NAME's DVD List" content="$$OWNER_NAME's DVD List">
    <title>
      $$OWNER_NAME's Movie List
    </title>
<style type="text/css">
 body {
	background-color: #006699;
	margin: 20px 20px 20px 20px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.container{
	margin: 2em 5%;
	background-color: #FFF;
	border: 1px solid #333;
}

.thumb{
	float: left;
	width: 130px;
	margin-left: 15px;
	padding-top: 18px;
}

.dvd {
	padding-top: 15px;
	margin: 0 2em 15px 160px;
	min-height: 254px;
        height:254px;
}
div[class] .dvd {
   height:auto;
   }

.details {
	font-weight: normal;
	line-height: 130%;
}

.title {
	font-size: 18px;
	color: #003366;
	font-weight: bold;
	line-height: 130%;
}
.text {
	color: #333333;

}
.head {
	color: #003366;
	font-weight: bold;
	line-height: 150%;
}

.total {
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: #282a11 0px 2px 6px;
	margin-bottom: 10px;
}
.collection {
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: #282a11 0px 2px 6px;
}
#header{
	margin: 1em 5%;
}

.top {
 top: 0;
 left: 0;
 width: 80%;
 background-color: #fff;
 padding: 10px;
 border: #903 1px solid;
 -moz-border-radius: 10px;
  }
  
.clear {
 clear: both;
  }

.info {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 12px;
  }
  
</style>
  </head>
  <body>
    <div id="header">
      <div class="collection" align="center">
        $$OWNER_NAME's Movie List
      </div>
      <div align="center" class="total">
      <br>
      Total number of titles: $$TOTALMOVIES
      <br>
      As Of $$DATE
      </div>
    </div>
    <div class='clear'>
       
    </div>
    <div class='info' align="center">
    Movie Titles with <font color="yellow">"</font>Around their names<font color="yellow">"</font> are TV Series!
    </div>
    $$ITEM_BEGIN
    <div class="container">
      <div class="thumb">
       <span class="head">
          Rating:
        </span>
        <span class="text">
          $$ITEM_APPRECIATION
        </span>
        <br>
         $$ITEM_PICTURE
        <br>
        <span class="head">
          Borrowed by:
        </span>
        <span class="text">
          $$ITEM_BORROWER
        </span>
        <br>
        <span class="head">
          Link:
        </span>
        <span class="text">
          <a href="$$ITEM_URL" target=imdb>IMDB</a>
        </span>
        <br>
        <span class="head">
          Media:
        </span>
        <span class="text">
          $$ITEM_TYPE
        </span>
        <br>
        <span class="head">
          Discs/ Files:
        </span>
        <span class="text">
          $$ITEM_DISKS
        </span>
                <br>
        <span class="head">
          Location:
        </span>
        <span class="text">
          $$ITEM_SOURCE
        </span>
      </div>
      <div class="dvd">
        <div class="details">
          <div class="title">
            $$ITEM_ORIGINALTITLE
          </div>
          <span class="head">
            Director:
          </span>
          <span class="text">
            $$ITEM_DIRECTOR
          </span>
          <br>
          <span class="head">
            Actors:
          </span>
          <span class="text">
            $$ITEM_ACTORS
          </span>
          <br>
          <span class="head">
            Genre:
          </span>
          <span class="text">
            $$ITEM_CATEGORY
          </span>
            
          <span class="head">
            Year:
          </span>
          <span class="text">
            $$ITEM_YEAR
          </span>
            
          <span class="head">
            Movie Lenght:
          </span>
          <span class="text">
            $$ITEM_LENGTH
          </span>
            
          <span class="head">
            Language (Country):
          </span>
          <span class="text">
            $$ITEM_LANGUAGES
          </span>
          <br>
          <span class="head">
            Video Format:
          </span>
          <span class="text">
            $$ITEM_VIDEOFORMAT $$ITEM_RESOLUTION
          </span>
            
          <span class="head">
            Sound Format:
          </span>
          <span class="text">
            $$ITEM_AUDIOFORMAT
          </span>
            
          
          <!-- If you want to display file sizes uncomment out the next 6 lines -->
        <!-- <span class="head">
          File Sizes:
        </span>
        <span class="text">
          $$ITEM_SIZE
        </span> -->
          <!-- end of display file size -->
          
        <br>
        <span class="head">
          Subtitles:
        </span>
        <span class="text">
          $$ITEM_SUBTITLES
        </span>
        <br>
        <br>
        <span class="head">
          Summary:
        </span>
        <span class="text">
            $$ITEM_DESCRIPTION
          </span>
          <br>
          <br>
          <span class="text">
          <a href="mailto:$$OWNER_MAIL?subject=I would like to Borrow $$ITEM_ORIGINALTITLE &body=I would like to borrow $$ITEM_ORIGINALTITLE.">Borrow this DVD!</a>
          </span>
          <br>
          <br>
        </div>
      </div>
    </div>
  </body>
</html>
Last edited by ekelley on 2011-03-06 15:29:40, edited 1 time in total.
neoarcangel
Posts: 3
Joined: 2008-03-07 01:06:25

Post by neoarcangel »

Thanks a nice template for sure I take avdantage of it.

Greetings.
ekelley
Posts: 3
Joined: 2008-03-07 20:31:41
Location: North Dakota
Contact:

Post by ekelley »

neoarcangel wrote:Thanks a nice template for sure I take avdantage of it.

Greetings.
Well thank you I hope you use it and enjoy!!

:)
itsanogo

Post by itsanogo »

Very nice! :)

Is it possible to automatically generate a maximum of 10 movies per html page; otherwise, the page can be very long..

Thank you,
itsanogo
ekelley
Posts: 3
Joined: 2008-03-07 20:31:41
Location: North Dakota
Contact:

UpGrade

Post by ekelley »

Thank you itsanogo

I recently found that to be an issue with my site I have over 219 titles listed and it can take some time for it to load. :badidea:

I am actually working on a JavaScript version that will do what you’re asking. I have also started working on a PHP & MySQL version. :grinking:

I don’t get much time to work on it but its coming along slowly.. :cry:
itsanogo

Post by itsanogo »

I will be waiting! :wink:
When it's ready, just post to this thread please.

itsanogo
Post Reply