Google Web Designer - Themes HML5 - ZSPIN

Some tutorials for starting with zspin.

Modérateurs : vik, Modérateurs

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 01 août 2015 - 16:52

Bon messieurs, petit tuto vidéo pour GWD sans prétention

Part1, les prémices
[BBvideo 560,340][/BBvideo]

Part2, l'enregistrement et l'intégration à Zspin
[BBvideo 560,340][/BBvideo]

edit pour la bonne cause ;)
Concernant le problème de distance d'artwork dans le thème 1941.
En fait, le plus simple et de se mettre en vue de code et remplacer le "top: x%;" par un "bottom: x%;" car finalement, une fois passer la mi hauteur de l'écran, il vaut mieux faire le responsive de l'autre côté. CQFComprendre :mrgreen:

Sinon, les animations arrivent et ça pète, afin que vous ne cherchiez pas trop dans les pages qui s'accumulent, voici le lien vers l'explication de aruka (bien joué messire et merci, c'est la classe) qui nous permet d'avoir encore plus de possibilités que dans hyperthème.

pour se donner envie : http://kbonabot.com/1945kiii.html" onclick="window.open(this.href);return false;
pour comprendre : tutos-graphisme-edition/google-web-desi ... ml#p116106" onclick="window.open(this.href);return false;
Dernière modification par camarade35 le 05 août 2015 - 16:53, modifié 3 fois.
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2031
Inscription : 01 févr. 2014 - 23:00
Localisation : 26700
A remercié : 214 fois
A été remercié : 347 fois

Message par Porko » 01 août 2015 - 17:06

Merci pour ce tuto c'est cool!

Avec ça j'espère qu'on aura bientôt un mainmenu complet 100% Html

Je vois bien plusieurs vidéos en même temps pour les themes console

Avatar de l’utilisateur
Lorith
Connaisseur
Connaisseur
Messages : 269
Inscription : 30 sept. 2014 - 23:00
Localisation : PAU

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par Lorith » 01 août 2015 - 17:15

Merci Camarade35 !

Edit : je viens de le regarder et c'est très bien fait, très accessible, du beau boulot :)

Avatar de l’utilisateur
vik
Connaisseur
Connaisseur
Messages : 337
Inscription : 01 janv. 1970 - 02:34
Localisation : Evreux
A remercié : 9 fois
A été remercié : 203 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par vik » 01 août 2015 - 18:05

Code : Tout sélectionner

overflow: hidden;
ne pas oublier le ; a la fin de la ligne !

Avatar de l’utilisateur
andric31
Maître
Maître
Messages : 4440
Inscription : 13 sept. 2014 - 23:00
Localisation : Entre mer et montage
A remercié : 514 fois
A été remercié : 440 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par andric31 » 01 août 2015 - 18:28

Très intéressant camarade35
Merci
My New Net City / Mini Pincab by andric31 / Bartop by andric31 [/url] / My HTPC [/url] / SDVX Controller by andric31 [/url] / Vos Bureaux [/url]

Avatar de l’utilisateur
himura95
Mentor
Mentor
Messages : 2977
Inscription : 05 mars 2015 - 19:13
Localisation : Pontoise
A remercié : 733 fois
A été remercié : 410 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par himura95 » 01 août 2015 - 18:42

Merci Camarade très bon tuto, quand j'aurais reçu mon casque micro je vais essayer d'en faire un pour adobe Edge qui diffère quand même sur certains points.
Image

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 01 août 2015 - 19:36

De rien les gars, il est temps qu'on s'y mette ;)
Merci pour les compliments.

@vik : c'est corrigé
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

Avatar de l’utilisateur
JuL
Guide
Guide
Messages : 1962
Inscription : 16 nov. 2012 - 23:00
A remercié : 33 fois
A été remercié : 160 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par JuL » 01 août 2015 - 19:49

Youtube délire ce soir chez moi, j'ai pas réussi à voir plus de la moitié de la vidéo. Mais ça à l'air bien simple! Grand merci Camarade pour ce tuto
Image
Image
Image
Image

undertaker
Gourou
Gourou
Messages : 774
Inscription : 14 oct. 2013 - 23:00
Localisation : Sur le Peurt du Hav'
A remercié : 177 fois
A été remercié : 31 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par undertaker » 01 août 2015 - 20:23

Super tuto.... grâce à ça, même moi j'vais y arriver ! c'est dire !

fanou
Initié
Initié
Messages : 108
Inscription : 24 déc. 2013 - 23:00
A été remercié : 1 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 05:02

n ayant jamais tentez hyperthemes j ai voulu voir si c était pas trop chaud je vous laisse juge

