[YAMJ] ÆON Movie Wall YAMJ *UPDATE* May 9, 2010 - Clean Up #4

[ejp]

(12-10-2009 11:43 PM)Legolas2 Wrote:  Hi EJP
I would like to have the "opening" of the boxes to be on the right instead of left. I changed the exportdetails_item_popcorn.css lines from:

Quote:#Box_Overlay__LowList_NMT_and_PC__TV_PC { visibility: visible; position: absolute; top: 258px; left: 93px;}
#Box_Overlay__TV_NMT { visibility: visible; position: absolute; top: 219px; left: 1px;}

to:

and I got the box covers hovering on the right side of the screen, as if for right-to-left languages.

I would assume this would require a new overlay .jpg/.png?

I guess I'm incorrectly assuming that everyone knows how CSS works.

The 1st line of that code works for LowList (for both ForComputer=true and false) and TV (for ForComputer=true).

The 2nd line is for TV (for ForComputer=false).

The top and left numbers determine where on the screen the overlay appears, as in "How far from the top of the screen it is", and "How far from the left of the screen it is". They do not determine what kind of box is used.

You will first have to get a right-hand box and replace the original in the pictures/boxes folder. Then you'll likely have to change how far from the left of the screen it goes, and possible how far from the top.

[gonzalu]

(12-10-2009 11:43 PM)Legolas2 Wrote:  

(12-09-2009 02:39 PM)ejp Wrote:  Change the left values of Box_Overlay__LowList_NMT_and_PC__TV_PC and Box_Overlay__TV_NMT.

Edit: Also, don't know why you can see your studios on your PC, but can't on your NMT/TV. That doesn't make sense to me.

Hi EJP
I would like to have the "opening" of the boxes to be on the right instead of left. I changed the exportdetails_item_popcorn.css lines from:

Quote:#Box_Overlay__LowList_NMT_and_PC__TV_PC { visibility: visible; position: absolute; top: 258px; left: 93px;}
#Box_Overlay__TV_NMT { visibility: visible; position: absolute; top: 219px; left: 1px;}

to:

and I got the box covers hovering on the right side of the screen, as if for right-to-left languages.

I would assume this would require a new overlay .jpg/.png?

No you do not need to use different images. Keeps yours. What you have to do is nudge it to align.

floats and aligns in CSS are not what you want to do :-) You need to position the overlay just right. Looks like you're off by a few pixels.

Change the 93 pixels to say 90 or 88 or so... not sure how many pixels.

You can do this WITHOUT redoing your library!! each time.

Use Firefox, download the Developer's add-on and use it to play with the CSS live on your screen. You will then see how much to nudge the stuff around and see it apply live on your PC

Then plug in the right numbers into the right files in the skin.

---

Looks like you need to go up :-)

Try this line instead...

Code:

#Box_Overlay__LowList_NMT_and_PC__TV_PC { visibility: visible; position: absolute; top: 258px; left: 105px;}

Note the 105 pixels from the left of the screen.

I will take a screenshot for you of my CSS edit in Firefox while viewing the NMT :-)

---

I did it this way

http://www.youtube.com/watch?v=oWcdgnJjGsk

[SFBG]

(12-10-2009 04:24 PM)ejp Wrote:  

(12-10-2009 03:46 PM)SFBG Wrote:  Another thing, I don't want to be "picky" lol but any change of getting new certificates?
It's just because i can destingue one from anothers, but is not a big deal!

Which certificates are you using in the skin? I guess all the MPAA (American) ones look similar, but the others are all different colors. I would include ones by the Comissão de Classificação de Espectáculos (they class movies in Portugal, right?), but I can't find any certificate logos.

(12-10-2009 03:56 PM)gonzalu Wrote:  Then just make sure you have files named exactly as that list in your studios folder. I have begun my naming and so far I am up to 100 out of 1000 studios LOL. Wish me luck.

Hopefully one day we will all have enough icons created properly for inclusion into the default install of the skin.

I don't want to sound mean or anything, but I'm so glad I'm not the one renaming 100s of files. I figure I brought everyone this far. They can see me the rest of the way.

Thanks again!

ejp i trully don't know! But i think so! lolol
But i don't need a certificate portuguese logo, it can be american ones but i would like't with colors or just able to notice the difference.
How can i change to the others with different colors?

Gonzalu are you talking about delete the "copy" from the ending of the file names of an studio pack that has been posted?
If so you have a program that call's rename master, and you just have to set an option to delete all " copy" from all files names in that folder and it's done in 1 sec!
This program is also good to rename all episodes from season's, you can set a new name a easy name to YAMJ and set a count in the end to rename all (S01E01 ... S01E10 for example).

[ejp]

(12-11-2009 01:04 AM)SFBG Wrote:  ejp i trully don't know! But i think so! lolol
But i don't need a certificate portuguese logo, it can be american ones but i would like't with colors or just able to notice the difference.
How can i change to the others with different colors?

You can set imdb.getCertificationFromMPAA=false and imdb.preferredCountry in the moviejukebox.properties to choose another certification system.

You can pick UK, Germany, or Australia. Those 3 have color.

[gonzalu]

Quote:

(12-10-2009 03:56 PM)gonzalu Wrote:  Then just make sure you have files named exactly as that list in your studios folder. I have begun my naming and so far I am up to 100 out of 1000 studios LOL. Wish me luck.

Hopefully one day we will all have enough icons created properly for inclusion into the default install of the skin.

ejp Wrote:I don't want to sound mean or anything, but I'm so glad I'm not the one renaming 100s of files. I figure I brought everyone this far. They can see me the rest of the way.

Thanks again!

Gonzalu are you talking about delete the "copy" from the ending of the file names of an studio pack that has been posted?
If so you have a program that call's rename master, and you just have to set an option to delete all " copy" from all files names in that folder and it's done in 1 sec!
This program is also good to rename all episodes from season's, you can set a new name a easy name to YAMJ and set a count in the end to rename all (S01E01 ... S01E10 for example).

No no, I was talking about HOW to extract the names from your EXISTING library. No sense in defining stuff you don;t really have. And frankly debugging a 1500+ library was not gonna make it for me.

Renaming the existing files will not work in all cases anyway as you have to be VERY sensitive of CaSiNg as NMT is UNIX and it likes to be exact... so the existing files provided by EJP are great but have to be named properly anyway.

The script to extract your studio names is the best one I believe because I simply CUT and paste the names on to my files and that way I know I am spelling them correctly and also know my progreass :-)

[ejp]

The script to extract your studio names is the best one I believe because I simply CUT and paste the names on to my files and that way I know I am spelling them correctly and also know my progreass :-)[/quote]

You're talking about Notepad++? If so, that really was the best way I knew how to do it. I actually found some other payware programs that did an easier job, but I figured everyone here would appreciate free programs. However, I do exclusively use Photoshop for my image work.

[gonzalu]

EJP,

I would like to implement TOP 250 ratings to the skin. I believe I can tackle this on my own but I 'd like some pointers. I see you posted above how to add a new box cover type to the skin. I will try to use this as a hint/starting point to try to see if I can teach myself how to do it.

Examples below... (if there is a preference from anyone, I am all ears...)

My questions are:

-If I get stuck, don;t mind me posting here begging for help (hopefully I can do it before we run out of time LOL)
-Am I going to run into any road blocks? I ask this as I would like to implement it either ABOVE the existing rating or right next to it. I know you have said that any more and things would break so if you have any warnings, let me know.

Thanks sir.

---

(12-11-2009 02:29 AM)ejp Wrote:  You're talking about Notepad++? If so, that really was the best way I knew how to do it. I actually found some other payware programs that did an easier job, but I figured everyone here would appreciate free programs. However, I do exclusively use Photoshop for my image work.

Heck I'd prefer AWK and GREP and PERL but, not everyone has UNIX. I actually learned a lot from you with that little script as I had never used Notepad++ Looks very powerful! Thank you!

[Legolas2]

(12-11-2009 12:10 AM)gonzalu Wrote:  Hi EJP
I would like to have the "opening" of the boxes to be on the right instead of left. I changed the exportdetails_item_popcorn.css lines from:

Quote:#Box_Overlay__LowList_NMT_and_PC__TV_PC { visibility: visible; position: absolute; top: 258px; left: 93px;}
#Box_Overlay__TV_NMT { visibility: visible; position: absolute; top: 219px; left: 1px;}

to:

and I got the box covers hovering on the right side of the screen, as if for right-to-left languages.

I would assume this would require a new overlay .jpg/.png?

No you do not need to use different images. Keeps yours. What you have to do is nudge it to align.

floats and aligns in CSS are not what you want to do :-) You need to position the overlay just right. Looks like you're off by a few pixels.

Change the 93 pixels to say 90 or 88 or so... not sure how many pixels.

You can do this WITHOUT redoing your library!! each time.

Use Firefox, download the Developer's add-on and use it to play with the CSS live on your screen. You will then see how much to nudge the stuff around and see it apply live on your PC

Then plug in the right numbers into the right files in the skin.

---

Looks like you need to go up :-)

Try this line instead...

Code:

#Box_Overlay__LowList_NMT_and_PC__TV_PC { visibility: visible; position: absolute; top: 258px; left: 105px;}

Note the 105 pixels from the left of the screen.

I will take a screenshot for you of my CSS edit in Firefox while viewing the NMT :-)

---

I did it this way

http://www.youtube.com/watch?v=oWcdgnJjGsk
[/quote]

Manny
This is not about tweaking the css, but need to change the box cover
overlay as EJP stated. I had to fix the alignment for the TV lowlist view though.

---

(12-10-2009 08:37 PM)JoeFagundes Wrote:  Using Dreamweaver and a site called http://www.roundpic.com/ I improved my boxsets and TV Series menus, this is how it looks now:




If anyone wants to have AEON looking like this I can create a topic with all the work that I have done and links to the necessary files (HTML, PNG) so that you can have the same look without any work necessary.

yes could you please mate those look great would love mine like that[/QUOTE]

(12-10-2009 10:17 PM)Grifone1893 Wrote:  Wow great work!
Create a topic

Hi
I would love this too. Now I have created sets using EMM but now my sets page fanart is blank. Would love something like what you have.

[rj_md]

(12-10-2009 08:37 PM)JoeFagundes Wrote:  Using Dreamweaver and a site called http://www.roundpic.com/ I improved my boxsets and TV Series menus, this is how it looks now:




If anyone wants to have AEON looking like this I can create a topic with all the work that I have done and links to the necessary files (HTML, PNG) so that you can have the same look without any work necessary.

this is soooooo cool! looking forward to you post! thanks man.

one question to everyone...why can't i see my moviejukebox.properties anywhere? i've loaded yamj successfully but would have wanted to edit MPAA settings. hope someone could help, thanks!

[ejp]

(12-11-2009 03:02 AM)gonzalu Wrote:  EJP,

I would like to implement TOP 250 ratings to the skin. I believe I can tackle this on my own but I 'd like some pointers. I see you posted above how to add a new box cover type to the skin. I will try to use this as a hint/starting point to try to see if I can teach myself how to do it.

Examples below... (if there is a preference from anyone, I am all ears...)

My questions are:

-If I get stuck, don;t mind me posting here begging for help (hopefully I can do it before we run out of time LOL)
-Am I going to run into any road blocks? I ask this as I would like to implement it either ABOVE the existing rating or right next to it. I know you have said that any more and things would break so if you have any warnings, let me know.

Thanks sir.

http://pictures.mannyphoto.com/photos/73...8Xx7-O.jpg
http://pictures.mannyphoto.com/photos/73...DEt7-O.jpg
http://pictures.mannyphoto.com/photos/73...8v-O-1.jpg

---

Heck I'd prefer AWK and GREP and PERL but, not everyone has UNIX. I actually learned a lot from you with that little script as I had never used Notepad++ Looks very powerful! Thank you!

You can certainly do that using div positioning. You'll have to use (at least) 2 divs though: 1 for the tab graphic, 1 for the text. If you were thinking about div'ing a table, you're going to have issues; the NMT will crash if you try to div a table.

Div'ing the tab and the top250 is probably the easiest way to go, rather than trying to add another row of tabs.

You'll also probably add a conditional to first test if the movie is even on the top 250. If it is, then drop the tab/text in.


That CSS tool in your video actually looks very convenient. I'll have to try it out sometime.


And, oh yeah, GREP would be so much easier to grab the studios.

[gonzalu]

I started to mod this and get the logic. I think I got the test down in XSL for when to add the flag or not.

Now I need to pretty it up :-) I am not doing well. I can;t get the darn Table Row to align right somehow...

On line 151 of "lowlist.xsl" add the following:

Code:

<!-- start TOP250 -->
<xsl:if test="top250 != -1">
<tr align="right">
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-l_dim.png"></img></td>
<td background="pictures/dim/tvdetbg_dim.png">
Top 250:&nbsp;<xsl:value-of select="top250" /></td>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-mov-l_dim.png"></img></td>
</tr>
</xsl:if>
&lt;!-- end TOP250 --&gt;

Delete a few movies drom your DATA directory that have a top 250 rating and one or two without...run YAMJ... this will test the adding or not of the flag.

Works for me without errors and it does add the flag to TOP250 films and not to non Top250 films.

*** WARNING *** output is still ugly... I need to learn how to do HTML and CSS in XSL :-( which is NOT my strong suite. Help is of course appreciated ...

---

(12-11-2009 04:17 AM)ejp Wrote:  You can certainly do that using div positioning. You'll have to use (at least) 2 divs though: 1 for the tab graphic, 1 for the text. If you were thinking about div'ing a table, you're going to have issues; the NMT will crash if you try to div a table.

Div'ing the tab and the top250 is probably the easiest way to go, rather than trying to add another row of tabs.

You'll also probably add a conditional to first test if the movie is even on the top 250. If it is, then drop the tab/text in.

Oh OK, I just posted the results of my first stab at it. The logic works!! :-) I impressed myself that it only took me two tries. The first one it gave HORRENDOUS errors, but the java engine gives great debug and that helped. I mercilessly copied from your code LOL.

So, I am using another row, but it is ugly. I will now try to div it and then CSS it into position. Wish me luck.

Quote:That CSS tool in your video actually looks very convenient. I'll have to try it out sometime.

Oh it is INVALUABLE for doing CSS testing... live and on the fly ... then when it looks good, copy it into the real CSS/HTML etc.

Quote:And, oh yeah, GREP would be so much easier to grab the studios.

They do have it for windows but I never tried it. I live and die by Grep/Awk and PERL in UNIX. Not to mention, VIM!

[ejp]

(12-11-2009 04:33 AM)gonzalu Wrote:  I started to mod this and get the logic. I think I got the test down in XSL for when to add the flag or not.

Now I need to pretty it up :-) I am not doing well. I can;t get the darn Table Row to align right somehow...

On line 151 of "lowlist.xsl" add the following:

Code:

<!-- start TOP250 -->
<xsl:if test="top250 != -1">
<tr align="right">
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-l_dim.png"></img></td>
<td background="pictures/dim/tvdetbg_dim.png">
Top 250:&nbsp;<xsl:value-of select="top250" /></td>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-mov-l_dim.png"></img></td>
</tr>
</xsl:if>
&lt;!-- end TOP250 --&gt;

Delete a few movies drom your DATA directory that have a top 250 rating and one or two without...run YAMJ... this will test the adding or not of the flag.

Works for me without errors and it does add the flag to TOP250 films and not to non Top250 films.

