Google Web Designer - Themes HML5 - ZSPIN
Modérateurs : vik, Modérateurs
- camarade35
- 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
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
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;
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
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
Re: Google Web Designer - Themes HML5 - ZSPIN
Merci Camarade35 !
Edit : je viens de le regarder et c'est très bien fait, très accessible, du beau boulot
Edit : je viens de le regarder et c'est très bien fait, très accessible, du beau boulot
- vik
- Connaisseur
- Messages : 469
- 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
Code : Tout sélectionner
overflow: hidden;
- himura95
- 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
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.
- camarade35
- 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
De rien les gars, il est temps qu'on s'y mette
Merci pour les compliments.
@vik : c'est corrigé
Merci pour les compliments.
@vik : c'est corrigé
préservation du patrimoine vidéoludique et de notre planète
- JuL
- 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
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
- undertaker
- 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
Super tuto.... grâce à ça, même moi j'vais y arriver ! c'est dire !
- fanou
- 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
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;
" onclick="window.open(this.href);return false;
- camarade35
- 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
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
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
- camarade35
- 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
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 ?
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
- fanou
- 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
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 ?
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 ?
- camarade35
- 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
Cool niveau temps, comme quoi ça se prend vite en main.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
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
- fanou
- 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
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
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
- moustic
- Administrateur
- Messages : 6940
- 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
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
Bravo fanou beau travail
Ps: voila que je fais mon Torostanco
- jer570
- 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
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!!
Ç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!!
- camarade35
- 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
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