Page 5 sur 9

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 07:20
par Odissine
Tiens le fichier PSD : https://dl.dropboxusercontent.com/u/120 ... tZSPin.psd" onclick="window.open(this.href);return false;

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 09:07
par Magicdav
Hello,

c'est bien c'est beau et c'est très simple ! en gros parfait pour ne pas surcharger un système avec des thèmes perso par système et par jeux.

N'étant pas bon en code y a t il une solution simple pour l'utilisation de ce thème pour tout les systèmes ?

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 18:10
par Odissine
Est ce que qq'un à essayé de faire afficher des Artwork de la super nintendo par exemple basé sur les boites ? En effet je me suis aperçu que dans mon thème basé sur une boite Jap ... quand l'artwork est une boite euro ou ricaine ... bah ca fait tout petit ;) le ratio était auto en height mais 20% en width forcément ca fait que les boite jap sont plus grandes que les euros :/

cf mon thème default ci joint : a tester en le mettant dans le repertoire Super Nintendo Entertainement System/Theme/

https://dl.dropboxusercontent.com/u/120 ... efault.zip" onclick="window.open(this.href);return false;

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 19:20
par camarade35
j'ai ouvert une issue sur le github pour les vidéos mais ça rejoint le truc, en fait il faut faire une div qui verrouillera tout ça, vas voir le thème que j'ai partagé, aeon nox, j'ai mis la source à dispo.
Pour le moment j'attends un retour de vik par rapport à ça.

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 22:38
par Odissine
Merci pour ton aide Cam, tu pourrais me remettre le lien de ton theme Aeon ? J'ai passé la soirée à essayé de trouver une solution mais rien ... j'ai toujours ce foutu problème :/
Ce que je voudrais finalement c'est faire qqchose comme le dessin ci-dessous ^^

Image
Dans l'image ci-dessus les boites sont les artwork1, la cartouche est l'artwork2, dans le div "Art1" j'ai mis l'artwork1 que je veux donc centrer suite aux conseils de Cam' ^^

Je trouve pas le code CSS qui me permettrais de centrer l'image dans le div aussi bien horizontalement que verticalement ... j'ai tout essayé d'habitude j'utilisais Margin 0 auto, ou alors text-align:center, ... bref si qq'un à une idée ;)
Ca m'aiderais beaucoup et je pourrais terminer mon default theme pour les jeux et les systmes.

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 22:47
par leech4ever
http://www.w3.org/Style/Examples/007/center.fr.html" onclick="window.open(this.href);return false;

dit moi si tu as essayé toutes ces techniques stp

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 23:00
par Inquisitom
Odissine a écrit :Est ce que qq'un à essayé de faire afficher des Artwork de la super nintendo par exemple basé sur les boites ? En effet je me suis aperçu que dans mon thème basé sur une boite Jap ... quand l'artwork est une boite euro ou ricaine ... bah ca fait tout petit ;) le ratio était auto en height mais 20% en width forcément ca fait que les boite jap sont plus grandes que les euros :/

cf mon thème default ci joint : a tester en le mettant dans le repertoire Super Nintendo Entertainement System/Theme/

https://dl.dropboxusercontent.com/u/120 ... efault.zip" onclick="window.open(this.href);return false;
Merci pour ton partage, j'ai "corrigé" ton problème en modifiant le CSS dans ton HTML ;)
ps: je ne dis pas que c'est parfait ... mais au moins ça fait le boulot !
pps : j'ai fait ça sans le DIV ! seulement avec ton code de départ
.Artwork1 {
left: 50%;
top: 33%;
max-width: 30vw;
max-height: 30vw;

height: auto;
position: absolute;
z-index: 9;
}
.Artwork2 {
left: 72%;
top: 48%;
width: auto;
height: 20vh;
position: absolute;
z-index: 10;
}

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 23:02
par Odissine
Yep :)
Je vais regarder du côté du site du zéro .. Je viens de trouver des trucs :)
https://openclassrooms.com/courses/centrer-en-css" onclick="window.open(this.href);return false;

J'ai du loupé un display ou autre qqpart ;) je vais voir ça demain !

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 23:07
par Inquisitom
Voilà ce que ça donne avec une box Jap :
Image

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 23:09
par Porko
Yep le max-width: max-height: c'est la soluce

Pour les texte utiliser le font-size: 1.3vw; marche bien

Si tu récup mon dernier theme tu aura de quoi récupérer les info du database (Nom, developper, etc...)

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 22 sept. 2015 - 23:32
par JuL
Ça envoie grave le patté tout ça !

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 11:07
par Odissine
Porko a écrit :Si tu récup mon dernier theme tu aura de quoi récupérer les info du database (Nom, developper, etc...)
Tu aurais le lien ... désolé je le trouve pas dans ce méandre de thème ;)

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 12:10
par Porko

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 14:13
par Odissine
Sinon pour le problèmes des artworks qui ne sont pas de la meme dimension ... j'ai trouvé la solution ultime finalement ;)

Le javascript qui test si la hauteur est supérieur à la largeur et en fonction je lui demande de faire width=100% ou height=100% et puis c'est tout ;)
Tout roule du coup ...

Mais je vais changer et finalement opter pour l'afichage que de la box et j'utiliserais la cartouche comme wheel ;)

Me reste qu'a voir pour les database a afficher et ce sera nickel ;)

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 14:20
par NutsreturN2
Est ce qu'il serait faisable de faire un theme , avec pour décor , un salon et au premier plan une table basse . La wheel serait en fait une console posé sur la table , en faisant droite ou gauche on changerait de console . Ensuite en rentrant dans le système , on pourrait faire le même système de cartouche qui s enclenche dans la console .

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 14:33
par Porko
Oui

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 15:01
par Odissine
On peut tout faire :)
Le seul truc qu'il faudra gérer c'est le positionnement de la wheel selon la taille de l'ecran (en JS je pense) car le responsive ne mettra la wheel toujours a la meme position :/
Je vais regarder ce qu'on peut faire ;)

Exemple de ce que tu voudrais (bon un peu fait a l'arrache mais ca fonctionne ... je vous mettrais l'url vers l'html des que j'aurais le temps ;)

Image

Envoyé de mon iPhone

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 22:25
par Odissine
Voilà un extrait en vidéo de ce que pourrait donner le thème tel que Nuts le pensait ;) ... enfin si je me trompe pas ..
Ne pas tenir compte de l'incohérence entre la wheel et la vidéo (bug ou autre j'ai pas eu le temps de regarder le pourquoi ...), ni meme du fait que ce n'est pas la console que l'on voit bouger mais la wheel ovale ... il suffira juste de remplacer les wheel d'origine par les consoles ... la aussi il faudra choisir de trouver des photos de bonne qualité et si possible avec la bonne perspective ;)

[BBvideo 560,340][/BBvideo] (Désolé pour la saccade, je film avec QuickTime sur mon mac Zspin qui tourne sur windows virtualisé (en effet j'ai des bugs d'affichage des thèmes sous ZSpin Mac ...)

Un aperçu sans la wheel du thème HTML
https://dl.dropboxusercontent.com/u/120 ... ndex2.html" onclick="window.open(this.href);return false;

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 23 sept. 2015 - 22:42
par NutsreturN2
En gros oui .
Faudrait une trinitron sur le fond , les consoles au premier plan plus grosse mais voila c'est faisable ^^

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Publié : 24 sept. 2015 - 12:22
par Meth
C'est vrai que c'est inspirant. J'ai fais ça vite fais comme base avec mon grand tallent connu de thème maker ^^.

[BBvideo 560,340][/BBvideo]


Telechargement