[TUTO] Google Web Designer - Themes HML5 - ZSPIN

Some tutorials for starting with zspin.

Modérateurs: vik, Modérateurs

Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 01 Aoû 2015 - 18:52

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

Part1, les prémices


Part2, l'enregistrement et l'intégration à Zspin


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
pour comprendre : tutos-graphisme-edition/google-web-designer-themes-hml5-zspin-t7536-20.html#p116106
Dernière édition par camarade35 le 05 Aoû 2015 - 18:53, édité 3 fois.
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"
Avatar de l’utilisateur
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Messagepar Porko » 01 Aoû 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
Porko
Modérateur
Modérateur
 
Messages: 2024
Inscription: 02 Fév 2014 - 00:00
Localisation: 26700

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar Lorith » 01 Aoû 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
Lorith
Connaisseur
Connaisseur
 
Messages: 269
Âge: 47
Inscription: 01 Oct 2014 - 01:00
Localisation: PAU

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar vik » 01 Aoû 2015 - 20:05

Code: Tout sélectionner
overflow: hidden;


ne pas oublier le ; a la fin de la ligne !
Avatar de l’utilisateur
vik
Connaisseur
Connaisseur
 
Messages: 317
Âge: 29
Inscription: 01 Jan 1970 - 03:34
Localisation: Evreux

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar andric31 » 01 Aoû 2015 - 20: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
andric31
Maître
Maître
 
Messages: 4415
Inscription: 14 Sep 2014 - 01:00
Localisation: Entre mer et montage

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar himura95 » 01 Aoû 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.
Avatar de l’utilisateur
himura95
Mentor
Mentor
 
Messages: 2882
Âge: 33
Inscription: 05 Mar 2015 - 20:13
Localisation: Pontoise

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 01 Aoû 2015 - 21: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
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar JuL » 01 Aoû 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
Image
Image
Image
Image
Avatar de l’utilisateur
JuL
Guide
Guide
 
Messages: 1962
Âge: 39
Inscription: 17 Nov 2012 - 00:00

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar undertaker » 01 Aoû 2015 - 22:23

Super tuto.... grâce à ça, même moi j'vais y arriver ! c'est dire !
undertaker
Gourou
Gourou
 
Messages: 776
Âge: 45
Inscription: 15 Oct 2013 - 01:00
Localisation: Sur le Peurt du Hav'

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar fanou » 02 Aoû 2015 - 07:02

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

https://drive.google.com/open?id=0BwD1Q ... mxrZmpnOEE
fanou
Initié
Initié
 
Messages: 108
Inscription: 25 Déc 2013 - 00:00

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 02 Aoû 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
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"
Avatar de l’utilisateur
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar fanou » 02 Aoû 2015 - 07:20

fanou
Initié
Initié
 
Messages: 108
Inscription: 25 Déc 2013 - 00:00

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 02 Aoû 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 ?
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"
Avatar de l’utilisateur
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar fanou » 02 Aoû 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 ?
fanou
Initié
Initié
 
Messages: 108
Inscription: 25 Déc 2013 - 00:00

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 02 Aoû 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 ;)
Derrière chaque joystick il y a un cœur qui "ahk/bash/vbs/c++/node/c#/bat"
Avatar de l’utilisateur
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar fanou » 02 Aoû 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
fanou
Initié
Initié
 
Messages: 108
Inscription: 25 Déc 2013 - 00:00

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar moustic » 02 Aoû 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
moustic
Administrateur
Administrateur
 
Messages: 6493
Âge: 41
Inscription: 23 Juil 2014 - 01:00
Localisation: Saint Jean Rohrbach

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar Zio » 02 Aoû 2015 - 08:10

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

Merci Camarade.
Avatar de l’utilisateur
Zio
Gourou
Gourou
 
Messages: 943
Âge: 40
Inscription: 19 Avr 2015 - 11:30
Localisation: Rome

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar jer570 » 02 Aoû 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!! :)
Image
Avatar de l’utilisateur
jer570
Modérateur
Modérateur
 
Messages: 2918
Âge: 34
Inscription: 07 Nov 2014 - 10:32

Re: Google Web Designer - Themes HML5 - ZSPIN

Messagepar camarade35 » 03 Aoû 2015 - 13: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"
Avatar de l’utilisateur
camarade35
Maître
Maître
 
Messages: 3847
Âge: 38
Inscription: 05 Sep 2013 - 01:00
Localisation: Chevaigné

Suivante


Retourner vers Tutorials



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité