Atelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction]
Le personnage
Sexe du perso: Femelle
Âge du perso: 58
Mentor / apprenti : //
Commande de codage
Fiche
• Objet de la commande : Une fiche de rp
• Schéma ou maquette (facultatif) : Heu... Je sais pas ?
• Image(s), si vous en désirez : Carte blanche ! (j'aime les chats)
• Couleurs, tons : du rouge et du orange
• Éléments à insérer : Oui, je veux avoir de la place pour mettre un feat.
• Effets : J'aimerais bien une carré gris où je peux écrire et en haut une espèce de frise avec un peu du feu ou une vague de rouge et de orange qui s'évapore.
• Autre chose ? Merci d'avance !!
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
> AILY les codes, prépare-toi ça va être long xD (si jamais y a des soucis avec l'installation ou après, tu me dis je suis toujours là)
Euh je crois que c'est tout d'façon je reste en MP Discord au moindre problème hein °°
> @Vent des Coquelicots je peux prendre ta commande si c'est toujours ok, je viendrai peut-être te reposer des questions sur la frise de feu pour voir si j'ai bien compris xD
ATELIER FERMÉ (sauf si demande préalable)
Le personnage
Sexe du perso: Femelle
Âge du perso: 58
Mentor / apprenti : //
Les quelques questions du coup :
• Le gris est assez foncé/assez clair ?
• Euh je sais pas si tu voyais le feu comme ça, mais si non, on te demandera une image parce qu'on va pas passer 2h à chercher
• Euh voilà le reste te convient ?
Wala atelier toujours FERMÉ tant qu'on a pas la réponse, toujours sauf si vous avez un accord spécial /meurt/
Le personnage
Sexe du perso: Femelle
Âge du perso: 58
Mentor / apprenti : //
C'EST MAGNIFIQUE
merci encore je suis très contente !!
- Code:
<link href='https://www.aht.li/3427901/cookie.css' type='text/css' rel='stylesheet'><link href="https://fonts.googleapis.com/css?family=Roboto|Zhi+Mang+Xing&display=swap" rel="stylesheet"><div class='fiche_cookie'><img src='https://zupimages.net/up/19/43/rhrz.png'/><div><h1>TITRE</h1><div><img src='https://zupimages.net/up/19/43/ytwc.png'/></div><h2>PERSO FEAT PERSO</h2><p>TEXTE</p></div></div>
Ravis que ça te plaise
> Atelier ouvert aux codes **
Le personnage
Sexe du perso: Femelle
Âge du perso: 45 lunes
Mentor / apprenti : Nuage d'Espoir
Commande de codage
Fiche
• Objet de la commande : Une fiche de lien s'il te plaît
• Schéma ou maquette (facultatif) : https://zupimages.net/up/19/44/u7ef.png
• Image(s), si vous en désirez : j'ai pris une image au hasard :/ donc prenez la première qui vous viens :/
• Couleurs, tons : Celles de la maquette sont :
voilet foncé #29222a
violet moyen #644766
voilet clair #b49ab6
Mais les couleurs changeront selon le félin
• Éléments à insérer : Ici. Pour une fiche rp, est-ce que vous voulez la place pour un feat ; pour une fiche de liens, les différentes sections que vous voulez y retrouver, etc.
• Effets : Mettre des overflow pour la description rapide et les liens recherchés ^^
• Autre chose ?
Les polices sont arial et Dancing Script (https://fonts.google.com/specimen/Dancing+Script?selection.family=Dancing+Script)
Merci d'avance ^^
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
~~ ATELIER FERMÉ ~~
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
- Code:
<img src='https://zupimages.net/up/19/44/ysl4.png' style='width: 300px;'/>
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
https://codepen.io/Kayl_dAmbrosio/full/ZEEXoej?editors=0100
Voilà on attend ton retour, en attendant l'atelier reste FERMÉ merci
Le personnage
Sexe du perso: Femelle
Âge du perso: 45 lunes
Mentor / apprenti : Nuage d'Espoir
EDIT : la hauteur de la fiche s'adapte ?
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
• Sur les couleurs de textes, il y a un !important parfois, parce que sinon c'est la couleur "de base" du fow qui est prise en compte. Donc en remplaçant faut juste pas le virer, sinon t'auras un bleu dégueu xD
• C'est tout °° Donc le code /meurt/
- Code:
<link href='https://www.aht.li/3429033/aily_links.css' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel='stylesheet'><div class='aily_links' style='background: #644766; color: #29222a!important;'><img src='https://zupimages.net/up/19/44/r32c.png' style='border: 4px solid #644766; box-shadow: 0 0 0 2px #29222a;'/><div class='aily_entete' style='background: #b49ab6;'><h1 style='color: #29222a!important;'>Nom du Perso</h1><h4>Sexe + Clan + Rang + Âge</h4></div><span>FAMILLE : Nom1 [mère] + Nom2 [Père] + Nom3 [frère] + Nom4 [Soeur]</span><p class='aily_descr' style='background: #b49ab6;'><b>– Description rapide :</b> ICI</p><p class='aily_search' style='background: #b49ab6;'>LIENS RECHERCHÉS<br>
– Bidule 1 : Descri du lien.
– Bidule 2 : Descri du lien.
– Bidule 3 : Descri du lien.
</p><h3 style='color: #29222a!important;'>« CITATION »</h3><h2 style='color: #29222a!important;'>Liens</h2><div class='aily_link' style='color: #b49ab6;'><img src='https://zupimages.net/up/19/44/r32c.png' style='border: 1px solid #b49ab6; box-shadow: 0 0 0 5px #29222a;'/><h5 style='background: #29222a;'>Nom du Chat</h5><div style='background: #29222a;'><p>DESCRI LIEN</p></div></div>
<div class='aily_link' style='color: #b49ab6;'><img src='https://zupimages.net/up/19/44/r32c.png' style='border: 1px solid #b49ab6; box-shadow: 0 0 0 5px #29222a;'/><h5 style='background: #29222a;'>Nom du Chat</h5><div style='background: #29222a;'><p>DESCRI LIEN</p></div></div>
</div>
Et pour ajouter un nouveau lien, évidemment ** Je te file le code, il est à placer juste avant la dernière fermeture de div :
- Code:
<div class='aily_link' style='color: #b49ab6;'><img src='https://zupimages.net/up/19/44/r32c.png' style='border: 1px solid #b49ab6; box-shadow: 0 0 0 5px #29222a;'/><h5 style='background: #29222a;'>Nom du Chat</h5><div style='background: #29222a;'><p>DESCRI LIEN</p></div></div>
Peu importe si le chat est à gauche ou à droite, il se mettra tout seul, c'est le même code pour les 2 ** (c'est géré dans le CSS le changement de côté)
Je crois que c'est tout bon, si jamais y a un souci tu peux nous contacter comme d'hab
~~ ATELIER OUVERT AUX CODES ~~
Commande de codage
Fiche
• Objet de la commande : Ici. Une fiche pour les liens, s'il vous plait :33
• Schéma ou maquette (facultatif) : J'enverrais à Kayu ! Ou à Sun, la première qui me tombe sus la patte
• Image(s), si vous en désirez : Alors, ça changera, par rapport à mes différents personnages mais pour commencer avec Etoile Orangée, je souhaiterais, l'une de ces images : https://66.media.tumblr.com/e8bb4df21c18128962f7dfb503f1ec88/tumblr_pmpz5cRDPt1tud5og_500.gif
• Couleurs, tons : Deux verts différents, un clair pour le fond, plus précisémeeeent : #669933. Et un foncé pour les cases : #006600.
Pour "Nom" ; "Histoire" ; "Physique & Caractère" ; "Liens de (NOM DU PERSO)" : "Liens positifs/neutres/négatifs" : Playfair Display SC.
Pour "Citation" ; "Clan" ; "Rang" ; "Âge", ce sera Vollkorn ou Titillium Web. J'hésite encore /paf/
Et pour l'écriture dans les cases, basic hein, Arial /paf/
L'écriture à l'intérieur des cases
• Éléments à insérer : Ici. Alors, je veux différentes choses (jsuis une cliente compliquée).
Tout d'abord, à gauche de l'image, son clan, son rang et son âge. Au dessus de l'image, son prénom et en dessous, une citation. DONC TOUT CA C'EST EN HAUT !
Après, le moment où on présente lui en profondeur le personnage : à droite, son physique et son caractère et à droite, son histoire (ça forme un rectangle, la case sera plus longue que le côté droit).
Ensuite, place à l'explications des lieeens : tout simplement des rectangles, avec des trucs qu'on peut dérouler à l'intérieur (je crois que c'est un slide /paf/) et comme au tout début, j'aimerais à gauche, le clan, son rang et son âge. Au dessus du rectangle explicatif, le nom du personnage. OH J'AI UNE IDEE, ça va être compliqué à expliquer /paf/ En gros, quand on passe la souris sur le rectangle, il y a l'explication qui apparaît. Mais si on ne passe pas la souris, on voit simplement "Lien positif, lien neutre, lien négatif" (je choisis l'un des trois, t'as vu)
Et voilà
• Effets : Un "slide" (je suis toujours pas sûr du nom) au niveau des explications des liens
• Autre chose ? Merci du fon du coeur
Le personnage
Sexe du perso: Mâle
Âge du perso: 31 lunes
Mentor / apprenti :
- Code:
<link href='https://www.aht.li/3430666/orenji_links.css' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Playfair+Display+SC|Vollkorn&display=swap" rel="stylesheet"><div class='orenji_links'><h1>Étoile Orangée</h1><div class='img_orenji'><img src='https://66.media.tumblr.com/e8bb4df21c18128962f7dfb503f1ec88/tumblr_pmpz5cRDPt1tud5og_500.gif'/></div><p>CLAN DU VENT<br>RANG<br>ÂGE</p><h4>« CITATION »</h4><div class='orenji_story'><h3>Histoire</h3><p>ICI HISTOIRE</p></div><div class='orenji_phca'><h3>Physique & Caractère</h3><p>ICI PHYSIQUE & CARA</p></div><h2>Liens de Étoile Orangée</h2>
<h3>NOM</h3><div class='orenji_lien'><h1>Lien POSITIF/NÉGATIF/ETC</h1><p>DESCRIPTION</p></div><p class='orenji_info'>CLAN<br>RANG<br>ÂGE</p>
<h3>NOM</h3><div class='orenji_lien'><h1>Lien POSITIF/NÉGATIF/ETC</h1><p>DESCRIPTION</p></div><p class='orenji_info'>CLAN<br>RANG<br>ÂGE</p>
</div>
Et ensuite, le code pour ajouter un lien juste avant la dernière fermeture de div (là où y a l'espace). Pense à sauter une ligne après ce code, pour ajouter d'autre liens **
- Code:
<h3>NOM</h3><div class='orenji_lien'><h1>Lien POSITIF/NÉGATIF/ETC</h1><p>DESCRIPTION</p></div><p class='orenji_info'>CLAN<br>RANG<br>ÂGE</p>
Le personnage
Sexe du perso:
Âge du perso: 37
Mentor / apprenti :
Je vois que c'est ouvert, donc je voudrai demander une fiche s'il te plaaaaait
Commande de codage
Fiche
• Objet de la commande : Fiche de Rp
• Schéma ou maquette (facultatif) : Je pense que tu me connais à force /PAN/
• Image(s), si vous en désirez : Vu que c'est pour celle qui me ressemble, disons que je te propose ce genre d'image MIYAZAKI GIIIIIF
Par exemple : https://giphy.com/gifs/made-miyazaki-mygifs-feLCWorhDnjCE
https://giphy.com/gifs/animation-princess-mononoke-miyazaki-5vlXvlZ7n4ISc
• Couleurs, tons : Plutôt dans le pastel ou le sombre. Ne va pas me mettre du fluo xD
• Éléments à insérer : Comme toujours, Feat, Titre et texte. Mais dit, tu peux rajouter un sous titre qui sera toujours le même ?
• Effets : Wow, je ne sais jamais je dois te l'avouer xD
• Autre chose ? Je t'aime toi le petit caillou, et Sun . J'arrive pas à savoir si je veux simple ou complexe pour elle.... xD
@Nuage des Sables
> Atelier OUVERT pour le code **
Le personnage
Sexe du perso: Femelle
Âge du perso: 62
Mentor / apprenti :
Pas grave pour le retard, Power vous bat HAUT LA MAIN xD (Je ne lui en veux pas, hein xD)
Breeeeef, merciiiiiii
J'ai envie de demander une fiche de lien, et j'ai un plan précis ce soir.... je pourrai ? xD
- Code:
<link href='https://www.aht.li/3437218/snowy_s.css' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Big+Shoulders+Display|Roboto&display=swap" rel="stylesheet">
<div class='snowy_s'><h1>TITRE</h1><h2>SOUS-TITRE</h2><h3>Feat GENS</h3><img src='https://media.giphy.com/media/feLCWorhDnjCE/giphy.gif'/><article>TEXTE
<p>« Ici un joli dialogue, tu peux écrire ce que tu veux et faire plusieurs lignes »</p>
</article></div>
Et tu peux commander, l'atelier est rouvert pour l'instant xD
Donc me revoilà, comme prévu avec une jolie maquette, qui montre à peu près ce que je veux :D
Commande de codage
Fiche
• Objet de la commande : Une fiche de lien
• Schéma ou maquette (facultatif) : Alors mon petit bazar, les couleurs à ne pas respecter bien évidemment, et c'est l'idée, elle peut bien sure être améliorée :D
- Spoiler:
• Couleurs, tons : Dans les tons sombres qui changeront pour chaque perso ^^
• Éléments à insérer : Tout ce que j'ai mis :D
• Effets : Oula, je ne sais pas là, je pense que j'ai demandé assez compliqué xD
• Autre chose ? Si c'est trop compliqué, je t'autorise, à faire une fiche que tu veux ^^.
Atelier FERMÉ
Les images aussi tu peux les changer, sinon le vert foncé bah c'est le fond des messages pour avoir un aperçu xD
Voilà donc euh le lien : https://codepen.io/Kayl_dAmbrosio/full/vYYwjNZ?editors=1000
Euh sinon, les messages FA sont limités en terme de caractères, donc avec 10 persos à mon avis ça va être lourd, tu peux toujours tenter mais je conseille quand même de s'en tenir au minimum dans les cases, voire de passer par un iframe si t'as un fow-test personnel où tu pourras modifier directement
Fiou c'était complexe xD Voilà voilà du coup dis-nous **
Par contre j'ai pas de fow perso Ah quoi que, mais il a surement disparu xDDDDD
Je vais essayer, mais sinon j'adore tout simplement °^°
Ce talent n'empêche xD
En plus je fais du PHP en cours là, donc ça m'amuse :D
Edit : Les traits de caractère me dérangent un peu en fait Peut être parce qu'ils ne sont pas centrés, ou alors c'est le fait qu'ils soient encadrés Je ne saurai dire
Alors les traits sont centrés xD Dans la case de couleur, et par rapport au fond gris /paf/
Du coup j'ai fait plusieurs tests, tu peux re-cliquer sur le lien et voir : pour le Perso 1 j'ai retiré la bordure, le Perso 2 c'est écrit en couleur, et le Perso 3 écrit en clair (+ lisible mais y a plus la couleur)
Wala et si t'as des idées vazy **
Je dirai le dernier, simple et efficace xD
Sinon je pense que c'est bon ^^
Merci du temps que tu passes dessus
|
|