Page 1 sur 5

Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 18:52
par camarade35
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;

Publié : 01 août 2015 - 19:06
par Porko
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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 19:15
par Lorith
Merci Camarade35 !

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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 20:05
par vik

Code : Tout sélectionner

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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 20:28
par andric31
Très intéressant camarade35
Merci

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 20:42
par himura95
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.

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 21:36
par camarade35
De rien les gars, il est temps qu'on s'y mette ;)
Merci pour les compliments.

@vik : c'est corrigé

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 21:49
par JuL
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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 01 août 2015 - 22:23
par undertaker
Super tuto.... grâce à ça, même moi j'vais y arriver ! c'est dire !

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:02
par fanou
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;

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:11
par camarade35
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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:20
par fanou
" onclick="window.open(this.href);return false;

j ai activer le partage public ;-)

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:26
par camarade35
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 ?

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:34
par fanou
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 ?

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:39
par camarade35
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 ;)

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:45
par fanou
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

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 07:59
par moustic
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:

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 08:10
par Zio
Putain, ça tombe bien, c'est les vacances, je vais pouvoir m'entrainer.

Merci Camarade.

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 02 août 2015 - 08:37
par jer570
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!! :)

Re: Google Web Designer - Themes HML5 - ZSPIN

Publié : 03 août 2015 - 13:38
par camarade35
Deuxième partie du tuto faite et dispo en première page (enregistrement et intégration)