Media Companion

Discussion and development board for the program Media Companion.
 
HomeHome  FAQFAQ  SearchSearch  RegisterRegister  Log inLog in  

Share | 
 

 Movie Card Easy Print V1.1

View previous topic View next topic Go down 
AuthorMessage
StormyKnight
VIP
VIP


Posts : 556
Join date : 2008-10-08
Location : Australia

PostSubject: 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>&nbsp;&nbsp;<<title>></b></font></td></tr>

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


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

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

<tr class="bigfont" height="1"><td>&nbsp;&nbsp;&nbsp;&nbsp;Rating:</td><td><b><<rating>></b></td><td>&nbsp;&nbsp;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:&nbsp;&nbsp;</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>&nbsp;&nbsp;<<title>></b></font></td></tr>

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


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

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

<tr class="bigfont" height="1"><td>&nbsp;&nbsp;&nbsp;&nbsp;Rating:</td><td><b><<rating>></b></td><td>&nbsp;&nbsp;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:&nbsp;&nbsp;</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!
Back to top Go down
View user profile
billyad2000
Admin
avatar

Posts : 1326
Join date : 2008-09-20

PostSubject: Re: Movie Card Easy Print V1.1   Mon Nov 30, 2009 1:52 pm

Looks good,

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

_________________
Do you have a problem with Media Companion, before posting a bug then please check you have the very latest version of Media Companion http://billyad2000.darkbb.com/announcements-f1/
Back to top Go down
View user profile http://billyad2000.co.uk
StormyKnight
VIP
VIP


Posts : 556
Join date : 2008-10-08
Location : Australia

PostSubject: 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....
Back to top Go down
View user profile
Wizerd
Media Companion Supporter
Media Companion Supporter
avatar

Posts : 125
Join date : 2008-09-22
Location : Ontario, Cananda

PostSubject: 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.
Back to top Go down
View user profile
marked
Junior Member
Junior Member


Posts : 24
Join date : 2010-04-13

PostSubject: Re: Movie Card Easy Print V1.1   Tue Apr 13, 2010 2:09 pm

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
Back to top Go down
View user profile
StormyKnight
VIP
VIP


Posts : 556
Join date : 2008-10-08
Location : Australia

PostSubject: 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
Back to top Go down
View user profile
noticen24
New User
New User


Posts : 3
Join date : 2010-06-18

PostSubject: Re: Movie Card Easy Print V1.1   Sun Jun 20, 2010 6:59 am

Back to top Go down
View user profile
rascalli
New User
New User


Posts : 2
Join date : 2010-09-09

PostSubject: Re: Movie Card Easy Print V1.1   Thu Sep 09, 2010 11:12 am

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>&nbsp;&nbsp;<<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>&nbsp;&nbsp;<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
Back to top Go down
View user profile
StormyKnight
VIP
VIP


Posts : 556
Join date : 2008-10-08
Location : Australia

PostSubject: 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>&nbsp;&nbsp;<a href="<<imdb_url>>" target="_blank"><<title>></a></b></font></td></tr>

Cheers
Back to top Go down
View user profile
rascalli
New User
New User


Posts : 2
Join date : 2010-09-09

PostSubject: Re: Movie Card Easy Print V1.1   Thu Sep 09, 2010 1:54 pm

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

Background : White
Font color : Black
Back to top Go down
View user profile
wedd123
Junior Member
Junior Member


Posts : 25
Join date : 2011-05-12

PostSubject: Text for the mention about the BG colour, I forgot that I changed mine to :    Tue May 17, 2011 12:05 pm

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

Crystal Brooch
Back to top Go down
View user profile
Johnson75
Senior Member
Senior Member


Posts : 81
Join date : 2011-05-09

PostSubject: Re: Movie Card Easy Print V1.1   Wed Jun 08, 2011 4:53 am

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.
Back to top Go down
View user profile
Sponsored content




PostSubject: Re: Movie Card Easy Print V1.1   

Back to top Go down
 
Movie Card Easy Print V1.1
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Media Companion :: Media Companion :: HTML Templates-
Jump to: