Accueil
Dernières images
Rechercher
S'enregistrer
Connexion
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumAtelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction]
Page 4 sur 4 • 
1, 2, 3, 4
1, 2, 3, 4
Vieille branche
Puf/Surnom : Kayl 
Messages : 1784Kayl
Mer 27 Nov 2019 - 10:39
- Code:
<link href='https://www.aht.li/3440228/snowlink.css' type='text/css' rel='stylesheet'><div class="snowlink_general"><div class="snowlink"><input id="snowlink-1" type="radio" checked="checked" name="snowlink-group-1" /><label for="snowlink-1">NOM PERSO 1</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO 1</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-1" type="radio" name="snowlink-group-2" checked="checked"/><label for="snowprez-1">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-2" type="radio" name="snowlink-group-2" /><label for="snowprez-2">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-3" type="radio" name="snowlink-group-2" /><label for="snowprez-3">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA • TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-1" type="radio" name="snowlink-group-3" checked="checked"/><label for="snowlien-1">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-2" type="radio" name="snowlink-group-3" /><label for="snowlien-2">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-2" type="radio" name="snowlink-group-1" /><label for="snowlink-2">NOM 2</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 2</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-12" type="radio" name="snowlink-group-22" checked="checked"/><label for="snowprez-12">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-22" type="radio" name="snowlink-group-22" /><label for="snowprez-22">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-32" type="radio" name="snowlink-group-22" /><label for="snowprez-32">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-12" type="radio" name="snowlink-group-32" checked="checked"/><label for="snowlien-12">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-22" type="radio" name="snowlink-group-32" /><label for="snowlien-22">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-3" type="radio" name="snowlink-group-1" /><label for="snowlink-3">PERSO3</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 3</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-13" type="radio" name="snowlink-group-23" checked="checked"/><label for="snowprez-13">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-23" type="radio" name="snowlink-group-23" /><label for="snowprez-23">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-33" type="radio" name="snowlink-group-23" /><label for="snowprez-33">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-13" type="radio" name="snowlink-group-33" checked="checked"/><label for="snowlien-13">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-23" type="radio" name="snowlink-group-33" /><label for="snowlien-23">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-4" type="radio" name="snowlink-group-1" /><label for="snowlink-4">PERSO4</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 4</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-14" type="radio" name="snowlink-group-24" checked="checked"/><label for="snowprez-14">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-24" type="radio" name="snowlink-group-24" /><label for="snowprez-24">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-34" type="radio" name="snowlink-group-24" /><label for="snowprez-34">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-14" type="radio" name="snowlink-group-34" checked="checked"/><label for="snowlien-14">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-24" type="radio" name="snowlink-group-34" /><label for="snowlien-24">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div><div class="snowlink"><input id="snowlink-5" type="radio" name="snowlink-group-1" /> <label for="snowlink-5">PERSO5</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-15" type="radio" name="snowlink-group-25" checked="checked"/><label for="snowprez-15">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-25" type="radio" name="snowlink-group-25" /><label for="snowprez-25">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-35" type="radio" name="snowlink-group-25" /><label for="snowprez-35">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-15" type="radio" name="snowlink-group-35" checked="checked"/><label for="snowlien-15">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-25" type="radio" name="snowlink-group-35" /><label for="snowlien-25">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-6" type="radio" name="snowlink-group-1" /><label for="snowlink-6">PERSO6</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-16" type="radio" name="snowlink-group-26" checked="checked"/><label for="snowprez-16">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-26" type="radio" name="snowlink-group-26" /><label for="snowprez-26">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-36" type="radio" name="snowlink-group-26" /><label for="snowprez-36">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-16" type="radio" name="snowlink-group-36" checked="checked"/><label for="snowlien-16">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-26" type="radio" name="snowlink-group-36" /><label for="snowlien-26">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-7" type="radio" name="snowlink-group-1" /><label for="snowlink-7">PERSO7</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-17" type="radio" name="snowlink-group-27" checked="checked"/><label for="snowprez-17">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-27" type="radio" name="snowlink-group-27" /><label for="snowprez-27">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-37" type="radio" name="snowlink-group-27" /><label for="snowprez-37">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-17" type="radio" name="snowlink-group-37" checked="checked"/><label for="snowlien-17">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-27" type="radio" name="snowlink-group-37" /><label for="snowlien-27">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-8" type="radio" name="snowlink-group-1" /><label for="snowlink-8">PERSO8</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-18" type="radio" name="snowlink-group-28" checked="checked"/><label for="snowprez-18">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-28" type="radio" name="snowlink-group-28" /><label for="snowprez-28">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-38" type="radio" name="snowlink-group-28" /><label for="snowprez-38">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-18" type="radio" name="snowlink-group-38" checked="checked"/><label for="snowlien-18">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-28" type="radio" name="snowlink-group-38" /><label for="snowlien-28">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-9" type="radio" name="snowlink-group-1" /><label for="snowlink-9">PERSO9</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-19" type="radio" name="snowlink-group-29" checked="checked"/><label for="snowprez-19">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-29" type="radio" name="snowlink-group-29" /><label for="snowprez-29">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-39" type="radio" name="snowlink-group-29" /><label for="snowprez-39">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-19" type="radio" name="snowlink-group-39" checked="checked"/><label for="snowlien-19">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-29" type="radio" name="snowlink-group-39" /><label for="snowlien-29">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-10" type="radio" name="snowlink-group-1" /><label for="snowlink-10">PERSO10</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-10" type="radio" name="snowlink-group-20" checked="checked"/><label for="snowprez-10">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-20" type="radio" name="snowlink-group-20" /><label for="snowprez-20">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-30" type="radio" name="snowlink-group-20" /><label for="snowprez-30">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-10" type="radio" name="snowlink-group-30" checked="checked"/><label for="snowlien-10">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-20" type="radio" name="snowlink-group-30" /><label for="snowlien-20">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div></div></div>
> SNOWY voilà donc le code, quelques précisions/explications au cas où quand même :
• Le code fait 14.000 caractère environ, et FA limite normalement à 65.000. Ce qui laisse 51.000 caractères pour écrire tout le bazar des persos, mais FA bugue souvent surtout quand y a du code dedans, donc faudra vérifier xD
Si jamais après avoir écrit pour tous tes persos ça ne passe pas, y a pas 36 solutions (en fait y en a possiblement 2) : Soit on coupe en 2 le code et on fait 1er post : les 5 premiers persos, 2e post : les 5 persos suivants. Soit on le place dans un fow test (au besoin je te crée un compte admin sur le mien et tu pourras éditer ta fiche par la suite). Dans tous les cas faudra venir me voir
Après y a moyen que ça passe quand même si y a pas des tartines xD
• L'image est de taille 360*180px. Elle est redimensionnée automatiquement même si c'est mieux d'avoir la bonne taille pour pas que ça rende trop foireux /meurt/
Je conseille Zupimages pour les (ré)héberger, pour avoir un lien court et éviter de dépasser la limite juste à cause de liens qui font 3 lignes °°
• Les couleurs sont dans le HTML, j'ai remis en noir pour tous les persos. Donc tu verras des #000 qu'il faudra changer. Tu trouveras l'occurrence #000 deux fois, entre les deux "NOM DU PERSO". Mets bien des couleurs assez foncées sinon le texte blanc se verra pas xD
• Je pense que c'est tout °° Si jamais y a des soucis, tu peux me prévenir ici ou euh n'importe où en fait
Wala de rien j'ai appris des trucs grâce à cette fiche donc merci à toi aussi xD
Expert des lieux
Puf/Surnom : Snowy Messages : 501Étoile Mortelle
Mer 27 Nov 2019 - 15:25
Dans ce cas-là, le couper en deux serait peut être mieux xD Parce que je remarque que j'écris peut être un peu trop xDD
Désolée, encore, de déranger et d'être chiante xD
T'as vu quand j'ai des idées je ne le fais pas à moitié xDDD
Désolée, encore, de déranger et d'être chiante xD
T'as vu quand j'ai des idées je ne le fais pas à moitié xDDD
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Jeu 19 Déc 2019 - 14:14
> BON j'étais assez occupé.e voilà donc sorry pour le délai °° Voilà les 2 codes, que tu peux mettre dans des messages différents et euh wala **
- Code:
<link href='https://www.aht.li/3440228/snowlink.css' type='text/css' rel='stylesheet'><div class="snowlink_general"><div class="snowlink"><input id="snowlink-1" type="radio" checked="checked" name="snowlink-group-1" /><label for="snowlink-1">NOM PERSO 1</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO 1</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-1" type="radio" name="snowlink-group-2" checked="checked"/><label for="snowprez-1">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-2" type="radio" name="snowlink-group-2" /><label for="snowprez-2">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-3" type="radio" name="snowlink-group-2" /><label for="snowprez-3">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA • TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-1" type="radio" name="snowlink-group-3" checked="checked"/><label for="snowlien-1">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-2" type="radio" name="snowlink-group-3" /><label for="snowlien-2">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-2" type="radio" name="snowlink-group-1" /><label for="snowlink-2">NOM 2</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 2</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-12" type="radio" name="snowlink-group-22" checked="checked"/><label for="snowprez-12">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-22" type="radio" name="snowlink-group-22" /><label for="snowprez-22">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-32" type="radio" name="snowlink-group-22" /><label for="snowprez-32">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-12" type="radio" name="snowlink-group-32" checked="checked"/><label for="snowlien-12">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-22" type="radio" name="snowlink-group-32" /><label for="snowlien-22">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-3" type="radio" name="snowlink-group-1" /><label for="snowlink-3">PERSO3</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 3</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-13" type="radio" name="snowlink-group-23" checked="checked"/><label for="snowprez-13">Objectifs</label><div class="content_snowlink-prez"><p>ICI OBJECTIFS</p></div></div><div class="snowlink-prez"><input id="snowprez-23" type="radio" name="snowlink-group-23" /><label for="snowprez-23">Caractère</label><div class="content_snowlink-prez"><p>ICI CARACTÈRE</p></div></div><div class="snowlink-prez"><input id="snowprez-33" type="radio" name="snowlink-group-23" /><label for="snowprez-33">Physique</label><div class="content_snowlink-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-13" type="radio" name="snowlink-group-33" checked="checked"/><label for="snowlien-13">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-23" type="radio" name="snowlink-group-33" /><label for="snowlien-23">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snowlink"><input id="snowlink-4" type="radio" name="snowlink-group-1" /><label for="snowlink-4">PERSO4</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 4</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-14" type="radio" name="snowlink-group-24" checked="checked"/><label for="snowprez-14">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-24" type="radio" name="snowlink-group-24" /><label for="snowprez-24">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-34" type="radio" name="snowlink-group-24" /><label for="snowprez-34">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-14" type="radio" name="snowlink-group-34" checked="checked"/><label for="snowlien-14">Famille</label><div class="content_snowlink-lien"><p>ICI FAMILLE</p></div></div><div class="snowlink-lien"><input id="snowlien-24" type="radio" name="snowlink-group-34" /><label for="snowlien-24">Autre</label><div class="content_snowlink-lien"><p>ICI LIENS</p></div></div></div></div><div class="snowlink"><input id="snowlink-5" type="radio" name="snowlink-group-1" /> <label for="snowlink-5">PERSO5</label><div class="content_snowlink" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snowlink_general-prez'><div class="snowlink-prez"><input id="snowprez-15" type="radio" name="snowlink-group-25" checked="checked"/><label for="snowprez-15">Objectifs</label><div class="content_snowlink-prez"><p>OBJECTIFS ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-25" type="radio" name="snowlink-group-25" /><label for="snowprez-25">Caractère</label><div class="content_snowlink-prez"><p>CARACTÈRE ICI</p></div></div><div class="snowlink-prez"><input id="snowprez-35" type="radio" name="snowlink-group-25" /><label for="snowprez-35">Physique</label><div class="content_snowlink-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snowlink_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snowlink_general-lien'><div class="snowlink-lien"><input id="snowlien-15" type="radio" name="snowlink-group-35" checked="checked"/><label for="snowlien-15">Famille</label><div class="content_snowlink-lien"><p>FAMILLE ICI</p></div></div><div class="snowlink-lien"><input id="snowlien-25" type="radio" name="snowlink-group-35" /><label for="snowlien-25">Autre</label><div class="content_snowlink-lien"><p>LIENS ICI</p></div></div></div></div></div></div></div>
- Code:
<link href='https://www.aht.li/3440228/snowlink.css' type='text/css' rel='stylesheet'><div class="snow2link_general"><div class="snow2link"><input id="snow2link-1" type="radio" checked="checked" name="snow2link-group-1" /><label for="snow2link-1">NOM PERSO 1</label><div class="content_snow2link" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO 1</h1><div class='snow2link_general-prez'><div class="snow2link-prez"><input id="snow2prez-1" type="radio" name="snow2link-group-2" checked="checked"/><label for="snow2prez-1">Objectifs</label><div class="content_snow2link-prez"><p>ICI OBJECTIFS</p></div></div><div class="snow2link-prez"><input id="snow2prez-2" type="radio" name="snow2link-group-2" /><label for="snow2prez-2">Caractère</label><div class="content_snow2link-prez"><p>ICI CARACTÈRE</p></div></div><div class="snow2link-prez"><input id="snow2prez-3" type="radio" name="snow2link-group-2" /><label for="snow2prez-3">Physique</label><div class="content_snow2link-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snow2link_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA • TRAITS CARA</span><div class='snow2link_general-lien'><div class="snow2link-lien"><input id="snow2lien-1" type="radio" name="snow2link-group-3" checked="checked"/><label for="snow2lien-1">Famille</label><div class="content_snow2link-lien"><p>ICI FAMILLE</p></div></div><div class="snow2link-lien"><input id="snow2lien-2" type="radio" name="snow2link-group-3" /><label for="snow2lien-2">Autre</label><div class="content_snow2link-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snow2link"><input id="snow2link-2" type="radio" name="snow2link-group-1" /><label for="snow2link-2">NOM 2</label><div class="content_snow2link" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 2</h1><div class='snow2link_general-prez'><div class="snow2link-prez"><input id="snow2prez-12" type="radio" name="snow2link-group-22" checked="checked"/><label for="snow2prez-12">Objectifs</label><div class="content_snow2link-prez"><p>ICI OBJECTIFS</p></div></div><div class="snow2link-prez"><input id="snow2prez-22" type="radio" name="snow2link-group-22" /><label for="snow2prez-22">Caractère</label><div class="content_snow2link-prez"><p>ICI CARACTÈRE</p></div></div><div class="snow2link-prez"><input id="snow2prez-32" type="radio" name="snow2link-group-22" /><label for="snow2prez-32">Physique</label><div class="content_snow2link-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snow2link_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snow2link_general-lien'><div class="snow2link-lien"><input id="snow2lien-12" type="radio" name="snow2link-group-32" checked="checked"/><label for="snow2lien-12">Famille</label><div class="content_snow2link-lien"><p>ICI FAMILLE</p></div></div><div class="snow2link-lien"><input id="snow2lien-22" type="radio" name="snow2link-group-32" /><label for="snow2lien-22">Autre</label><div class="content_snow2link-lien"><p>ICI LIENS</p></div></div></div></div></div><div class="snow2link"><input id="snow2link-3" type="radio" name="snow2link-group-1" /><label for="snow2link-3">PERSO3</label><div class="content_snow2link" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 3</h1><div class='snow2link_general-prez'><div class="snow2link-prez"><input id="snow2prez-13" type="radio" name="snow2link-group-23" checked="checked"/><label for="snow2prez-13">Objectifs</label><div class="content_snow2link-prez"><p>ICI OBJECTIFS</p></div></div><div class="snow2link-prez"><input id="snow2prez-23" type="radio" name="snow2link-group-23" /><label for="snow2prez-23">Caractère</label><div class="content_snow2link-prez"><p>ICI CARACTÈRE</p></div></div><div class="snow2link-prez"><input id="snow2prez-33" type="radio" name="snow2link-group-23" /><label for="snow2prez-33">Physique</label><div class="content_snow2link-prez"><p>ICI PHYSIQUE</p></div></div></div><div class='snow2link_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snow2link_general-lien'><div class="snow2link-lien"><input id="snow2lien-13" type="radio" name="snow2link-group-33" checked="checked"/><label for="snow2lien-13">Famille</label><div class="content_snow2link-lien"><p>FAMILLE ICI</p></div></div><div class="snow2link-lien"><input id="snow2lien-23" type="radio" name="snow2link-group-33" /><label for="snow2lien-23">Autre</label><div class="content_snow2link-lien"><p>LIENS ICI</p></div></div></div></div></div><div class="snow2link"><input id="snow2link-4" type="radio" name="snow2link-group-1" /><label for="snow2link-4">PERSO4</label><div class="content_snow2link" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM 4</h1><div class='snow2link_general-prez'><div class="snow2link-prez"><input id="snow2prez-14" type="radio" name="snow2link-group-24" checked="checked"/><label for="snow2prez-14">Objectifs</label><div class="content_snow2link-prez"><p>OBJECTIFS ICI</p></div></div><div class="snow2link-prez"><input id="snow2prez-24" type="radio" name="snow2link-group-24" /><label for="snow2prez-24">Caractère</label><div class="content_snow2link-prez"><p>CARACTÈRE ICI</p></div></div><div class="snow2link-prez"><input id="snow2prez-34" type="radio" name="snow2link-group-24" /><label for="snow2prez-34">Physique</label><div class="content_snow2link-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snow2link_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snow2link_general-lien'><div class="snow2link-lien"><input id="snow2lien-14" type="radio" name="snow2link-group-34" checked="checked"/><label for="snow2lien-14">Famille</label><div class="content_snow2link-lien"><p>ICI FAMILLE</p></div></div><div class="snow2link-lien"><input id="snow2lien-24" type="radio" name="snow2link-group-34" /><label for="snow2lien-24">Autre</label><div class="content_snow2link-lien"><p>ICI LIENS</p></div></div></div></div><div class="snow2link"><input id="snow2link-5" type="radio" name="snow2link-group-1" /> <label for="snow2link-5">PERSO5</label><div class="content_snow2link" style="border-bottom: 25px solid #000"><h1 style="background: #000">NOM PERSO</h1><div class='snow2link_general-prez'><div class="snow2link-prez"><input id="snow2prez-15" type="radio" name="snow2link-group-25" checked="checked"/><label for="snow2prez-15">Objectifs</label><div class="content_snow2link-prez"><p>OBJECTIFS ICI</p></div></div><div class="snow2link-prez"><input id="snow2prez-25" type="radio" name="snow2link-group-25" /><label for="snow2prez-25">Caractère</label><div class="content_snow2link-prez"><p>CARACTÈRE ICI</p></div></div><div class="snow2link-prez"><input id="snow2prez-35" type="radio" name="snow2link-group-25" /><label for="snow2prez-35">Physique</label><div class="content_snow2link-prez"><p>PHYSIQUE ICI</p></div></div></div><div class='snow2link_img' style='background: url(URL-IMAGE)'><div></div></div><span>TRAITS CARA</span><div class='snow2link_general-lien'><div class="snow2link-lien"><input id="snow2lien-15" type="radio" name="snow2link-group-35" checked="checked"/><label for="snow2lien-15">Famille</label><div class="content_snow2link-lien"><p>FAMILLE ICI</p></div></div><div class="snow2link-lien"><input id="snow2lien-25" type="radio" name="snow2link-group-35" /><label for="snow2lien-25">Autre</label><div class="content_snow2link-lien"><p>LIENS ICI</p></div></div></div></div></div></div></div>
Invité
Invité
Mar 24 Déc 2019 - 12:05
Merci Kayl
Aily prend son envol pour atteindre la première place !
Puf/Surnom : Aily Messages : 92Le personnage
Sexe du perso: Mâle
Âge du perso: 36 lunes
Mentor / apprenti : X
Lueur Abyssale
Lun 24 Fév 2020 - 17:35
Commande de codage
< >
Fiche
• Objet de la commande : Fiche de Présentation
• Schéma ou maquette (facultatif) : https://zupimages.net/up/20/09/5aw7.png
• Image(s), si vous en désirez : Ici.
• Couleurs, tons : Prends des couleurs au hasard pour le coup, je changerais moi même :/
• É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 : Ici. Cadre éloigné pour les images
• Autre chose ? Merci beaucoup ^^
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Ven 28 Fév 2020 - 20:30
Et voilààà du coup comme convenu en PV :
https://codepen.io/Kayl_dAmbrosio/full/yLNMvxa?editors=1100
L'atelier est toujours ouvert si jamais![Atelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction] - Page 4 1408736261](/users/3211/16/22/04/smiles/1408736261.gif)
https://codepen.io/Kayl_dAmbrosio/full/yLNMvxa?editors=1100
L'atelier est toujours ouvert si jamais
Jeune aventurier
Puf/Surnom : SNOWY Messages : 128Le personnage
Sexe du perso: Femelle
Âge du perso: 51
Mentor / apprenti : Nuage du Tilleul
Irréalité d'Eucalyptus
Lun 2 Mar 2020 - 12:00
Kayuuuuuuu
Bonjour
Le code des liens il me fait un énorme espace au dessus :'(
https://laguerredesclans-rpg.forumsactifs.com/t11761-liens-de-snowy-en-cours-de-remplissage-mais-vous-pouvez-demander-quand-meme#116281
Bonjour
Le code des liens il me fait un énorme espace au dessus :'(
https://laguerredesclans-rpg.forumsactifs.com/t11761-liens-de-snowy-en-cours-de-remplissage-mais-vous-pouvez-demander-quand-meme#116281
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Mar 3 Mar 2020 - 13:31
Effectivement °° Normalement le problème est réglé, mais ton cache risque d'empêcher les modifications d'être montrées donc tu peux ouvrir le css (click) et actualiser cette page, ensuite si tu retournes/que tu actu la page de tes liens ça devrait fonctionner 
Jeune recrue
Puf/Surnom : Teiko | Teik Messages : 13Nuage Impérial
Mer 4 Mar 2020 - 11:14
Commande de codage
< >
Fiche
• Objet de la commande : Bonjouuuur ! Je viens commander une fiche de Rp pour Nuage Impérial s'ilvouplait ![Atelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction] - Page 4 3200486043](/users/3211/16/22/04/smiles/3200486043.gif)
• Schéma ou maquette (facultatif) : Au final, je souhaiterai quelque chose d'assez simple, je vous ferai un schéma plus tard pour une fiche de lien :hihi: vous faites ça si bien !
• Image(s), si vous en désirez : Je vous laisse vous inspirer de cela !
https://i.servimg.com/u/f63/20/16/94/11/800px_10.jpg
https://i.servimg.com/u/f63/20/16/94/11/qlsckn10.jpg
https://i.servimg.com/u/f63/20/16/94/11/unname10.jpg
https://i.servimg.com/u/f63/20/16/94/11/6b255110.jpg
https://i.servimg.com/u/f63/20/16/94/11/59eaef10.jpg
https://i.servimg.com/u/f63/20/16/94/11/f94a2e10.jpg
(Prenez ce que vous voulez, ce sera la surprise °°)
• Couleurs, tons : Alors, je pense faire quelque chose d'assez sombre, brumeux un peu moyenâgeux... Vous voyez, la brume qui tombe sur ce vieux château... brrr j'en ai froid dans le dos :D
Enfin voilà, une fiche qui tournerait autour de cette époque, de la royauté, des couronnes, des épées ![Atelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction] - Page 4 2049336592](/users/3211/16/22/04/smiles/2049336592.png)
je dis des choses assez contradictoire ![Atelier de Sun & Kayl [codage, création de maquettes, dessin, rédaction] - Page 4 3193767302](/users/3211/16/22/04/smiles/3193767302.gif)
mais sombre avec une ambiance de richesse, pour rappeler le nom de mon perso, si possible ! :D
• Éléments à insérer : Tour d'abord un titre, puis un Feat (juste en dessous) et comme j'aime bien les citations, si vous trouvez une petite place quelque part **.
• Effets : Bon, mon vocabulaire en codage est assez limité, mais je pense qu'un effet caché peut-être sympathique... Il me semble que c'est ça : il faut passer la souris sur le texte pour faire disparaître une image et apparaitre le texte du rp si jamais vous ne voyez pas, ou que cela vous semble pas dingue, ne le faites pas, je vous fait confiance :D
• Autre chose ? Je vous remerciiiie et j'adore vos codage, ça me donne envie de savoir en faire .
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Jeu 5 Mar 2020 - 14:19
Coucouuu ! Alors déjà merci, ça fait toujours plaisir les compliments
On a tenté un truc du coup, couleur sombre & or, c'est par ici (click). On a mis un hover en slide (en français, hover = planer, mais c'est le nom de l'effet au passage de la souris xD)
Bref, hésite pas si tu veux changer un truc, même un détail **
L'image pourra être changée facilement, en plus la fiche s'accorde bien avec la plupart de tes images
Sinon pour apprendre à coder, j'ai listé plusieurs tuto ici (click)
L'avantage du site Codepen c'est que tout le monde peut toucher au code en "local", donc tu peux faire des tests et modifier les codes pour t'entraîner mais ça changera pas la version de base xD
Bon bref je te laisse me dire pour la fiche et voilà bonne journée °°
On a tenté un truc du coup, couleur sombre & or, c'est par ici (click). On a mis un hover en slide (en français, hover = planer, mais c'est le nom de l'effet au passage de la souris xD)
Bref, hésite pas si tu veux changer un truc, même un détail **
L'image pourra être changée facilement, en plus la fiche s'accorde bien avec la plupart de tes images
Sinon pour apprendre à coder, j'ai listé plusieurs tuto ici (click)
L'avantage du site Codepen c'est que tout le monde peut toucher au code en "local", donc tu peux faire des tests et modifier les codes pour t'entraîner mais ça changera pas la version de base xD
Bon bref je te laisse me dire pour la fiche et voilà bonne journée °°
Jeune recrue
Puf/Surnom : Teiko | Teik Messages : 13Nuage Impérial
Jeu 5 Mar 2020 - 14:33
Mazette, non c'est vraiment top ! C'est encore mieux que ce que j'imaginais, sincèrement
La police, le hover (merci pour le tutoiement langage)... fin c'est top, vraiment ! Et je me pencherai sur les tutos après mon boulot, car oui, j'avais hâte de découvrir cela
Merci de l'info ** et encore merci pour le code, j'en bave encore
La police, le hover (merci pour le tutoiement langage)... fin c'est top, vraiment ! Et je me pencherai sur les tutos après mon boulot, car oui, j'avais hâte de découvrir cela
Merci de l'info ** et encore merci pour le code, j'en bave encore
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Jeu 5 Mar 2020 - 15:20
Ooh bah tant mieux °° Je crois que tout fonctionne, si jamais y a un bug tu me diras xD Je te donne le code :
Et si jamais t'as des questions de codage je suis dispo, en MP/sur Discord ou même dans la partie cours
- Code:
<link href='https://www.aht.li/3478174/teik.css' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Roboto+Condensed|Cinzel+Decorative&display=swap" rel="stylesheet"><div class='teik_fiche'><div class='teik_title'>TITRE<h3>FEAT NOM</h3></div><div class='teik_block' style='background-image: url(https://i.servimg.com/u/f63/20/16/94/11/59eaef10.jpg)'><div class='teik_text'><p>TEXTE</p></div></div><div class='teik_cita'>« CITATION »</div></div>
Et si jamais t'as des questions de codage je suis dispo, en MP/sur Discord ou même dans la partie cours
Aily prend son envol pour atteindre la première place !
Puf/Surnom : Aily Messages : 92Le personnage
Sexe du perso: Mâle
Âge du perso: 36 lunes
Mentor / apprenti : X
Lueur Abyssale
Sam 2 Mai 2020 - 20:05
Commande de codage
< >
Merci beaucoup d'avance, et je le redis, prenez votre temps, ce n'est pas pressé ^^
Fiche
• Objet de la commande : Une fiche de présentation s'il vous plaît
• Schéma ou maquette (facultatif) :
https://zupimages.net/up/20/18/07ne.png
• Image(s), si vous en désirez :
https://zupimages.net/up/20/18/14an.png
https://zupimages.net/up/20/18/f9uw.jpg
https://zupimages.net/up/20/18/cuwo.png
https://zupimages.net/up/20/18/wsb4.png
• Couleurs, tons :
gris : #8f8f8f
blanc: #ffffff
.
• Éléments à insérer : Ici.
Comme tu peux le voir il y a es barres pour les compétences, fond blanc et la barre de progression est grise.
j'aimerais pouvoir faire en sorte que quand par exemple elle a 7/10 pouvoir mettre width 70% au niveau de la barre grise
• Effets : Juste ce qu'il y a sur le schéma
pour les funfacts et le caractère c'est du gris mais opacity 0.7
• Autre chose ?
Il faudrait que le CSS et HTLM soit dans le même post. Pour le CSS juste dans un balise
- Code:
<style>
Merci beaucoup d'avance, et je le redis, prenez votre temps, ce n'est pas pressé ^^
Vieille branche
Puf/Surnom : Kayl Messages : 1784Kayl
Mar 5 Mai 2020 - 17:21
Bon je poste ici pour la forme (et pour montrer que c'est pas un atelier fantôme, sait-on jamais) : le code est ici (click) et puis si ça bug je suis toujours là xD
Voilà voilà atelier OUVERT
Voilà voilà atelier OUVERT
Aily prend son envol pour atteindre la première place !
Puf/Surnom : Aily Messages : 31Le personnage
Sexe du perso:
Âge du perso: 23
Mentor / apprenti :
Pétale d'Edelweiss
Dim 5 Juil 2020 - 16:25
Salut c'est à nouveau moi ^^
Commande de codage
< >
Template
• Objet de la commande : Template du message et profil
• Maquette (obligatoire) :
https://zupimages.net/up/20/27/n0dq.png
• Image(s), si vous en désirez :
(c'est les boutons de base en ModerneBB mais je te les mets au cas ou)
editer : https://zupimages.net/up/20/27/3u03.png
citer : https://zupimages.net/up/20/27/56ev.png
suppr : https://zupimages.net/up/20/27/ti3s.png
ip : https://zupimages.net/up/20/27/ccdp.png
Un avatar pour tester (200*320) : https://zupimages.net/up/20/19/j6ti.png
le fond pour les titres des sujets : https://zupimages.net/up/20/18/f9uw.jpg
l'image du rang (l'étoile) : https://zupimages.net/up/20/27/anft.png
• Couleurs, tons :
le blanc : #ffffff (fond messages et infos)
le blanc/gris : #efefef (fond)
le vert : #45d26f
• Polices des textes :
Titre : Great vibes ( https://fonts.google.com/specimen/Great+Vibes )
Le reste : roboto
• Éléments à insérer : Voir maquette
• Effets : Autour de l'image du rang, un rond blanc et un contour vert (image qui se redimensionne aussi, s'il te plait)
• Version du forum et lien dudit forum : ModerneBB
• Autre chose ? La largeur du forum fait 972px
Merci d'avance et merci beaucoup pour toute l'aide que tu m'as apporté jusqu'à présent ^^
Contenu sponsorisé
Page 4 sur 4 • 1, 2, 3, 4
1, 2, 3, 4|
|
|