avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
# Codage pour atelier (structure fiche)le Lun 26 Juin 2017 - 17:15

Commande de Milou

Votre forum: http://qualitot.forumgratuit.be/
Nombre de membres: pas encore ouvert
Je souhaite ...  [XXX] Autre
J'accepte que ce code aille dans le LS à la fin de cette commande : [XXX] OUI

Schéma:
Spoiler:
Taille de la création : 400px de large, normalement 704px de hauteur. Les dimensions plus précises sont indiquées sur le schéma
Couleurs: Le schéma est en couleurs, si le codeur n'a pas de logiciel pour en obtenir le code, je les donnerai :3
Font (police): Oswald (regular)
Images à insérer:
Spoiler:

Liens à insérer: ///
Autres:Pour les précisions :

- "Atelier" est écrit en 60px de haut. "Avant propos", "Formulaire" et "Galerie" sont écrits en 20px de haut.

- "Avant propos", "Formulaire" et "Galerie" sont des onglets.

- Le cadre du bas est une image lorsqu'on ne touche pas à la fiche, mais il change lorsqu'on clique sur les onglets. Si on clique sur l'onglet 1, le cadre prendra la même couleur et contiendra le contenu 1. Et idem pour les onglets 2 et 3.

- Il y a 2px qui séparent la première image de "Atelier", et à nouveau 2px entre "Atelier" et les onglets.

Merci beaucoup au codeur qui prendra ma commande :3





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 12/05/2016
Messages : 473

Fiche Membre
Lots gagnés:
Modératrice
Voir le profil de l'utilisateur
Hello :)
Je passe pour valider ta commande :) pourrais-tu donner les codes couleurs du coup s'il te plaît ? Le codeur pourra gagner du temps de cette manière ?
En dehors de ça, tout me semble en ordre.
J'attends que tu modifies à ce niveau pour la valider :)
à très vite
avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Voilà, j'ai modifié sur le schéma :3





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 12/05/2016
Messages : 473

Fiche Membre
Lots gagnés:
Modératrice
Voir le profil de l'utilisateur
Parfait :)
Je valide ta commande.
Une admin passera retirer les PC rapidement :)
à très vite
avatar
Sexe : Féminin
Date d'inscription : 04/12/2016
Messages : 1362

Fiche Membre
Lots gagnés:
Administratrice
Voir le profil de l'utilisateur
PC retirés !


Absente du 13 au 20 Aout. Contactez Jamy si vous avez besoin d'un admin !


Mes claviers d'ordinateur sont en qwerty, donc mes posts manquent parfois d'accents. Je m'en excuse si ca gene un peu la comprehension.

Cadeaux:

Merci Yami.
avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Bedankt à vous deux :3





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Je prends en charge cette commande si cela te convient !


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Oui oui, ça me convient tout à fait. merci beaucoup @xLittleRainbow :D Désolée pour cette réponse un peu tardive :3





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Pas de soucis ! Et j'ai pris un peu de retard pour ta commande :s Mais je m'y mets au plus vite.


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Rien ne presse t'inquiètes ^^





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Coucou !

Tout d'abord je te présente mes plus plates excuses pour ce retard x.x Ensuite je n'ai pas mis en place d'effet au clic mais au survol juste parce que, au clic, cela signifie du html/css lourd (et que je ne sais pas vraiment utiliser ^^") ou du javascript. Ce dernier ne passe pas directement dans les messages de FA donc il faut créer un fichier JS ce qui rendra l'utilisation franchement pas pratique si tu veux t'en servir partout.






atelier


Onglet 1
Blablablabla
Onglet 2
Blablablabla
Onglet 3
Blablablabla





Code:
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"/>

