+- Networked Media Tank (http://www.networkedmediatank.com)
+-- Forum: Community Jukebox, Themes, & UserApps Section (/forumdisplay.php?fid=106)
+--- Forum: Themes (/forumdisplay.php?fid=35)
+--- Thread: Calm 2.2.1 - Updated Feb 2, 2011 (/showthread.php?tid=49304)
Calm 2.2.1 - Updated Feb 2, 2011 - excal - 01-25-2011 05:26 AM
Alright well i rewrote the entire index in hopes of simplifying it for people. It's not quite as simplified as I'd hoped but i'm hoping its at least easier to modify for folks.
Big thanks to kokonutcreme for the addition of all the full size backgrounds.
2.2.1 Change Log:
-I setup a google code page so people can make requests, and log bugs, see the wiki for examples, and FAQ's
-Adjusted the index - full Screen.htm so that the default images are full screen images
-Redid the code slightly in both index - Normal Image.htm and index - Full Screen.htm so its easier to use.
-Redid the preferences code so that now you can have unlimited # of preferences
-Added the clock in.
code.google.com/p/calm-menu
http://code.google.com/p/calm-menu/downloads/detail?name=Calm%202.2.1.rar&can=2&q=
Older Changes log:
-Added a index-Full Background.htm
-Added a index-Normal Images.htm
-Redid all the code
-Added all of Kokonutcreme's images to the package.
How the new method works.
1: Decide which file you want to use... Full screen Backgrounds or Partial Screen (the original as seen in the video).
2: Rename the one you want to use to be index.htm
3: Open the file in a text editor.
4: Change the links to be your own.
The links should always be in 3 parts
-The first one is your link/path
-The second one is your Title
-The third is your image
Example
links[0]="photos.htm";
title[0]="Photo Jukebox";
picture[0]="Images/photos4.jpg";
links[1]="music.htm";
title[1]="Music Jukebox";
picture[1]="Images/music4.jpg";
And just add on as needed, and always increase the number inside the bracket. But the very first one should always be links[0].
-There can be unlimited links...just keep adding them as required.
-There are a lot of different images to choose from both for the smaller size and full background. Look around and pick out what you like.
5. Repeat for preferences....
6. That's it save the file, and put it where ever you wish. If you would like to have it autoload. Put the index.htm (and Images folder) in the root of your source.
Full Screen Example:
![[Image: Movies.png]](http://i1085.photobucket.com/albums/j425/Kiwifob/Movies.png)
Video of normal screen:
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rTV8SwwjQa4&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rTV8SwwjQa4&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
Download
http://code.google.com/p/calm-menu/downloads/detail?name=Calm%202.2.1.rar&can=2&q=
RE: Calm 2.2 - macrho - 01-29-2011 06:05 PM
Looks good but if I use the full background index the images are tiled instead of stretched to fit
Oh I see - you use the full background index.html and then pull the images from the 1280x720 folder
Looks good!!!
RE: Calm 2.2 - jecskte1sd - 01-30-2011 04:57 PM
Thank you for posting this Excal.
I have not tried this yet but will, hopefully I won't break anything in the process. I am trying to learn more on the various modifications I can make to my NMT (EGreat M32). After more than a year I am still a total newbee but it's been both educational and fun (more than a little frustrating too). Personally I find that this whole forum is invaluable. I am constantly amazed at all the work members have shared. Regards.
RE: Calm 2.2 - excal - 01-31-2011 05:10 AM
No problem... glad you guys like it
I was thinking about this, and I think one way i could have simplified it would be to split up the groupings to be like this...
link[0]='blah/blah/jukebox/index.htm"
title[0]="Movies"
picture[0]="Pics/movie1.jpg"
link[1]="blah/blah/jukebox/music.html"
title[1]="Music"
picture[1]="Pics/music1.jpg"
instead of how it works now... which is like this.
links[0]='blah/blah/jukebox/index.htm"
links[1]="Movies"
links[2]="Pics/movie1.jpg"
links[3]="blah/blah/jukebox/music.html"
links[4]="Music"
links[5]="Pics/music1.jpg"
Any thoughts? Would it be easier for you guys like the one above? Or is it just as easy as it is right now?
btw, Added full screen preview, and the old video example of the normal page
which reminds me, i should put the clock in. Either meowmoo or kokonutcreme put it in... I think it looks pretty sweet in the examples
RE: Calm 2.2 - baunegaard - 01-31-2011 11:47 PM
Tried this, looks good, but i am really missing the clock, and there are 3 different navigation bars, and only 1 looks normal and that is "navigation2.png". i like the old one "bar.png" which is in 1280x720 folder now, and dont really fits when chosen.
So looking forward to some inprovements on this
Back to Calm 2.1.1 for now
RE: Calm 2.2 - excal - 01-31-2011 11:52 PM
Hmm, i'll have to investigate the bar.png thing. Everything looked pretty normal on my screen. But i was just using the stock navigation bar.
RE: Calm 2.2 - excal - 02-02-2011 04:04 PM
Alright i revised the code a bit further.
So i'm going to release version 2.2.1
-I setup a google code page so people can make requests, and log bugs
-Adjusted the index - full Screen.htm so that the default images are full screen images
-Redid the code slightly in both index - Normal Image.htm and index - Full Screen.htm so its easier to use.
-Redid the preferences code so that now you can have unlimited # of preferences
-Added the clock in.
code.google.com/p/calm-menu
http://code.google.com/p/calm-menu/downloads/detail?name=Calm%202.2.1.rar&can=2&q=
RE: Calm 2.2.1 - Updated Feb 2, 2011 - macrho - 02-02-2011 07:23 PM
I'm not seeing the clock in 2.2.1? though other themes I've tried, i've never been able to get the right time to display
RE: Calm 2.2.1 - Updated Feb 2, 2011 - excal - 02-02-2011 07:31 PM
Actually ya know what? I think i might have forgot to put it in the full screen one. Are you using index - Full Screen.htm?
It's definitely in the index - normal size.htm one though.
RE: Calm 2.2.1 - Updated Feb 2, 2011 - macrho - 02-02-2011 08:03 PM
Yes, I'm using the full screen one; I'll look at diffs between both files and add in
Your work is much appreciated
(02-02-2011 07:31 PM)excal Wrote: Actually ya know what? I think i might have forgot to put it in the full screen one. Are you using index - Full Screen.htm?
It's definitely in the index - normal size.htm one though.
RE: Calm 2.2.1 - Updated Feb 2, 2011 - excal - 02-02-2011 08:10 PM
Ahh, ya i just looked at the code on google and I did indeed forget to add the clock to the Full Background file.
That's the problem with having two different files, you gotta remember to do everything twice
Essentially you just need to copy and paste 3 peices
in the style up top
Code:
.time {color: #FFFFFF; font-family: arial; font-size: 14pt;}
.date {color: #FFFFFF; font-family: arial; font-size: 12pt;}copy this above the initpage script
Code:
<script>
function initClock() {updateClock(); setInterval('updateClock();', 60000);}
function updateClock()
{
var localTime = new Date();
var TimezoneOffset = -5;
var hour = localTime.getHours() + TimezoneOffset;
var minute = localTime.getMinutes();
var second = localTime.getSeconds();
var curTime = "" + ((hour > 24) ? hour - 24 : hour);
if(hour==0) curTime = "00";
curTime += ((minute < 10) ? ":0" : ":") + minute;
if(hour > 12){curTime += " PM"} else { curTime += " AM"}
document.getElementById('time').firstChild.nodeValue = curTime;
document.getElementById('date').firstChild.nodeValue = localTime.toDateString();
}</script>add
Code:
initClock() to the function initpage()Then add this to the table
Code:
<tr>
<td>
<table cellpadding="0" cellspacing="0" align="center" valign="center" width="1000" border="0">
<tr>
<td height="325" align="right" valign="bottom">
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td align="right" width="250" id="time" class="time"> </td>
</tr>
<tr>
<td id="date" class="date" align="right"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>I'll make these changes tonight and update it to Calm 2.2.2
If you have trouble figuring out where to put any of that stuff... look in the index - Normal Background.htm file
Its all exactly the same... you just need to copy and paste it into the Full Background file.
But if you don't feel like dealing with it, i should have it fixed tonight.
RE: Calm 2.2.1 - Updated Feb 2, 2011 - macrho - 02-02-2011 09:50 PM
Works fine, thank you!
Should do 2 of everything:
o 2 shots
o 2 beers
o 2 ...........
I'm not a javascript guy but why not have this line:
var curTime = "" + ((hour > 24) ? hour - 24 : hour);
be this:
var curTime = "" + ((hour > 12) ? hour - 12 : hour);
hour shouldn't be greater than 24, right?
and since AM or PM is being appended, this would produce 3pm instead of 15pm?
RE: Calm 2.2.1 - Updated Feb 2, 2011 - excal - 02-03-2011 04:48 AM
I believe you'll end up with the same results... as its just modifying by 24 and dividing by 24. I'll test it out though to make sure i'm thinking it through correctly.
Also, I uploaded 2.2.2, and the only change is that I added the clock to index - Full Screen.htm
RE: Calm 2.2.1 - Updated Feb 2, 2011 - Xorron - 02-03-2011 04:28 PM
hi,
this works also on USB_DRIVE ?
if yes please tell me how it works
thx
RE: Calm 2.2.1 - Updated Feb 2, 2011 - excal - 02-03-2011 04:51 PM
It should work the same way on a USB drive. Just copy all the files and rename the index you wanna use to be index.htm
If that's not what you mean, i'm not entirely sure what the question is. Or are you asking how to change the links to work on a USB?