INTERACT FORUM

Please login or register.

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

Author Topic: Change/Improvement in Playing Now/Track Info/Noire  (Read 1641 times)

gottwavo

  • World Citizen
  • ***
  • Posts: 166
Change/Improvement in Playing Now/Track Info/Noire
« on: August 23, 2014, 05:53:18 am »

I always did not like that the album cover art is displayed in "original" size when using Playing Now and Track Info Noire.
I think I have seen another thread about the non scaling of the cover art in this view.

If you look into the main.css file for this (in C:\Program Files (x86)\J River\Media Center 20\Visualizations\Track Info\Noire) you need to change "maxheight" in the style .album to height and give it a fixed value that you like (i.e. 500 px).

Working on the files I have modified the index.html file also to make everything look a little better acording to my taste. Below are the two files I modified. I did not take the time and effort to adopt in to html 5 which you could if you want. If you like, what I did, just copy the text below into the respective file and delete the old text and modify the setting according to you taste. You need to change the access rights for the files to do this.

Question: will the modified files be overwritten when I update to a new version?

index.html

<title></title>
<script type="text/javascript" src="minmax.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<table>
   <tr>
      <td rowspan="2" class="albumart" valign="top">
            <img class="album" src="TRACKINFO_INSERT_IMAGE"></td>
      <td width="50%" class="info" valign="top">
            <span class="title">TRACKINFO_INSERT_TITLE</span>

            <span class="artist">TRACKINFO_INSERT_ARTIST</span>


      <table border="0" align="left" cellpadding="0" cellspacing="4" summary="">
         <tr>
            <td class="tracka" align="right">Album:</td>
            <td class="trackb">TRACKINFO_INSERT_ALBUM</td>
         </tr>
         <tr>
            <td class="tracka" align="right" >Year:</td>
            <td class="trackb" >TRACKINFO_INSERT_YEAR</td>
         </tr>
         <tr>
            <td class="tracka" align="right">Genre:</td>
            <td class="trackb" >TRACKINFO_INSERT_GENRE</td>
         </tr>
      </table>
</table>
</body>
</html>

main.css

/* At-Rules */
@charset "iso-8859-1";

/* author: Johanne Chainé
 Creation date: 11/6/2006 */
table, td, span {font-family: calibri;   font-size: 35px;   color: rgb(255, 255, 255);}

a:link {color: rgb(255,255,255);   text-decoration: none;}
a:visited {color: rgb(98,98,98);   text-decoration: none;}
a:hover {color: rgb(50,150,230);   text-decoration: underline;}
a:active {color: rgb(255,255,255);   text-decoration: none;}

body
      {
      padding: 20px;
      background-color: #555555;
      }

#corner
      {
      background-image: url(corner.gif);
      background-repeat: no-repeat;
      background-position: right top;
      }

.info
      {
      color: rgb(255,255,255);
      width: 65%;
      padding-left: 4px;
      padding-right: 4px;
      }

.title
      {
      font-size: 50px;
      font-weight: bold;
      padding-left: 4px;
      padding-right: 4px;
      color: rgb(250, 250, 250);
      }

.artist
      {
      font-size: 40px;
      font-weight: bold;
      color: rgb(200,200,200);
      padding-left: 4px;
      padding-right: 4px;
      }

.tracka
      {
      color: rgb(185,185,185);
      padding-left: 4px;
      padding-right: 4px;
      }

.trackb
      {
      color: rgb(240,240,240);
      padding-left: 4px;
      padding-right: 4px;
      }

.albumart
      {
      top: 0 px;
      left: 0 px;
      width: 35%;
      }

.album
      {
      height: 550px;
      margin-left: 10px;
      margin-right: 40px;
      margin-top: 10px;
      margin-bottom: 10px;
      }

/* End of style section. Generated by AceHTML at 11/6/2006 1:30:30 PM */

Logged

mark_h

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 1854
Re: Change/Improvement in Playing Now/Track Info/Noire
« Reply #1 on: August 25, 2014, 03:02:25 am »

If you want to make changes that don't get overwritten you can create your own Track Info view.  Just copy the files from the Noire folder into your own folder, calling it whatever you like, eg 'My Noire' and you're good to go.  You can make any changes you like.  Only thing you will need to do is copy them over yourself each time MC has a major upgrade.
Logged
Pages: [1]   Go Up