<style>.atelier_container{width:400px;height:725px;margin:auto;background-color:rgb(157,135,104);font-family:Oswald;color:rgb(250,250,250);position:relative;}.atelier_container img{width:380px;height:200px;position:absolute;top:10px;left:10px;}.atelier_header{width:100%;height:60px;line-height:60px;font-size:60px;text-align:center;text-transform:uppercase;position:absolute;top:204px;left:0;}.atelier_onglets{width:120px;height:30px;line-height:30px;display:inline-block;float:left;margin-left:10px;margin-top:210px;text-align:center;font-size:20px;}#atelier_onglet1{background-color:rgb(204,193,176);}#atelier_onglet1 div{width:380px;height:390px;padding:5px;background-color:rgb(204,193,176);position:absolute;bottom:24px;left:10px;overflow:auto;text-align:justify;font-size:13px;visibility:hidden;opacity:0;transition:ease 1s;}#atelier_onglet1:hover div{visibility:visible;opacity:1;}#atelier_onglet2{background-color:rgb(193,179,159);}#atelier_onglet2 div{width:380px;height:390px;padding:5px;background-color:rgb(193,179,159);position:absolute;bottom:24px;left:10px;overflow:auto;visibility:hidden;opacity:0;transition:ease 1s;text-align:justify;font-size:13px;}#atelier_onglet2:hover div{visibility:visible;opacity:1;}#atelier_onglet3{background-color:rgb(176,156,132);}#atelier_onglet3 div{width:380px;height:390px;padding:5px;background-color:rgb(176,156,132);position:absolute;bottom:24px;left:10px;overflow:auto;visibility:hidden;opacity:0;transition:ease 1s;text-align:justify;font-size:13px;}#atelier_onglet3:hover div{visibility:visible;opacity:1;}</style>

<div class="atelier_container"><img src="https://img15.hostingpics.net/pics/952221851.png"/>
<div class="atelier_header">atelier</div>

<div class="atelier_onglets" id="atelier_onglet1">Onglet 1<div>Blablablabla</div></div><div class="atelier_onglets" id="atelier_onglet2">Onglet 2<div>Blablablabla</div></div><div class="atelier_onglets" id="atelier_onglet3">Onglet 3<div>Blablablabla</div></div>


</div>

J'espère que ça te convient malgré tout T^T


avatar
Sexe : Féminin
Date d'inscription : 04/12/2016
Messages : 1362

Fiche Membre
Lots gagnés:
Administratrice
Voir le profil de l'utilisateur
@Milou as-tu vu le travail que xLittleRainbow a rendu ? Est-ce que ça te convient ?


Absente du 13 au 20 Aout. Contactez Jamy si vous avez besoin d'un admin !


Mes claviers d'ordinateur sont en qwerty, donc mes posts manquent parfois d'accents. Je m'en excuse si ca gene un peu la comprehension.

Cadeaux:

