Web Tv Template: open and free internet television design
Pubblicato da Davide, Aggiornato venerdì 19 ottobre 2007 12 Commenti »
Ecco qui.. Le web TV ormai imperversano, tutti a dire che il futuro è quello, che pubblicare i propri video è molto cool! Non saprei dire se le notizie debbano per forza provenire dal basso (forse no), ma perché non rilasciare un template? Eccolo.
Un template libero: scaricatelo, modificatelo, utilizzatelo. Ma abbiate cura di lasciare il link a diploD. E’ pensato per la classica tv on-line.
Cosa c’è di bello?
- La navigazione a tab tramite javascript (simil ajax, ma non proprio..)
- Le finestre fluttuanti realizzate con jQyery ed Interface, una per il video e una per la chat.
- Un box pensato per la pubblicità (quale tv non ne ha? Potete comunque levarlo in un attimo se non ve ne frega un accidente)
- Lo spazio per il codice da embeddare sul proprio sito
- Predisposizione per i più comuni tag html: form, code, blockquote, ecc..
- Dei bellissimi box laterali dove mettere ciò che vi pare
- XHTML Strict, CSS Valid
- Compatibilità coi più diffusi browser, testato su FireFox, IE, Opera; non dovrebbero esserci problemi nemmeno con Safari
Qual è il fattore in più? Le finestre Jquery. Attivando il video in una di queste finestre, l’utente può contemporaneamente vedere la diretta e navigare il sito con i tab, oltre ad aprire e imbustare la chat.
Provatelo, è molto più semplice vedere che spiegare.
Download Web TV Template (Open and Free Internet Television Design)
English
Here we are.. Internet television are the next revolution! I don’t know if news should be reported by the mass (maybe not), but I realized a template for web tv. Try it. Why not?
It’s a free template: download it, modify it, use it. But please don’t remove the link to this site, diploD. This is a layout for a standard web television.
What’s cool?
· Tab navigation whit a simple javascript (ajax like)
· Floating windows, thanks to JQuery and Interface. One window for video, one for chat.
· A box for ads (who don’t have ads? But you can remove it if you want)
· Space for “embed” code
· Support for common html tags: form, code, blockquote..
· Nice sidebar boxes
· XHTML Strict, CSS Valid
· Cross browser compatibility, tested with FireFox, IE, Opera; should work also whit Safari
JQuery windows are the best way to show your videos and your chat. The users can follow your programs on live tv and visit your site.
Open the demo to see the design in action.
Download Web TV Template (Open and Free Internet Television Design)
PS: sorry for my English :P
The video you can see in the demo is a compilation of Parmigiano Reggiano’s spots. Parmigiano Reggiano is a wonderfull italian cheese, it’s art. :)
Varie info
Articolo pubblicato venerdì 12 ottobre 2007 alle 00:31
Segnala questo articolo.. e sentiti utile!
12 Commenti »
Puoi lasciare un tuo commento, oppure fare un trackback dal tuo sito.
Lascia il tuo commento
1
Mik - Pubblicato il 12 10 2007 alle 13:25
I miei complimenti per il tuo interessante lavoro. Se va in porto un progetto che ho in mente, utilizzerò senza dubbio il tuo tema.
Ho segnalato questo post anche nelle news giornaliere di blographik.
Buon lavoro.
2
» Temi gratuiti, PlugIn per Wordpress e Letture Interessanti per Web Designers: News n. 45 - Blographik - Grafica, web Design e video editing - Pubblicato il 13 10 2007 alle 15:19
[...] Web Design: Web Tv Template – Tema gratuito per web TV. [...]
3
4exp - Pubblicato il 22 11 2007 alle 16:43
Preso, poi ti dirò dove lo metto! ormai mi sa che il caffè telodevoprorpio pagare…
Una domanda, che mi pongo ( premetto che non ho ancora provato) Quando inserirò il player di ustram.tv nella pagina rimarra valida (w3c)?
Per il momento grazie x il caffè però preferirei offrirtelo di persona!
4
Davide - Pubblicato il 22 11 2007 alle 18:22
Ciao carissimo :)
L’unico modo per scoprirlo è provarlo.. Ma se anche dovesse perdere la validazione poco male, non si può stare a correggere tutti gli script che ci forniscono..
Ho una notizia per te: tra qualche giorno (o settimana..) uscirà nerino in versione 2.0, con diversi miglioramenti e cosette utili, tieniti aggiornato ;)
5
Tiziano - Pubblicato il 21 12 2007 alle 00:55
Ciao Davide,
complimenti per il lavoro che fai sul blog! =)
Sto provando ad installare il tema web tv per wordpress, ma non riesco a farlo funzionare.
Ho provato a modificare il nome del fogli di stile (da diplodtv.css a style.css) e cambiando il file da index.html a index.php riesco a vedere il tema installato per WP, ma se lo installo non mi applica lo stile…
Che problema può essere?
Grazie!! ;O)
6
Davide - Pubblicato il 21 12 2007 alle 00:57
Ciao Tiziano, il fatto è semplice:
il template in questione non è per wordpress, ma un semplice template statico da utilizzare come meglio credi.
Non escludo che in futuro possa diventare anche un template per wordpress, ma non nell’immediato, magari col nuovo anno.. :)
7
Tiziano - Pubblicato il 21 12 2007 alle 10:41
Mi era venuto un mezzo dubbio infatti… ;O)
Grazie per la puntualizzazione!
Seguirò gli aggiornamenti perchè questo template sarebbe stato l’ideale per un progetto che sto realizzando con altri studenti presso la mia facoltà (Economia a Parma)! =)
8
4exp - Pubblicato il 21 12 2007 alle 16:17
Tiziano, anche io avevo provato a installarlo su wp! allora mi consolo ;-)
9
cc - Pubblicato il 09 06 2009 alle 09:33
Hi!
Where I can change other video instead of google video in this template.
-Thanks for answer.
10
Davide - Pubblicato il 11 06 2009 alle 01:22
Hi.. You have to search this line of code:
<div id=”windowContent”>
<embed style=”width:90%; height:93%;” id=”VideoPlayback” type=”application/x-shockwave-flash” src=”http://video.google.com/googleplayer.swf?docId=6930516522290257026&hl=it” flashvars=””> </embed>
</div>
Instead of the bold code, you can copy html code from youtube or any other video sharing web site..
Bye
11
cv - Pubblicato il 11 06 2009 alle 11:09
Hi!
Thanks for help. I found it and changed it.
However, I found another problem…
I try to make text links that would open tv-shows from earlier time… I try to copy the “open my webtv” link to different place but when I click it, it opens two windows top of each other. What should I change that it opens different windows and not same window two times?
12
Geekitaly - Pubblicato il 30 07 2010 alle 00:36
Complimenti per tutti i temi, però secondo me dovresti stare più attento ai tempi di caricamento dei tuoi temi ;).