" onclick="window.open(this.href);return false;

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 05:11

Lu fanou, je t'ai envoyé une requête pour l'accès ;)
Par contre je viens de tester adobe edge... bah y'a pas photo sur le mode user friendly
@nutsreturn2 : je pense que ça va plus te plaire comme logiciel
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

fanou
Initié
Initié
Messages : 108
Inscription : 24 déc. 2013 - 23:00
A été remercié : 1 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 05:20

" onclick="window.open(this.href);return false;

j ai activer le partage public ;-)

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 05:26

Franchement fanou, c'est propre, simple et efficace. Perso j'aime bien.
Est-ce que ça a été chiant à prendre en main ? Combien de temps pour faire ça ?
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

fanou
Initié
Initié
Messages : 108
Inscription : 24 déc. 2013 - 23:00
A été remercié : 1 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 05:34

bah en suivant le tuto et faut bien avouez que je ne connaissais pas du tout l outils sachant que j ai repiquer les images et video sur ma box 2h de taf mais sur du theme assez simple comme ça je pense qu avec un peu d experience ça peu allez trés vite

par contre j ai pas trouvez pour mettre du son genre mp3 ! il faut convertir en format ogg ? j ai vu qu on pouvait importer du ogg

pour adobe c payant je suppose ?

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 05:39

fanou a écrit :bah en suivant le tuto et faut bien avouez que je ne maitrise pas du tout l outils sachant que j ai repiquer les images et video sur ma box 2h de taf mais sur du theme assez simple comme ça je pense qu avec un peu d experience ça peu allez trés vite

par contre j ai pas trouvez pour mettre du son genre mp3 ! il faut convertir en format ogg ? j ai vu qu on pouvait importer du ogg
Cool niveau temps, comme quoi ça se prend vite en main.
Sinon, oui, faut tu ogg.
Ensuite pour enregistrer, faut publier en local dans un zip en incluant les js (je crois que c'est ça de mémoire).
Une fois fait, il suffit que ton zip porte le nom d'un thème et tu le mets dans le dossier.


Perso je procède comme ça :

1 - je publie en local avec le nom d'un thème se trouvant dans la box
2 - je renomme le thème existant en nomdutheme.zip_old
3 - je colle mon nouveau thème
4 - lancement de Zspin pour Test

En sachant que Vik s'est déjà occupé des vidéos, Zspin va chercher la vidéo qui porte le même nom que le zip dans le dossier Médias/Video du système en cours. On peut donc ouvrir le zip et supprimer celle-ci ;)
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

fanou
Initié
Initié
Messages : 108
Inscription : 24 déc. 2013 - 23:00
A été remercié : 1 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 05:45

OK

il faut que je vois pour reparer ma tour pour recharger la box parce que sur le portable le disque est un peu limite et je veux pas trop trifouiller sur le pc de ma borne comme ça marche bien !
je viens de voir la video de Himura pfff ça en jette

Avatar de l’utilisateur
moustic
Administrateur
Administrateur
Messages : 6533
Inscription : 22 juil. 2014 - 23:00
Localisation : Saint Jean Rohrbach
A remercié : 204 fois
A été remercié : 506 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par moustic » 02 août 2015 - 05:59

Très cool ce tuto merci Cam j'ai téléchargé gwb hier je vais tenter un petit thème.

Bravo fanou beau travail ;)

Ps: voila que je fais mon Torostanco :lol:

Avatar de l’utilisateur
Zio
Gourou
Gourou
Messages : 942
Inscription : 19 avr. 2015 - 09:30
Localisation : Rome
A remercié : 188 fois
A été remercié : 147 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par Zio » 02 août 2015 - 06:10

Putain, ça tombe bien, c'est les vacances, je vais pouvoir m'entrainer.

Merci Camarade.

Avatar de l’utilisateur
jer570
Modérateur
Modérateur
Messages : 2927
Inscription : 07 nov. 2014 - 09:32
A remercié : 22 fois
A été remercié : 67 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par jer570 » 02 août 2015 - 06:37

Merci Cam!!

Ça va aussi devenir un petit challenge supplémentaire pour gérer les thèmes en fonction de leur destination. A voir quand sortira une ZBox. Mais ça va être canon!! :)
Image

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4004
Inscription : 04 sept. 2013 - 23:00
Localisation : Chevaigné
A remercié : 388 fois
A été remercié : 485 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 03 août 2015 - 11:38

Deuxième partie du tuto faite et dispo en première page (enregistrement et intégration)
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"

Répondre

Revenir à « Tutorials »