MP Default page with HTML, PHP & javascript [Inspiration] (1 Viewer)

RM335

New Member
October 12, 2010
4
0
Assen, NL
Home Country
Netherlands Netherlands
Hi all!

Because our HTPC takes such a central point in our living room I thought it would be nice to make a page with all the information I would love to see in one eyesight!

So I made a webpage witch can be viewed with the standard webrowser implemented with StreamedMP. It fits exactly my TV screen (1280x720). I have added some cool gadgets in it.

To inspire you I will explain what I have done...

This is how it now looks like (continue in development ;))

screenshot1.jpg


This is how it looks like on my TV screen.

screenshot3.jpg


I have made this page with Dreamweaver & Photoshop. First offal I took a nice picture and resized it to 1280x720 so it would exactly fit my screen. As you can see it a nice picture of our cat in the garden.
I have added some pictures & some stockphoto's and the final result was this:

screenshot4.jpg


Now I added some html, PHP & javascript in Dreamweaver. This is what I added:

screenshot2.jpg




1. A Javascript time element, this was my source: *CLICK*


2. Showing the upcoming rain :(, the source: *CLICK*


3. A RSS news ticker converted to a horizontal text scroller, I used this to convert a RSS to plain text & this is the source of the java applet.


4. A high resolution webcam stream from our favorite radio channel (3FM), *CLICK*


5. Google calendar. There are al lot of scripts to convert it to you're own page. This script is highly editable to you're own taste, *CLICK*


6. Some picture's of our favorite tv-serie's. Under "Laatste Subs" must come the latest translations of our series. I still have to find a script witch is suitable for it (I can't write it myself ;))


7. Some picture's of me and my girlfriend. See really gave me a big smile when see saw it.



I hope I have gave you some inspiration to do the same. Ill do my best to answer any questions!
 

Users who are viewing this thread


Write your reply...
Top Bottom