*** WARNING *** output is still ugly... I need to learn how to do HTML and CSS in XSL :-( which is NOT my strong suite. Help is of course appreciated ...

I took a look at your HTML. If you want to give it a try, use this code instead:

Code:

<xsl:if test="top250 != -1">
<tr><td colspan="99" align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-l_dim.png"/></td>
<td background="pictures/dim/tvdetbg_dim.png" class="tvdet_dim">Top 250: <xsl:value-of select="top250"/></td>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-mov-l_dim.png"/></td>
</tr>
</table>
</td></tr>
</xsl:if>

[gonzalu]

::LowList Top 250 Mod::


MOVED to separate thread

[ejp]

(12-11-2009 06:59 AM)gonzalu Wrote:  OK I will try it now... But next I will post what I did just in the past hour or so... I followed your lead and used DIVs and then styled them via the CSS file.

I will post the results of your mod as well after that. Thanks EJP!!

---

This mod will add a flag to your LowList for IMDb Top 250 rated movies. You can
either make the mod yourself by following the instructions below or use the attached files. They are
in subdirectories corresponding to the defaults for the skin. Simply backup your
existing files and replace them with the ones enclosed.

LowList Top 250 Mod.7z

##
## Manual Installation Instructions
##

In file /html/exportdetails_item_popcorn.css place the following anywhere. Near the top works:

Code:

#top250_t { text-align: center; visibility: visible; position: absolute; top: 313px; left: 900px; background-image: url('pictures/detail/top250_bg.png'); height: 25px; width: 300px;}

In file /lowlist.xsl look for this line:

Code:

<!-- BEGIN LOWLIST MOVIE DETAILS PAGE CODE HERE -->

Place this just before it:

Code:

<!-- start TOP250 -->
<xsl:if test="top250 != -1">
<div id="top250_t">
    <div id="top250_n" class="tvdet_dim">Top 250: #<xsl:value-of select="top250" /></div>
</div>
</xsl:if>
&lt;!-- end TOP250 --&gt;

Place the image top250_bg.png in the /html/pictures/detail/ folder

http://pictures.mannyphoto.com/photos/73...fA76-O.png

You will need to delete your HTML and XML files and replace your css file manually or delete it before running YAMJ.

Changing the position of the flag is as easy as editing the positioning in the CSS file. You can place it anywhere you like on the screen and also remove or replace the background image itself.

Here is what it looks like with the first 3 Top 250 Films and one not on the Top 250 list.

http://pictures.mannyphoto.com/photos/73...irQR-O.jpg
http://pictures.mannyphoto.com/photos/73...6dHT-O.jpg
http://pictures.mannyphoto.com/photos/73...pHdQ-O.jpg
http://pictures.mannyphoto.com/photos/73...D7Cb-O.jpg

Looks good! Already put it in the 1st post.

[gonzalu]

EJP

Tried your code... but something is wrong... positioning is off... or maybe I stuck it in the wrong place?



I put it here which is around line 142:

Code:

<xsl:if test="$number-rating =    'true'"> (<xsl:value-of select="rating div 10" />/10)</xsl:if>
                                    </td>
                                    <td width="20" valign="bottom"><img src="pictures/detail/tvdetbg-r.png"></img></td>
                                    </tr></table>
                            </td>
                            <td width="20"></td>
                        </tr>
</xsl:if>

&lt;!-- START TOP 250 CODE --&gt;
<xsl:if test="top250 != -1">
<tr><td colspan="99" align="right">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-l_dim.png"/></td>
<td background="pictures/dim/tvdetbg_dim.png" class="tvdet_dim">Top 250: <xsl:value-of select="top250"/></td>
<td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-mov-l_dim.png"/></td>
</tr>
</table>
</td></tr>
</xsl:if>
&lt;!-- END TOP 250 CODE --&gt;

<xsl:if test="$dim='true'">
                        <tr>
                            <td height="75" width="832" align="right" valign="bottom">
                                <table border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="22" valign="bottom"><img src="pictures/dim/tvdetbg-l_dim.png"></img></td>
                                    <td background="pictures/dim/tvdetbg_dim.png">
                                        <xsl:attribute name="class">tvdet_dim</xsl:attribute>
&lt;!-- start watch | trailer --&gt;

---

(12-11-2009 07:31 AM)ejp Wrote:  Looks good! Already put it in the 1st post.

You're too kind! :-)

Thank you I am honored...