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 : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 01 août 2015 - 18: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 - 18:53, modifié 3 fois.
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Message par Porko » 01 août 2015 - 19: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 : 265
Inscription : 01 oct. 2014 - 01:00
Localisation : PAU

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par Lorith » 01 août 2015 - 19: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 : 467
Inscription : 01 janv. 1970 - 03:34
Localisation : Evreux
A remercié : 18 fois
A été remercié : 319 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par vik » 01 août 2015 - 20: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 : 4447
Inscription : 14 sept. 2014 - 01:00
Localisation : Entre mer et montage
A remercié : 582 fois
A été remercié : 450 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

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

Très intéressant camarade35
Merci

Avatar de l’utilisateur
himura95
Maître
Maître
Messages : 3177
Inscription : 05 mars 2015 - 20:13
Localisation : Pontoise
A remercié : 911 fois
A été remercié : 562 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par himura95 » 01 août 2015 - 20: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 : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

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

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

@vik : c'est corrigé
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
JuL
Guide
Guide
Messages : 1941
Inscription : 17 nov. 2012 - 00:00
A remercié : 36 fois
A été remercié : 170 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par JuL » 01 août 2015 - 21: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

Avatar de l’utilisateur
undertaker
Gourou
Gourou
Messages : 773
Inscription : 15 oct. 2013 - 01:00
Localisation : Sur le Peurt du Hav'
A remercié : 202 fois
A été remercié : 31 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

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

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

Avatar de l’utilisateur
fanou
Initié
Initié
Messages : 106
Inscription : 25 déc. 2013 - 00:00
A remercié : 1 fois
A été remercié : 2 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 07: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 : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 07: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
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
fanou
Initié
Initié
Messages : 106
Inscription : 25 déc. 2013 - 00:00
A remercié : 1 fois
A été remercié : 2 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

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

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

j ai activer le partage public ;-)

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 07: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 ?
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
fanou
Initié
Initié
Messages : 106
Inscription : 25 déc. 2013 - 00:00
A remercié : 1 fois
A été remercié : 2 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 07: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 : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par camarade35 » 02 août 2015 - 07: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 ;)
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
fanou
Initié
Initié
Messages : 106
Inscription : 25 déc. 2013 - 00:00
A remercié : 1 fois
A été remercié : 2 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par fanou » 02 août 2015 - 07: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 : 6938
Inscription : 23 juil. 2014 - 01:00
Localisation : Saint Jean Rohrbach
A remercié : 333 fois
A été remercié : 677 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par moustic » 02 août 2015 - 07: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:
Image

Avatar de l’utilisateur
Zio
Gourou
Gourou
Messages : 927
Inscription : 19 avr. 2015 - 11:30
Localisation : Rome
A remercié : 202 fois
A été remercié : 150 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par Zio » 02 août 2015 - 08: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 : 2934
Inscription : 07 nov. 2014 - 10:32
A remercié : 31 fois
A été remercié : 77 fois

Re: Google Web Designer - Themes HML5 - ZSPIN

Message par jer570 » 02 août 2015 - 08: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!! :)

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: Google Web Designer - Themes HML5 - ZSPIN

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

Deuxième partie du tuto faite et dispo en première page (enregistrement et intégration)
préservation du patrimoine vidéoludique et de notre planète

Répondre

Revenir à « Tutorials »