Merci Yami.
avatar
Sexe : Féminin
Date d'inscription : 31/03/2012
Messages : 1307

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateur
(je crois que @Milou est en vacances jusqu'à mi-août)
(désolée pour l'incrust)
(je m'en vais)




Mes Cadeaux:
Merci Kaalyn !
avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Pouf, désolée pour ce retard. Comme l'a dit Eskimo., j'étais pas là T_T J'étais au camp, donc chaud d'avoir internet, et même de trouver le temps d'y aller... J'aurais préféré un effet au clic, mais le survol me convient quand même :3 Merci Rainbow ^^

Par contre, la dimension du cadre de texte quand je survole un onglet est pas top. Je sais pas si c'était mes explications qui étaient pourries ou une erreur dans le code, mais le cadre ne va pas suffisamment loin sur la droite :/





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Je n'avais pas fait attention pour les dimensions. Mais voilà qui est réglé (: J'attends de tes nouvelles.


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Ah bah ça me va très bien comme ça, merci beaucoup :3

EDIT : J'ai testé l'atelier sur mon forum et j'ai un énorme bug :c

>>>> http://qualitot.forumgratuit.be/t3-milou-s-workshop-0-3-open






Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Je pense que tu as dû rajouter des sauts de lignes entre les div qui composent les différents éléments en rajoutant des images. FA est pénible dans l'utilisation de la fonction "inline-block" dans les messages... Si tu ajoutes des sauts de lignes ça te créé des décalages. Au pire c/c exactement ce que tu as actuellement sur ton fo et j'y jetterai un oeil (:

Si ce n'est pas ça et bien il faudra que je teste tout ça ailleurs pour voir ce qui peut se passer ^^'


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Pour le saut de ligne, oui, c'était ça je pense. J'ai supprimé les écarts qu'y avait et les onglets sont de nouveau à la bonne place. Par contre, le cadre de texte n'a plus la bonne taille (sans doute à cause du [code] du deuxième onglet). Mais du coup, comment je peux faire pour que le cadre ne change pas de taille ?





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Petit UP ? @xLittleRainbow Salut





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
Zut j'ai oublié de te répondre e.e A priori il n'y a aucune raison pour que le cadre change de taille :/ Peux-tu me c/c exactement ce que tu as mis sur ton fo ?


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Code:
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"/>

<style>.atelier_container{width:400px;height:725px;margin:auto;background-color:rgb(157,135,104);font-family:Oswald;color:rgb(250,250,250);position:relative;}.atelier_container img{width:380px;height:200px;position:absolute;top:10px;left:10px;}.atelier_header{width:100%;height:60px;line-height:60px;font-size:60px;text-align:center;text-transform:uppercase;position:absolute;top:204px;left:0;}.atelier_onglets{width:120px;height:30px;line-height:30px;display:inline-block;float:left;margin-left:10px;margin-top:210px;text-align:center;font-size:20px;}#atelier_onglet1{background-color:rgb(204,193,176);}#atelier_onglet1 div{width:380px;height:390px;padding:5px;background-color:rgb(204,193,176);position:absolute;bottom:24px;left:10px;overflow:auto;text-align:justify;font-size:13px;visibility:hidden;opacity:0;transition:ease 1s;}#atelier_onglet1:hover div{visibility:visible;opacity:1;}#atelier_onglet2{background-color:rgb(193,179,159);}#atelier_onglet2 div{width:380px;height:390px;padding:5px;background-color:rgb(193,179,159);position:absolute;bottom:24px;left:10px;overflow:auto;visibility:hidden;opacity:0;transition:ease 1s;text-align:justify;font-size:13px;}#atelier_onglet2:hover div{visibility:visible;opacity:1;}#atelier_onglet3{background-color:rgb(176,156,132);}#atelier_onglet3 div{width:380px;height:390px;padding:5px;background-color:rgb(176,156,132);position:absolute;bottom:24px;left:10px;overflow:auto;visibility:hidden;opacity:0;transition:ease 1s;text-align:justify;font-size:13px;}#atelier_onglet3:hover div{visibility:visible;opacity:1;}</style>

<div class="atelier_container"><img src="https://img15.hostingpics.net/pics/952221851.png"/>
<div class="atelier_header">atelier</div>

<div class="atelier_onglets" id="atelier_onglet1">Hello<div>Alors, pour commencer, je vais développer un peu. Dans cet atelier, tu auras la possibilité de commander un kit pour ton compte ou une colo pour n'importe où. Pour ce qui concerne les commandes de kits, je précise que, si l'image que tu proposes n'est pas d'une bonne qualité, ou pas utilisable (taille, visibilité,...), je me réserve le droit d'en choisir une moi-même qui représentera un personnage similaire. Pareil pour les lines que tu me proposes si tu commandes une colo. Je demande qu'ils soient d'une qualité suffisante et libre de droit OU signé par l'auteur (pour qu'il soit crédité). Je souhaite qu'il soit également assez grand pour pouvoir bien l'exploiter. J'ai le droit de refuser ta commande si elle n'est pas suffisamment claire pour l'effectuer. Oh, et n'oublie pas qu'un petit "bonjour" et son ami "merci" n'ont jamais tué qui que ce soit !</div></div><div class="atelier_onglets" id="atelier_onglet2">Formulaires<div>[u]Commande de kit si tu as une image[/u]

Pour commander un kit avec une image que tu me proposes, je te demanderai de remplir ce formulaire et de le poster à la suite de ce sujet. Si je t'impose ce formulaire, c'est pour effectuer ta commande correctement, alors évite les "comme tu veux" à chaque réponse et donne-moi des directives claires, merci.

[code][b][u]Commande de kit[/u][/b]

[b]Je commande[/b] un avatar - une signature - un kit complet (supprime les réponses inutiles)
[b]Taille :[/b] note ici la taille de ta commande (précise pour l'avatar ou la signature)
[b]Image :[/b] mets ici ton image (sous spoiler si elle est grande)
[b]Texte :[/b] précise si tu veux le texte sur l'avatar et/ou la signature
[b]Couleur(s) dominante(s) :[/b] note ici la/les couleur(s) que tu veux (pas plus que 3)
[b]Ambiance :[/b] plutôt froid, sinistre, joyeux, clair,... ? Précise.
[b]Autre chose ?[/b] note ici si tu souhaites préciser quelque chose. Un cadre, un effet particulier,...[/code]

[u]Commande de kit si tu n'as pas d'image[/u]

Les règles sont les mêmes que celles du formulaire précédent. Sois suffisamment précis dans tes réponses pour que je puisse effectuer ta commande.

[code][b][u]Commande de kit[/u][/b]

[b]Je commande[/b] un avatar - une signature - un kit complet (supprime les réponses inutiles)
[b]Taille :[/b] note ici la taille de ta commande (précise pour l'avatar ou la signature)
[b]Description :[/b] note ici une description précise du chat que tu veux sur ton kit afin que je trouve une image correspondant.
[b]Texte :[/b] précise si tu veux le texte sur l'avatar et/ou la signature
[b]Couleur(s) dominante(s) :[/b] note ici la/les couleur(s) que tu veux (pas plus que 3)
[b]Ambiance :[/b] plutôt froid, sinistre, joyeux, clair,... ? Précise.
[b]Autre chose ?[/b] note ici si tu souhaites préciser quelque chose. Un cadre, un effet particulier,...[/code]

[u]Commande de colo[/u]

Tu peux commander une colo en utilisant le formulaire suivant. Réponds précisément aux questions, sinon je ne saurai pas travailler efficacement :3

[code][b][u]Commande de colo[/u][/b]

[b]Line :[/b] mets ici ton line (sous spoiler si il est grand)
[b]Artiste :[/b] note le nom de l'artiste si tu connais l'auteur du line et que ce dernier n'est pas signé
[b]Fond :[/b] oui - non (supprime la réponse inutile, si oui, précise la couleur, si non, le fond sera transparent)
[b]Dimensions :[/b] précise s'il faut changer les dimensions du line
[b]Modèle ou description détaillée :[/b] mets ici une description détaillée de ce que tu veux, ou un modèle. Couleurs, motifs,...
[b]Ombres et lumières ?[/b] Oui - Non (si non, le dessin semblera plat, en 2D)
[b]Couleurs simples ou motifs ?[/b] Couleurs - Motifs ("motifs" signifie que les couleurs ne seront pas unies mais qu'elles seront remplies de petits carrés ou de ronds, ou d'autre motif)
[b]Modifications à effectuer sur le line :[/b] note ici si tu souhaites que ton line ait des oreilles plus grandes, ou que je rajoute une cicatrice, ou des moustaches,... [/code]

Comme ce formulaire est un peu plus complexe que pour un kit, voici deux, trois exemples pour être sûre que tu comprennes les différents points. Clique sur les liens suivants :

- [url=http://img4.hostingpics.net/pics/230434plumedepluiebymimill1404d7mglmo.png]Colo sans ombres et lumières[/url]
- [url=http://img4.hostingpics.net/pics/526762Okanaavecsangetombre.png]Colo avec ombres et lumières[/url]
- [url=http://img4.hostingpics.net/pics/850086Espeonailesbrunes.png]Colo avec couleurs simples[/url]
- [url=http://img4.hostingpics.net/pics/386959assassinbymimill1404d7loiny.png]Colo avec motifs[/url]</div></div><div class="atelier_onglets" id="atelier_onglet3">Exemples<div>Blablablabla</div></div>


</div>





Merci à Eskimo. pour mon lot de tombola !:


avatar
Sexe : Féminin
Date d'inscription : 05/06/2015
Messages : 644
Maxi-codeuse
Voir le profil de l'utilisateurhttp://felinae.forumactif.org/
J'ai bien vu ton message mais je ne pourrais pas regarder tout ça avant mercredi. Pont du 15 août oblige je fais 10h-0h dans le resto où je bosse. Pas le temps donc ^^'


avatar
Sexe : Féminin
Date d'inscription : 12/10/2013
Messages : 1723

Fiche Membre
Lots gagnés:
Graphiste
Voir le profil de l'utilisateurhttp://mimill-1404.deviantart.com/gallery/
Ok ok, pas de soucis :3





Merci à Eskimo. pour mon lot de tombola !:


Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum