Movie Card Easy Print V1.1

Subject: Movie Card Easy Print V1.1 Mon Nov 30, 2009 1:29 pm

This is an updated version of the HTML template I posted previously. It now uses the new tags implemented in V3.175 of MC including the css component.

Other changes...

Genre font is now smaller to accomodate more genre's
Description text is on the same line as Description Label to save space

There are two versions, one for A4 paper & one for Letter paper. Letter paper is not as tall as A4, so to allow 5 movies per page, the Letter version has the pictures shrunk by 5%.

You probably will need to adjust your browsers margins in order to fit 5 images per page especially on the letter version.

Below is a link to the letter screenshot.
Letter Size Picture

Code for each version is below....firstly the A4 version.

Code:: <title>SK - Movie Card Easy Print A4 V1.1</title>
<<MC HTML Page>>
<<header>>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="moviecard.css" rel="stylesheet" type="text/css">
</head>
<body>
<</header>>
<<body>>
<table align="center" border="0" width="800" bgcolor="#e0e0e0" cellspacing="0" cellpadding="0">

<tr ><td rowspan="7" valign="top"><img src="<<smallimage>>" width="150" height="200" hspace="10" border="1"></td><td align="left" colspan ="4" width="600" height="1" bgcolor="#000000"><font color="#ffffff" class="headingfont" ><b>  <<title>></b></font></td></tr>

<tr height="1" ><td colspan="4" width ="100%" ><hr></td></tr>

<tr class="bigfont" height="1"><td width="15%">    Year:</td><td width="35%"><b><<movieyear>></b></td><td width="15%">  Director:</td><td><b><<director>></b></td></tr>

<tr class="bigfont" height="1"><td>    Genre:</td><td class="verysmallfont"><b><<moviegenre>></b></td><td>  Writer:</td><td><b><<writer>></b></td></tr>

<tr class="bigfont" height="1"><td>    Rating:</td><td><b><<rating>></b></td><td>  Duration:</td><td><b><<runtime>></b></td></tr>

<tr><td colspan="4" width ="100%"><hr></td></tr>

<tr class="bigfont" valign="top"><td colspan="4" width ="100%"><b>Description:  </b><font class="smallfont"><<outline>></td></tr>

</table>

<center><hr width="800" height="1"></center>

<</body>>
<<footer>><</footer>>
<</MC HTML Page>>

<<css>>
<filename>moviecard.css</filename>
@charset "utf-8";
.verysmallfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.smallfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.bigfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.headingfont {
font-size: 26px;
}
<</css>>

& the letter version....

Code:: <title>SK - Movie Card Easy Print Letter V1.1</title>
<<MC HTML Page>>
<<header>>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link href="moviecard.css" rel="stylesheet" type="text/css">
</head>
<body>
<</header>>
<<body>>
<table align="center" border="0" width="800" bgcolor="#e0e0e0" cellspacing="0" cellpadding="0">

<tr ><td rowspan="7" valign="top"><img src="<<smallimage>>" width="142" height="190" hspace="10" border="1"></td><td align="left" colspan ="4" width="600" height="1" bgcolor="#000000"><font color="#ffffff" class="headingfont" ><b>  <<title>></b></font></td></tr>

<tr height="1" ><td colspan="4" width ="100%" ><hr></td></tr>

<tr class="bigfont" height="1"><td width="15%">    Year:</td><td width="35%"><b><<movieyear>></b></td><td width="15%">  Director:</td><td><b><<director>></b></td></tr>

<tr class="bigfont" height="1"><td>    Genre:</td><td class="verysmallfont"><b><<moviegenre>></b></td><td>  Writer:</td><td><b><<writer>></b></td></tr>

<tr class="bigfont" height="1"><td>    Rating:</td><td><b><<rating>></b></td><td>  Duration:</td><td><b><<runtime>></b></td></tr>

<tr><td colspan="4" width ="100%"><hr></td></tr>

<tr class="bigfont" valign="top"><td colspan="4" width ="100%"><b>Description:  </b><font class="smallfont"><<outline>></td></tr>

</table>

<center><hr width="800" height="1"></center>

<</body>>
<<footer>><</footer>>
<</MC HTML Page>>

<<css>>
<filename>moviecard.css</filename>
@charset "utf-8";
.verysmallfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.smallfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.bigfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.headingfont {
font-size: 26px;
}
<</css>>

Enjoy!

Admin Posts : 1326 Join date : 2008-09-20

Looks good,

I was wondering if there was a way to use a table with 2 columns, maybe get 10 movies on a page.

Subject: Re: Movie Card Easy Print V1.1 Mon Nov 30, 2009 2:19 pm

For each <<Body>><</body>> MC only returns one movie.

For side by side movies, MC would have to understand something like <<titlenext>> which is the current movie + 1 (i.e. the next movie) & then you would need a token to tell MC to skip in pairs somehow....perhaps when it sees any token ending in next, but it won't skip till its completed the <</body>> section

So it would be something like this....

<<body>>
<<MovieTitle>><<MovieTitleNext>>
<</body>>

& loop thru the movies 1,3,5,7,9,.....

An odd number of movies will also cause issues, since there won't be a last movie + 1. e.g. 101 movies, movie 102 will not exist meaning firstly the MC code would need to handle that, but also the html code...

Thats the only way I can see to get two movie titles effectively on the one html line....

As I have said before, most printers allow the printing of multiple pages per page in the driver, I see that as the only other short term option at this stage.

Amyway, I will keep my eyes open for alternative solutions....

Subject: Re: Movie Card Easy Print V1.1 Tue Dec 01, 2009 3:08 am

Just as a note:

I exported the html (thanks a ton by the way - looks great) then needed to change a few covers. The cover change in MC but the export didn't. I proceeded to remove the images dir and let it get recreated. This sitll did not change the cover. I had to do a movie rebuild first, then the cover was exported properly.

Junior Member Posts : 24 Join date : 2010-04-13

StormyKnight wrote:: For each <<Body>><</body>> MC only returns one movie.

For side by side movies, MC would have to understand something like <<titlenext>> which is the current movie + 1 (i.e. the next movie) & then you would need a token to tell MC to skip in pairs somehow....perhaps when it sees any token ending in next, but it won't skip till its completed the <</body>> section
..

can't you use "no-table" css?

surround each block with div element class=movie,

scan through the div elements then if each document .class=movie mod 2 place in col1, else place in col2.

of course you need to ensure div class handling is only related to the body, and not other potential div elements...

regards,
Mark

Subject: Re: Movie Card Easy Print V1.1 Tue Apr 13, 2010 3:41 pm

G'day Marked,

Sorry but my css programming is limited, do you think you could provide a simple example?

I understand the mod 2 coding, just not sure of the exact syntax required.

Remember that MC creates the same code for odd or even movies, so the determination code would need to be in the header section.

Cheers

New User Posts : 3 Join date : 2010-06-18

Looks good,

_______________

Singles Online Dating
beach wedding invites

New User Posts : 2 Join date : 2010-09-09

I love this HTML template.

I would have the following request :

* would it be possible to add an imdb link ? (maybe under the name or picture or a seperate link)

--- EDIT --

I played around a bit with LINE 15

Code:: <tr ><td rowspan="7" valign="top"><img src="<<smallimage>>" width="150" height="200" hspace="10" border="1"></td><td align="left" colspan ="4" width="600" height="1" bgcolor="#ffffff"><font color="#000000" class="headingfont" ><b>  <<title>></b></font></td></tr>

And changed that to :

Code:: <tr ><td rowspan="7" valign="top"><img src="<<smallimage>>" width="150" height="200" hspace="10" border="1"></td><td align="left" colspan ="4" width="600" height="1" bgcolor="#ffffff"><font color="#000000" class="headingfont" ><b>  <a href="<<imdb_url>>" target="_blank"><<title>></a></b></font></td></tr>

Now it has the IMDB-URL under the name , and opens it in a new tab/window

Subject: Re: Movie Card Easy Print V1.1 Thu Sep 09, 2010 12:40 pm

Good work rascalli, I have added this to my own list!

I did make one change though, I changed the background colour of the title area to match the grey of the rest of the card....

Code:: bgcolor="#e0e0e0"

so the whole line becomes...

Code:: <tr ><td rowspan="7" valign="top"><img src="<<smallimage>>" width="150" height="200" hspace="10" border="1"></td><td align="left" colspan ="4" width="600" height="1" bgcolor="#e0e0e0"><font color="#000000" class="headingfont" ><b>  <a href="<<imdb_url>>" target="_blank"><<title>></a></b></font></td></tr>

Cheers

New User Posts : 2 Join date : 2010-09-09

Text for the mention about the BG colour, I forgot that I changed mine to :

Background : White
Font color : Black

Junior Member Posts : 25 Join date : 2011-05-12

Text for the mention about the BG colour, I forgot that I changed mine to :
crystal earrings

Crystal Brooch

Senior Member Posts : 81 Join date : 2011-05-09

some brides wear their a-line v-neck wedding dresses for their vow renewals in future years and some even wear them every year on their anniversary. but of course most people sell their wedding gowns or give them away to a charitable organization to help other less fortunate brides. not many girls keep their wedding gowns these days.You can choose V-Neck Wedding Dresses,one-shoulder wedding dresses from GoodGoodsChina.com.

» custom Posters not being pulled for HTML Movie Card
» Easy way to initally scrap
» Easy access to HTML output.
» TT1112233 in movie info to be a button to open BROWSER at IMDB page for Movie
» Changing the generic Please insert "movie title" DVD for offline movie files.