La "Coderie" de Dahlila

Le deal à ne pas rater :

Cartes Pokémon EV6.5 : où trouver le Bundle Lot 6 Boosters Fable ...

Voir le deal

Tales of Salva :: Après l'effort ... :: Galerie d'Art

Page 1 sur 1

Dahlila Khadidja

Pas de compétences

La "Coderie" de Dahlila Miniature_059_XY

La "Coderie" de Dahlila Miniature_502_XY

La "Coderie" de Dahlila Miniature_753_SL

La "Coderie" de Dahlila Miniature_744_SL

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:04

Codes de Dahlila (Apomenon)

Introduction

Hey ! Vu que j'ai un peu de temps et que je reprends du service sur tous les fronts, c'est au tour du codage de me revoir ! Haha. Ma rencontre avec le codage date d'il y a quelques années déjà, je devais avoir 12 ans lorsque j'ai découvert le RP forum ET le codage par la même occasion. Au début, ce n'était que lire, comprendre et modifier les LS déjà disponibles, puis, rapidement, c'est devenu de la confection.

Mon style a bien évolué depuis mes débuts, mais sachez que la liste des styles et exemples que vous voyez ici n'est pas exhaustif, et que je peux facilement m'adapter à la demande.

Je vous link quelques liens utiles si vous voulez passer commande :
- code-couleur.com : Il vous permet de choisir une couleur dans la palette type logiciel graphique, et vous donne ensuite ses codes (CMJN, RVB et HTML).

- fonts.google.com : Ce site de Google vous permet de choisir une police, qu'il suffit de link (via les balises dédiées) dans un codage afin de l'intégrer. Une méthode simple qui permet à tous de voir la police utilisée, sans avoir à l'installer sur son ordinateur !

Libre-Service

Du coup je vous partage des codages que j'ai fait et utilisé, et qui sont en Libre Service. Du coup, vous pouvez les utiliser, aucun souci. J'accepte les modifications, tant que vous laissez les crédits (le petit "(c) Apomenon" à la fin). Même si les modifications apportées sont lourdes et modifient le code, il va falloir le laisser. Je sais c'est pas très marrant mais c'est comme ça !

Je me permet un premier Nota Bene. Les codes peuvent être buggés, et avoir des balises mal écrites ou manquantes, à vrai dire, même en repassant dessus des centaines de fois, certaines erreurs arrivent à se glisser. Dans ce cas, n'hésitez pas à me le signaler pour que je modifie le code directement dans ma galerie.

Pour plus de lisibilité et de facilités d'utilisation, les codes auront des explications, en particulier concernant les tailles des images et les blocs d'informations, pour que vous puissiez facilement les comprendre et les modifier. Et en cas de souci, vous pouvez me mp (Discord ou Forum) pour que je puisse vous aider.

Oh, et n'oubliez pas de me signaler si vous utiliser mes codes (et lequel), comme ça je peux voir lesquels plaisent et puis, ça me fait plaisir aussi à moi, de voir qu'on utilise ce que j'ai fait !

Et vu que je suis un peu flemmarde sur les bords, vous trouverez en spoiler les codes que j'ai fait et dont j'ai eu la flemme de partager les codes. Contactez-moi si un d'eux vous intéresse.

Codes "flemme":

PS : Non, le code que j'utilise actuellement, aussi beau et attirant soit-il, ne sera pas prêté ni proposé au LS. Je l'utilise actuellement et j'apprécie avoir... L'exclusivité, sur mes dernières oeuvres (héhé). (oui j'ai déjà eu des mps pour ça, ici ou autre part)

Sommaire du Libre-Service

• Gros vrac de codes - Surtout des messages RPs

• Letter Type - Message simple avec signature

• Simplet Blanc Relation - Avatar, identité, relations & RP
• Simplet Blanc RP - Message RP simple

• Raffiné Noir Relation - Avatar, Informations, Relations & Divers
• Raffiné Noir RP - Message RP avec titre et citation

• Raffiné Bleu Relation - Avatar, Informations, Relations & Divers
• Raffiné Bleu RP - Message RP avec titre et citation

• Simplet Rose - Message RP simple avec titre

• Pêche Minimaliste - Message RP avec titre et sous titre

• T-Card élégante 1 - T-card complète sous forme interactive

• Blue Dream - Infos, Relations, Liens & RPs

• Simple Letter - Lettre mise en forme avec enveloppe
• Outlook-like mail - E-mail mise en forme type messagerie Outlook
• Black phone - Contact, SMS et répondeur non interactif

Commandes

Les commandes sont ouvertes.
Sachez aussi que je prends les commandes, peut importe si c'est pour des messages RP, des T-Card ou autre. Je prends TOUT ! Il faudra juste m'envoyer un petit MP ou un message sur Discord afin qu'on puisse en discuter.

Il n'y a pas vraiment de formulaire à remplir, mais sachez que c'est toujours sympa d'avoir une maquette (une image du codage que vous voulez, même grossière) ou une description. Il y a beaucoup de choses dont on peut parler quand on fait un code, comme par exemple, est-ce que vous voulez des images ? Quelle police ? Quelle couleur de police ? de fond ? Quelle taille de police ? Etc etc. Bref, y'a beaucoup à dire. Plus votre demande est précise, plus vite elle ira pour moi, et plus vous en serez satisfait puisque s'il manque des instructions, le codage risque de ne pas vous plaire au premier jet (et donc il va falloir le retravailler, et ça demande du temps), ou sera incomplet à l'arrivée.

Bref, ça peut sembler compliqué mais ça ne l'est pas "vraiment" ! Pour faire plus simple. Vous voulez un codage et vous voulez que je le fasse ? Voici la démarche en gros :

1. Un petit message soit par discord (c'est préférable), soit un mp forum (un peu plus long pour y répondre et un peu plus chiant haha).
2. On discute ensemble pour votre commande (maquette, descriptions, précisions, etc)
3. J'estime un délai (sachez que c'est très approximatif, mais qu'en général je vois large. Si je vous donne un délai d'une semaine, vous pourriez très bien l'avoir 3h plus tard, ça dépend de si je suis d'humeur ou non)
4. Je vous fait votre code
5. Je vous l'envoi
6. On voit ensemble si c'est bon
7. Si y'a des retouches à faire, je les fais (avec +/- un délai), et je le renvoi (répétitions étape 7 autant de fois que nécessaire jusqu'au résultat voulu)

8. Votre code est terminé, vous l'avez. Youpi, on a terminé !

Codes actuellement utilisés par ma personne

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:12

Gros vrac de codes

Introduction

Par pure flemme, je vous C/C là des codes que j'ai fait, vous pouvez les utiliser, mais il n'y a pas de "précisions" les concernant. Si vous avez besoin d'aide, un petit mp sur Discord et je vous aiderai.
NB : Cliquez sur les titres pour afficher la liste des codes (économie de place et plus de lisibilité).

Codes pour message RP

Souvenir #1:

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Neucha|Rubik&display=swap');.sv1fond {width:530px; height:auto; padding:0px 10px 10px 10px;} .sv1titre {width:500px; font-family:'Neucha', cursive; font-size:40px; line-height:40px; color:#FF66A8; letter-spacing:-2px; text-shadow: 0px 0px 1px #000;} .sv1contenu {border:1px #FFB3D4 solid; width:500px; height:auto; padding:15px; font-size:13px; font-family:'Rubik', sans-serif; line-height:17px; text-align:justify; background:rgba(255,179,212,0.1); color:#803354;} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>
<center><div class="sv1fond"><div class="sv1titre">Titre</div><div class="sv1contenu">Texte</div></div><div class="copyright">(c) Apomenon</div></center>

Pastel #1:

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Raleway|Sriracha&display=swap'); .p1fond {width:550px;height:auto;border-top: 5px #a7e9af solid; border-bottom: 5px #a7e9af solid;} .p1titre {width:520px;font-family:'Sriracha', cursive; font-size:30px;line-height:40px; color:#6a8caf; letter-spacing: -2px; text-shadow: 0px 0px 1px #000;padding:15px;border-top:10px solid #eef9bf} .p1contenu {border-bottom:10px solid #eef9bf;width:520px; height:auto; padding:15px; font-size:12px; font-family:'Raleway', sans-serif; line-height:15px; text-align:justify; color:#142850;} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>
<center><div class="p1fond"><div class="p1titre">Titre</div><div class="p1contenu">Texte</div></div><div class="copyright">(c) Apomenon</div></center>

Old #1:

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Barlow|Merriweather&display=swap');.o1fond { width:550px;height:auto;}.o1titre {width:500px;font-family: 'Merriweather', serif; font-size:30px; line-height:40px; color:#f64b3c; letter-spacing: -2px; text-shadow: 0px 0px 1px #42240c; padding:15px;border-bottom:5px solid #f64b3c;}.o1contenu {width:520px; height:auto; padding:15px 5px 15px 5px; font-size:12px; font-family: 'Barlow', sans-serif; line-height:15px; text-align:justify; color:#42240c;border-bottom:5px solid #f64b3c} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>
<center><div class="o1fond"><div class="o1titre">Titre</div><div class="o1contenu">Texte</div></div><div class="copyright">(c) Apomenon</div></center>

Old #1 avec image:

Tous les chemins mènent à Rome mais le plus rapide, c'est le mien !

Lorem ipsum è dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

- Ut velit mauris, egestas sed, gravida nec, ornare ut, mi.

Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.

Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Barlow|Merriweather&display=swap'); .o1ifond { width:550px;height:auto;} .o1ititre {width:530px;font-family: 'Merriweather', serif; font-size:30px; line-height:40px; color:#f64b3c; letter-spacing: -2px; text-shadow: 0px 0px 1px #42240c; padding:15px 0px 15px 0px;border-bottom:5px solid #f64b3c;border-collapse:collapse} .o1iimg {width:100px;height:100px;border: 2px solid #f64b3c;border-radius:50px;background-size:contain;} .o1icontenu {width:520px; height:auto; padding:15px 5px 15px 5px; font-size:12px; font-family: 'Barlow', sans-serif; line-height:15px; text-align:justify; color:#42240c;border-bottom:5px solid #f64b3c} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>

<center><div class="o1ifond"><table class="o1ititre"><tr><td style="width:396px">Titre</td><td style="width:100px;height:100px"><div class="o1iimg" style="background-image:url(IMG); "></div></td></tr></table><div class="o1icontenu">Texte</div></div><div class="copyright">(c) Apomenon</div></center>

Old #2:

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Barlow|Merriweather&display=swap'); .o2fond { width:550px;height:auto;transform: scale(1)} .o2titre {width:530px;font-family: 'Merriweather', serif; font-size:30px; line-height:40px; color:#dab8f3; letter-spacing: -2px; text-shadow: 0px 0px 1px #ce0f3d; padding:50px 0px 0px 0px;} .o2img {width:100px;height:100px;border: 2px solid #dab8f3;border-radius:50px;background-size:contain;position:fixed;top:-49px;left:223px;} .o2bord{border-bottom:5px solid #dab8f3;width:530px} .o2contenu {width:520px; height:auto; padding:15px 5px 15px 5px; font-size:12px; font-family: 'Barlow', sans-serif; line-height:15px; text-align:justify; color:#42240c;border-bottom:5px solid #dab8f3} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>

<center><div class="o2fond"><div class="o2img" style="background-image:url(IMG);"></div><div class="o2bord"></div><div class="o2titre">Titre</div><div class="o2contenu">Texte </div></div><div class="copyright">(c) Apomenon</div></center>

Old #3:

Code:: <style>@import url('https://fonts.googleapis.com/css?family=Barlow|Merriweather&display=swap'); .o3fond { width:530px;height:auto;border:2px solid #00a8cc;transform: scale(1)} .o3titre {width:550px;font-family: 'Merriweather', serif; font-size:25px;height:33px; overflow:hidden; color:#1f6a7a; letter-spacing: -2px; text-shadow: 0px 0px 0px #000000; padding:50px 0px 0px 0px;position:fixed;top:-68px;left:0px;text-align:center} .o3contenu {width:490px; height:auto; padding:20px 5px 20px 5px; font-size:12px; font-family: 'Barlow', sans-serif; line-height:15px; text-align:justify; color:#42240c;} .copyright{font-size:8px;opacity:0.3;color:#000000}</style>

<center><div class="o3fond"><div class="o3titre">Titre</div><div class="o3contenu">Texte</div></div><div class="copyright">(c) Apomenon</div></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:14

Letter Type
Message simple avec signature

Aperçu

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Apomenon
Codeuse élégante et totalement folle

Infos

C'est un codage vraiment simple, qu'on peut utiliser pour tout. Il comporte une zone de texte large, donc on peut vraiment écrire beaucoup, et une zone de signature (nom et titre par exemple) avec une petite image.

Précisions

• La zone de texte fait 450 pixels de large. Elle peut être modifié sans souci, en changeant le "width:450px" du div.
• Les polices sont changeable, il suffit d'aller sur des sites qui disposent d'un "link href="#" rel='stylesheet' type ='text/css'". Cela permet l'intégration direct de la police dans le code.

• L'image est en 50*50. Il vous suffit de coller le lien direct de l'image à la place de "IMAGE".

• "letter-spacing" permet de contrôler l'espacement des lettres, en positif ou négatif. C'est juste un effet esthétique (et ça prend moins de place quand les lettres sont serrées, logique).

• Le tableau (table) assure l'alignement de l'image sur la signature.

Code

Code:: <link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer:400,400italic' rel='stylesheet' type='text/css'><div style ="width:450px;text-align:justify"><span style="font-size:15px;font-family:IM Fell Great Primer;text-shadow: 0px 0px 0px #063E36;color:#000000;letter-spacing:0px;">On écrit le texte par ici
En dessous, c'est la signature.</span>
<table><tr><td>[img]IMAGE[/img]</td><td><span style ="font-size: 18px; font-family:Marck Script; text-shadow: 0px 0px 0px #063E36 ; color: #000000; letter-spacing: -1px;">Apomenon
Codeuse élégante et totalement folle</span></td></tr></table><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></div>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:19

Simplet Blanc Relation
Avatar, identité, relations & RP

Aperçu

Liens de Xy

L'incarnation d'un Cauchemar

Identité :
☼ Nom : Aucun
☼ Prénom : Xy
☼ Âge : Inconnu

Relations :
Ici

RPs :
Ici

Infos

Il s'agit d'un codage de relations simple, avatar sous forme de banière, petite citation, informations, relations, rp, etc. Ce codage est extrêmement simple et facile de personnalisation.

Si jamais vous êtes encore en quête de simplicité, je vous invite à regarder "Simplet Blanc RP" qui est le code de message RP correspondante à ce code.

Précisions

• La bannière est en 500*267. Pour la modifier, coller le lien direct de votre image à la place de "IMAGE".

• Pour ajouter une "catégorie", il suffit de copier ce code avant ou après "bloc" :

Code:: <div style ="font-family: 'Voltaire', cursive; ; font-size : 20px ; text-shadow: #000000 1px 1px 2px">Relations :</div>

Code

Code:: <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<center><div style="background-color: #FFFFFF; width:500px; border-radius:12px; border-top:solid 1px #FFFFFF; border-bottom:solid 4px #FFFFFF; border-right:solid 2px #FFFFFF; border-left:solid 2px #FFFFFF; box-shadow:0px 3px 3px dimgrey;"><div style="background-image:url(IMAGE); width:500px; height:267px; border-top-left-radius:12px; border-top-right-radius:12px; border-bottom:dashed 3px #000000;"></div><div style="font-family: Poiret One; color:#ffffff; font-size:80px; font-weight:4px; text-shadow: 0px 0px 3px #000000; margin-top:-60px;">Liens de Prénom Nom</div>
<div style="font-family: Times New Roman; color:#000000; font-size:11px; font-style:italic; text-shadow: 0px 0px 2px white; margin-top:4px;">Petite citation</div>
<div style="text-align:left; margin-left:30px">
<div style ="font-family: 'Voltaire', cursive; ; font-size : 20px ; text-shadow: #000000 1px 1px 2px">Identité :</div>
☼ Nom : ici
☼ Prénom : ici
☼ Âge : ici

<div style ="font-family: 'Voltaire', cursive; ; font-size : 20px ; text-shadow: #000000 1px 1px 2px">Relations :</div>
Ici

<div style ="font-family: 'Voltaire', cursive; ; font-size : 20px ; text-shadow: #000000 1px 1px 2px">RPs :</div>
Ici
</div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:21

Simplet Blanc RP
Message RP simple

Aperçu

Titre du RP

Dialogue

Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.

Infos

Il s'agit d'un codage de RP simple, avec uniquement un titre et le contenu. La seule particularité réside dans le fait que la première lettre est différente du reste du texte. De même que les dialogues.
Si jamais vous êtes encore en quête de simplicité, je vous invite à regarder "Simplet Blanc Relation" qui est la fiche de relation correspondante à ce code.

Précisions

• Le titre du RP peut être écrit plus petit au besoin. Il suffit de changer la taille en pixels (px) de "font-size" dans

Code:: <div style="font-family: Poiret One; color:#000000; font-size:80px; font-weight:4px; text-shadow: 0px 0px 3px white;border-bottom:dashed 3px #000000;line-height:80px">Titre du RP</div>

• La première lettre du texte est différente. Cela peut être appliqué à chaque première lettre de paragraphe, simplement en copiant le code :

Code:: <span style="float: left; font-size: 70px; padding-top: 18px; padding-bottom: 5px; margin-bottom: 8px; margin-right:5px;font-family: times new roman;color: #8A8A8A">T</span>

• Le code du dialogue peut être changé, autant sa police (voltaire par défaut), que sa couleur (#BD9651 ici) ou son ombre (#B3AFA9 ici).

Code

Code:: <center><div style="background-color: #FFFFFF; width:480px; padding:10px; border-radius:12px; border-top:solid 1px #FFFFFF; border-bottom:solid 4px #FFFFFF; border-right:solid 2px #FFFFFF; border-left:solid 2px #FFFFFF; box-shadow:0px 3px 3px dimgrey;"><div style="font-family: Poiret One; color:#000000; font-size:80px; font-weight:4px; text-shadow: 0px 0px 3px white;border-bottom:dashed 3px #000000;line-height:80px">Titre du RP</div><div style="font-family:times new roman; text-align : justify;color: #000000; font-size:14px; margin-top:10px; "><span style="float: left; font-size: 70px; padding-top: 18px; padding-bottom: 5px; margin-bottom: 8px; margin-right:5px;font-family: times new roman;color: #8A8A8A">T</span>exte

<div style ="font-family: 'Voltaire', cursive; font-size : 12px ; color: #BD9651 ; text-shadow: #B3AFA9 1px 1px 2px">Dialogue</div>
Texte</div></div>[size=10](c) Apomenon[/size]</center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:22

Raffiné Noir Relation
Avatar, Informations, Relations & Divers

Aperçu

Prénom Nom

Présentation

Lorsque le Soleil...

• Info 1
• Info 2
• Info 3
• Info 4
• Info 5
• Info 6
• Info 7
• Info 8
• Info 9
• Info 10

... Ne quitte pas la Lune...

Tous ceux...

Lien

Nom

Lien

Nom

... Que j'ai déjà vu...

Infos

Il s'agit d'un code de relation, comprenant un avatar (bannière), ainsi que des cases d'écriture ou de liste (bloc 1), et d'un bloc de relation (bloc 2) composé d'une image, d'un nom, d'un lien et d'une description. Il y a aussi un petit lien en haut vers la présentation de votre personnage.

Pour rester raccord, je vous propose de regarder "Raffiné Noir RP", qui est le code de message RP correspondant à ce codage.

NB : Pour des soucis de mise en page, l'aperçu (et uniquement l'aperçu) est en 453px au lieu de 500px.

Précisions

• L'image est en 500*278 (si vous modifiez la hauteur, il faut modifier la balise "line height" de "Prénom Nom").

• Le fond est une image qui se répète tout le long de la fiche. Vous pouvez la modifier, ou choisir de mettre une couleur de fond en remplaçant "background-image:url(...)" par "background-color:#000000" (cf. code couleur HTML, #000000 étant noir)

• Les fonds des cases sont aussi des images. Vous pouvez les modifier, ou choisir de mettre une couleur de fond en remplaçant "background-image:url(...)" par "background-color:#000000" (cf. code couleur HTML, #000000 étant noir)

• Les arrondis des cases sont tous modifiables, il suffit de modifier les valeurs des "border-radius" (dans l'ordre : haut-gauche, haut-droit, bas-droit, bas-gauche)

• Le bloc information s'étend automatiquement. Vous pouvez soit écrire dedans, soit faire une liste.

• Vous pouvez rajouter un bloc "information" (le premier) en ajoutant le code avant ou après "bloc" :

Code:: <center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/gghgfg10.png');height: auto;width:450px; border: 2px solid #000000; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #ffffff 2px 2px 2px; text-align: left; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;line-height:5px">... Début citation 1</div><div style="width: 430px;text-align:left;padding:10px;color:#ffffff">Description</div><div style="position: relative; bottom: -10px; text-shadow: #ffffff 2px 2px 2px; text-align: right; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;">... Fin citation 1</div></div></center>

• Vous pouvez ajouter un lien en copiant ce code avant ou après "lien" :

Code:: <table style="border-collapse: collapse;margin-bottom:20px"><tr><td><div style="text-shadow: #ffffff 2px 2px 2px; text-align:center; font-size: 15px; color: #ffffff; font-family: Gabriola, Arial;">Lien</div></td><td><div style="text-shadow: #000000 1px 1px 1px; font-size:30px; color:#000000; font-family:Gabriola, Arial;text-align:center">Nom</div></td></tr><tr><td style="width:100px;height:100px;background-image:url('https://zupimages.net/up/20/05/2g7r.png');border-radius: 10px 0px 0px 10px"></td><td><div style="height:100px; width: 330px; color: #000000; overflow: auto;text-align:justify;color:#ffffff">Description</div></td></tr></table>

Code

Code:: <center><div style="width:453px;background-image: url('https://i.servimg.com/u/f39/16/80/75/70/trsshh10.png'); border-radius: 150px 150px 0px 0px;"><div style="background:url('https://zupimages.net/up/20/05/dvdu.png') no-repeat; border-radius: 150px 150px 0px 0px; text-align: justify; border: 2px solid #000000;width:450px"><div style="width:200px;height:260px"></div><div style="text-shadow: #000000 1px 1px 1px; text-align: center; font-size: 65px; color: #000000; font-family: Gabriola, Arial;line-height:40px">Prénom Nom</div><div style="text-align:right;width:440px;padding-right:10px;font-size:10px;color:#ffffff">[url=#]Présentation[/url]</div>
<center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/gghgfg10.png');height: auto;width:400px; border: 2px solid #000000; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #ffffff 2px 2px 2px; text-align: left; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;line-height:5px">Début citation 1...</div><div style="width: 430px;text-align:left;padding:10px;color:#ffffff">Description</div><div style="position: relative; bottom: -10px; text-shadow: #ffffff 2px 2px 2px; text-align: right; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;">... Fin citation 1</div></div></center>

<center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/gghgfg10.png'); height: auto; width: 400px; border: 2px solid #000000; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -10px;text-shadow: #ffffff 2px 2px 2px; text-align: left; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;line-height:10px">Début citation 1...</div><table style="border-collapse: collapse;margin-bottom:20px"><tr><td><div style="text-shadow: #ffffff 2px 2px 2px; text-align:center; font-size: 15px; color: #ffffff; font-family: Gabriola, Arial;">Lien</div></td><td><div style="text-shadow: #000000 1px 1px 1px; font-size:30px; color:#000000; font-family:Gabriola, Arial;text-align:center">Nom</div></td></tr><tr><td style="width:100px;height:100px;background-image:url('https://zupimages.net/up/20/05/2g7r.png');border-radius: 10px 0px 0px 10px"></td><td><div style="height:100px; width: 280px; color: #ffffff; overflow: auto;text-align:justify">Description</div></td></tr></table></div><div style="position: relative; top: -10px; right:20px;text-shadow: #ffffff 2px 2px 2px; text-align: right; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;">... Fin citation 2</div></center></div></div></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:22

Raffiné Noir RP
Message RP avec titre et citation

Aperçu

Titre

Lorsque le Soleil...

... Ne quitte pas la Lune...

Infos

Il s'agit là d'un code pour message RP, qui va de paire avec le code de relation "Raffiné Noir Relation". Il est composé d'un titre, d'une citation séparée en 2 et du corps du message.

NB : Pour des soucis de mise en page, l'aperçu (et uniquement l'aperçu) est en 400px au lieu de 490px.

Précisions

• Le fond est une image qui se répète tout le long de la fiche. Vous pouvez la modifier, ou choisir de mettre une couleur de fond en remplaçant "background-image:url(...)" par "background-color:#000000" (cf. code couleur HTML, #000000 étant noir)

• Le fond de la zone de RP est aussi une image. Vous pouvez la modifier, ou choisir de mettre une couleur de fond en remplaçant "background-image:url(...)" par "background-color:#000000" (cf. code couleur HTML, #000000 étant noir)

• Les arrondis des cases sont tous modifiables, il suffit de modifier les valeurs des "border-radius" (dans l'ordre : haut-gauche, haut-droit, bas-droit, bas-gauche)

• Le bloc RP s'étend automatiquement.

Code

Code:: <center><div style="width:490px; background-image: url('https://i.servimg.com/u/f39/16/80/75/70/trsshh10.png'); border-radius: 100px 100px 0px 0px;text-align: justify; border: 2px solid #000000;padding:10px 5px 10px 5px;margin-bottom:10px"><div style="text-shadow: black 1px 1px 1px; text-align: center; font-size: 45px; color: #000000; font-family: Gabriola, Arial;line-height:35px;margin-top:20px">Titre</div><center><div style="margin-top:20px;background: url('https://i.servimg.com/u/f39/16/80/75/70/gghgfg10.png');height: auto;width:450px; border: 2px solid #000000; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #ffffff 2px 2px 2px; text-align: left; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;line-height:5px">Début citation...</div><div style="width: 430px;text-align:justify;padding:10px;color:#ffffff;font-size:14px">Texte</div><div style="position: relative; bottom: -10px; text-shadow: #ffffff 2px 2px 2px; text-align: right; font-size: 25px; color: #ffffff; font-family: Gabriola, Arial;">... Fin citation...</div></div></center></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:24

Raffiné Bleu Relation
Avatar, Informations, Relations & Divers

Aperçu

Prénom Nom

Présentation

Lorsque le Soleil...

• Info 1
• Info 2
• Info 3
• Info 4
• Info 5
• Info 6
• Info 7
• Info 8
• Info 9
• Info 10

... Ne quitte pas la Lune...

Tous ceux...

Lien

Nom

Lien

Nom

... Que j'ai déjà vu...

Infos

Il s'agit d'un code de relation, comprenant un avatar (bannière), ainsi que des cases d'écriture ou de liste (bloc 1), et d'un bloc de relation (bloc 2) composé d'une image, d'un nom, d'un lien et d'une description. Il y a aussi un petit lien en haut vers la présentation de votre personnage.

Pour rester raccord, je vous propose de regarder "Raffiné Bleu RP", qui est le code de message RP correspondant à ce codage.

NB : Pour des soucis de mise en page, l'aperçu (et uniquement l'aperçu) est en 453px au lieu de 500px.

Précisions

Code:: <center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/fhgg10.png');height: auto;width:400px; border: 2px solid #ffffff; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #000000 2px 2px 2px; text-align: left; font-size: 25px; color: #000000; font-family: Gabriola, Arial;line-height:5px">Lorsque le Soleil...</div><div style="width: 430px;text-align:left;padding:10px;">• Info 1
• Info 2
• Info 3
• Info 4
• Info 5
• Info 6
• Info 7
• Info 8
• Info 9
• Info 10</div><div style="position: relative; bottom: -10px; text-shadow: #000000 2px 2px 2px; text-align: right; font-size: 25px; color: #000000; font-family: Gabriola, Arial;">... Ne quitte pas la Lune...</div></div></center>

• Vous pouvez ajouter un lien en copiant ce code avant ou après "lien" :

Code:: <table style="border-collapse: collapse;margin-bottom:20px"><tr><td><div style="text-shadow: #000000 2px 2px 2px; text-align:center; font-size: 15px; color: #000000; font-family: Gabriola, Arial;">Lien</div></td><td><div style="text-shadow: #ffffff 1px 1px 1px; font-size:30px; color:#ffffff; font-family:Gabriola, Arial;text-align:center">Nom</div></td></tr><tr><td style="width:100px;height:100px;background-image:url('https://zupimages.net/up/20/05/2g7r.png');border-radius: 10px 0px 0px 10px"></td><td><div style="height:100px; width: 280px; color: #000000; overflow: auto;text-align:justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div></td></tr></table>

Code

Code:: <center><div style="width:453px;background-image: url('https://i.servimg.com/u/f39/16/80/75/70/fhhdff10.png'); border-radius: 150px 150px 0px 0px;"><div style="background:url('https://zupimages.net/up/20/05/2g7r.png') no-repeat; border-radius: 150px 150px 0px 0px; text-align: justify; border: 2px solid #ffffff;width:450px"><div style="width:200px;height:260px"></div><div style="text-shadow: #ffffff 1px 1px 1px; text-align: center; font-size: 65px; color: #ffffff; font-family: Gabriola, Arial;line-height:40px">Prénom Nom</div><div style="text-align:right;width:440px;padding-right:10px;font-size:10px;">[url=https://lien.com]Présentation[/url]</div>
<center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/fhgg10.png');height: auto;width:400px; border: 2px solid #ffffff; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #000000 2px 2px 2px; text-align: left; font-size: 25px; color: #000000; font-family: Gabriola, Arial;line-height:5px">Lorsque le Soleil...</div><div style="width: 430px;text-align:left;padding:10px;">• Info 1
• Info 2
• Info 3
• Info 4
• Info 5
• Info 6
• Info 7
• Info 8
• Info 9
• Info 10</div><div style="position: relative; bottom: -10px; text-shadow: #000000 2px 2px 2px; text-align: right; font-size: 25px; color: #000000; font-family: Gabriola, Arial;">... Ne quitte pas la Lune...</div></div></center>

<center><div style="background: url('https://i.servimg.com/u/f39/16/80/75/70/fhgg10.png'); height: auto; width: 400px; border: 2px solid #ffffff; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -10px;text-shadow: #000000 2px 2px 2px; text-align: left; font-size: 25px; color: #000000; font-family: Gabriola, Arial;line-height:10px">Tous ceux...</div><table style="border-collapse: collapse;margin-bottom:20px"><tr><td><div style="text-shadow: #000000 2px 2px 2px; text-align:center; font-size: 15px; color: #000000; font-family: Gabriola, Arial;">Lien</div></td><td><div style="text-shadow: #ffffff 1px 1px 1px; font-size:30px; color:#ffffff; font-family:Gabriola, Arial;text-align:center">Nom</div></td></tr><tr><td style="width:100px;height:100px;background-image:url('https://zupimages.net/up/20/05/2g7r.png');border-radius: 10px 0px 0px 10px"></td><td><div style="height:100px; width: 280px; color: #000000; overflow: auto;text-align:justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div></td></tr></table>
<table style="border-collapse: collapse;margin-bottom:20px"><tr><td><div style="text-shadow: #000000 2px 2px 2px; text-align:center; font-size: 15px; color: #000000; font-family: Gabriola, Arial;">Lien</div></td><td><div style="text-shadow: #ffffff 1px 1px 1px; font-size:30px; color:#ffffff; font-family:Gabriola, Arial;text-align:center">Nom</div></td></tr><tr><td style="width:100px;height:100px;background-image:url('https://zupimages.net/up/20/05/2g7r.png');border-radius: 10px 0px 0px 10px"></td><td><div style="height:100px; width: 280px; color: #000000; overflow: auto;text-align:justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.</div></td></tr></table></div></center><div style="position: relative; top: -10px; right:20px;text-shadow: #000000 2px 2px 2px; text-align: right; font-size: 25px; color: #000000; font-family: Gabriola, Arial;">... Que j'ai déjà vu...</div></div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:25

Raffiné Bleu RP
Message RP avec titre et citation

Aperçu

Titre

Lorsque le Soleil...

... Ne quitte pas la Lune...

Infos

Il s'agit là d'un code pour message RP, qui va de paire avec le code de relation "Raffiné Bleu Relation". Il est composé d'un titre, d'une citation séparée en 2 et du corps du message.

NB : Pour des soucis de mise en page, l'aperçu (et uniquement l'aperçu) est en 400px au lieu de 490px.

Précisions

Code

Code:: <center><div style="width:400px; background-image: url('https://i.servimg.com/u/f39/16/80/75/70/fhhdff10.png'); border-radius: 100px 100px 0px 0px;text-align: justify; border: 2px solid #ffffff;padding:10px 5px 10px 5px;margin-bottom:10px"><div style="text-shadow: white1px 1px 1px; text-align: center; font-size: 45px; color: #ffffff; font-family: Gabriola, Arial;line-height:35px;margin-top:20px">Titre </div><center><div style="margin-top:20px;background: url('https://i.servimg.com/u/f39/16/80/75/70/fhgg10.png');height: auto;width:360px; border: 2px solid #ffffff; border-radius: 0px 20px 0px 20px;"><div style="position:relative;top: -8px;text-shadow: #000000 2px 2px 2px; text-align: left; font-size: 25px; color: #000000; font-family: Gabriola, Arial;line-height:5px">Début citation...</div><div style="width: 430px;text-align:justify;padding:10px;color:#000000;font-size:14px">Texte</div><div style="position: relative; bottom: -10px; text-shadow: #000000 2px 2px 2px; text-align: right; font-size: 25px; color: #000000; font-family: Gabriola, Arial;">... Fin citation</div></div>
</center></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:26

Simplet Rose
Message RP simple avec titre

Aperçu

Titre

Infos

Il s'agit d'un code pour message RP simple avec uniquement le titre et le corps du message. Très court et très simple, il est parfait si vous ne voulez pas vous encombrer de lourds codes, et d'informations supplémentaires à gérer.

Précisions

• Le code est entièrement personnalisable.

• Le titre se trouve dans les balises :

Code:: <div style="font-family:georgia;font-size:28px;color:#E8D1D7;text-shadow:1px 1px 3px #792138;line-height:50px;text-align:center">Titre</div>

• Le corps de message suit le titre et se trouve dans :

Code:: <div style="height:auto;width:438px;padding:10px;border:1px #792138 dotted;font-size: 15px; font-family:'Times New Roman';color:#000000;text-align:justify">Texte</div>

Code

Code:: <center><div style="height:auto;width:460px;padding:20px;background-color:#E8D1D7;box-shadow:0px 0px 10px #792138;text-align:justify;color:#792138;"><div style="font-family:georgia;font-size:28px;color:#E8D1D7;text-shadow:1px 1px 3px #792138;line-height:50px;text-align:center"> Titre</div><div style="height:auto;width:438px;padding:10px;border:1px #792138 dotted;font-size: 15px; font-family:'Times New Roman';color:#000000;text-align:justify">Texte</div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:26

Pêche minimaliste
Message RP avec titre et sous titre

Aperçu

TITRE

❅ Sous titre ❅

Infos

Ceci est code pour message RP avec un titre et un sous-titre, les lignes de dialogues ne sont pas prévues différentes du texte, ce qui vous laisse le champ libre.

Précisions

• Les couleurs sont changeable, mais pensez à rester dans des couleurs assez proches pour garder une harmonie.

• Le sous-titre peut être modifié ou supprimé. voici son code pour le retrouver :

Code:: <div style="color:#D82222;font-size:20px;text-align:center;text-shadow:#ffffff 0px 0px 3px;font-family:'Handlee';">❅ Sous titre ❅</div>

• La police du corps du message est "Handlee". Si elle ne vous plait pas, vous pouvez la changer, bien évidement.

Code

Code:: <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css' /><link href='https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope|Rochester|Handlee|Poiret+One' rel='stylesheet' type='text/css'><center><div style="width:500px;background:#fbe7cf;border:3px solid #BD5959;"><div style="background:#D18484;box-shadow:0px 2px 1px #BD5959; padding:10px;font-size:30px;font-family:'Annie Use Your Telescope';color:#ffffff;text-align:center;">TITRE</div>
<div style="margin:auto;width:450px;color:#000000;text-align:justify;font-family:'Handlee';font-size:15px;"><div style="color:#D82222;font-size:20px;text-align:center;text-shadow:#ffffff 0px 0px 3px;font-family:'Handlee';">❅ Sous titre ❅</div>
Texte
</div><br /></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:27

T-Card élégante 1
T-card complète sous forme interactive

Aperçu

Equipe de Machin

Surnm1	Surnm2	Surnm3
Surnm4	Surnm5	Surnm6

Surnom pkmn1

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Surnom pkmn2

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Surnom pkmn3

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Surnom pkmn4

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Surnom pkmn5

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Surnom pkmn6

Prononciation. ici
Espèce. ici
Type. ici
Taille. ici
Poids. ici
Nature. ici
Talent. ici
Caractère.

Description

Attaques apprises

Attaque 1

Attaque 2

Attaque 3

Attaque 4

Infos

Le code est un peu compliqué, sachez que ceux qui désirent l'utiliser auront mon entière aide, car j'avoue que même-moi, j'y ai passé du temps !
La T-card est interactive. En cliquant sur une icône d'un pokémon, cela affiche sa fiche. En cliquant sur un autre, cela affiche celle de l'autre, etc. Un petit gain de place visuellement.

NB1 : si votre fiche devient trop grande en terme de caractères pou forum actif ("gnugnu ton message est trop long"), je vous invite à passer en "iframe".

NB2 : Le CSS du code est directement intégré dans des balises "style" pour plus que les modifications soient plus simples et plus rapides à faire.

Et n'enlevez pas les petites notes entre "/* */". Elles l'influencent pas le CSS et donnent des infos (c'est des commentaires). Ne retirez pas non plus le commentaire de début, il fait référence au "nom" du code, car sinon je ne pourrais pas vous aider (j'ai un peu beaucoup de codes). Et pas touche au copyright !

Précisions

• Les icônes sont en 100*100.
• Les images sont en 200*320.

• Les champs sont des exemples d'information. Pour en rajouter un il suffit d'ajouter :

Code:: <span class="chmp">champ.</span> ici

• Le champ caractère est un peu particulier car il précède un "bloc" avec une barre de défilement. Ce bloc s'appelle "caractere scroll" (caractere est le class du div, et scroll fait référence au CSS de changement d'apparence de la barre de défilement)

• f1 fait référence à la fiche du pokémon 1. "label for=" permet de dire de renvoyer, au clic dans cette zone (ici icone), au input correspondant ("input id="). Donc, label for="f48" va renvoyer au input id="48" (donc à la fiche du 48eme pokémon)

• Pour vous aider, je vous ai noté "1" pour le pokémon 1, "2" pour le second, et ce pour toute la première ligne.

• Je ne vous ai donné qu'une fiche en terme d'exemple, mais pour en rajouter il suffit de C/C le code avant ou après "fiche pkmn" (2pour le 2eme pokémon, 3 pour le 3eme, etc) :

Code:: <div class="fsurnom">Surnom</div><table style="width:500px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Objet.</span> ici
<span class="chmp">Rencontre.</span> ici
<span class="chmp">Ball.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></td></tr></table><div class="sstitre">Stats et compétences</div><div class="astats"><table style="width:458px"><tr><td><span class="chmp">PV.</span> 00
<span class="chmp">Att.</span> 00
<span class="chmp">Def.</span> 00</td><td><span class="chmp">Vit.</span> 00
<span class="chmp">Att S.</span class="chmp"> 00
<span class="chmp">Def S.</span> 00</span></td><td style="border-left: 1px #ddd solid;padding-left:10px"><span class="chmp">Prest.</span> 0
<span class="chmp">Rech.</span> 0</td><td><span class="chmp">Athlé.</span> 0
<span class="chmp">Duel.</span> 0</td></tr></table></div><div class="sstitre">Attaques apprises</div><div class="attq"><table cellspacing="0" cellpadding="0"><tr><td align="center"><span class="chmp">Montée de niveau</span></td><td align="center"><span class="chmp">Reproduction | Ddc</span></td><td align="center"><span class="chmp">Ct | Cs</span></td></tr><tr><td><table class="attq-cont"><tr><td>Exemple</td><td style="width:16px"><image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></td><td><table class="attq-cont"><tr><td></td></tr></table></td><td><table class="attq-cont"><tr><td></td></tr></table></td></tr></table></div>

• Pour rajouter une ligne (5 emplacements) de récap. des pokémons, C/C le code suivant avant ou après "ligne label x5" et le modifier :

Code:: <tr><td><label for="f1" class="onglet"><div class="icone" style="background-image : url('icone1.jpg');"></div><div class="surnom">Surnm1</div></label></td><td><label for="f2" class="onglet"><div class="icone" style="background-image : url('icone2.jpg');"></div><div class="surnom">Surnm2</div></label></td><td><label for="f3" class="onglet"><div class="icone" style="background-image : url('icone3.jpg');"></div><div class="surnom">Surnm3</div></label></td><td><label for="f4" class="onglet"><div class="icone" style="background-image : url('icone4.jpg');"></div><div class="surnom">Surnm4</div></label></td><td><label for="f5" class="onglet"><div class="icone" style="background-image : url('icone5.jpg');"></div><div class="surnom">Surnm5</div></label></td></tr>

• Si il s'agit de votre 2eme ligne, le f1 de ce code devient f6. Le suivant f7, etc. A la fin de chaque ligne vous devriez arriver à un multiple de 5 (5 la 1ere ligne, puis 10 pour la 2eme, puis 20, puis 30, ...)

• De même, en rajoutant une ligne (x5) de label, vous devez rajouter les input (la où on met les fiches) avant ou après "input" :

Code:: <input id="f2" type="radio" name="onglet" /><div class="pcatc-fiche"></div><input id="f3" type="radio" name="onglet" /><div class="pcatc-fiche"></div><input id="f4" type="radio" name="onglet" /><div class="pcatc-fiche"></div><input id="f5" type="radio" name="onglet" /><div class="pcatc-fiche"></div>

• Pensez à vérifier ici aussi que les f correspondent (voir au dessus)

Code

Code:: <style>/* CSS T-Card pcatc (Pokemon Community Apomenon Trainer Card) version 1.0 - 07/02/2020 *//* Importation des polices de Google Font */@import url('https://fonts.googleapis.com/css?family=Lato|Playball&display=swap');/* Modif. Scrollbar */.scroll::-webkit-scrollbar {width:3px;}.scroll::-webkit-scrollbar-thumb {background-color:#4BDAA1;}/* Zone generale du code */#pcatc { width:450px; height:auto;}/* Titre general */#pcatc .titre { color:#ffffff; background-color:#4BDAA1; width:450px; height:auto; line-height:50px; font-size: 30px; font-family: playball; text-align:center;}/* C'est juste la gestion de la partie onglets, le collapse est important */#pcatc .tab-ong {width:450px; border-collapse:collapse;text-align:center;margin-left:-3px} .tab-ong .label-td{width:150px;height:116px;margin-left:1px}/* Img recap. pkmn */#pcatc .icone { width:145px; height:145px; border:1px solid #4BDAA1; background-color:#ffffff; background-size:contain;}/* Surnom pkmn sous icone */#pcatc .surnom { width: 147px; height:16px; background-color:#4BDAA1; text-align: center; line-height:16px; font-size:10px; color:#ffffff;}/* Affichage de l'apparence "clic" pointeur onglets */#pcatc .onglet{cursor:pointer;margin:0px 0px 0px 2px !important;padding:0px !important;}/* Cache les inputs non selectionnes */#pcatc .cont input {display:none;}/* Affiche la fiche quand "l'onglet" est selectionne */input:checked + .pcatc-fiche{display:block;}/* Zone fiche */.pcatc-fiche { height:473px; width:450px; display:none;}/* Bloc caractÃ¨re */#pcatc .caractere { max-height:80px; overflow:auto}/* Surnom sur la fiche */#pcatc .fsurnom { background-color:#4BDAA1; height:auto; line-height:70px; width:450px; font-size:40px; font-family:playball; color:#ffffff; text-align:center;}/* Image de la fiche */#pcatc .img { height:320px; width: 200px; }/* bloc identite image */#pcatc .identite {width:228px; height:298px; padding:10px 10px 10px 10px; border:solid 1px #ddd; font-family:lato; font-size:13px; text-align:justify; line-height:18px; background-color:#ffffff;}/* span des champs identite */#pcatc .chmp { font-variant:small-caps; font-weight:bold; font-size:17px; color:#4BDAA1; font-family:lato;}/* Pour les titre type attaques, stats, etc */#pcatc .sstitre { background-color:#4BDAA1; height:auto; line-height:40px; width:450px; font-size:25px; font-family:playball; color:#ffffff; text-align:center;} /* tableau des attaques */#pcatc .attq { height:auto; width:428px; padding:5px 10px 10px 10px; border:solid 1px #ddd; font-family:lato; font-size: 13px; text-align:justify; background-color:#ffffff;"}/* colonne des types attaques (niveau, reprod, etc) */#pcatc .attq-cont {width:428px !important;padding:10px;height:230px;font-family:lato;font-size:13px; letter-spacing:0px;text-align:justify}</style><link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet"><center><div id="pcatc"><div class="titre">Equipe de Machin</div><table class="tab-ong"><tr><td><label for="f1" class="onglet"><div class="icone" style="background-image : url('icone1.jpg');"></div><div class="surnom">Surnm1</div></label></td><td><label for="f2" class="onglet"><div class="icone" style="background-image : url('icone2.jpg');"></div><div class="surnom">Surnm2</div></label></td><td><label for="f3" class="onglet"><div class="icone" style="background-image : url('icone3.jpg');"></div><div class="surnom">Surnm3</div></label></td></tr><tr><td><label for="f4" class="onglet"><div class="icone" style="background-image : url('icone4.jpg');"></div><div class="surnom">Surnm4</div></label></td><td><label for="f5" class="onglet"><div class="icone" style="background-image : url('icone5.jpg');"></div><div class="surnom">Surnm5</div></label></td><td><label for="f6" class="onglet"><div class="icone" style="background-image : url('icone6.jpg');"></div><div class="surnom">Surnm6</div></label></td></tr></table>
<div class="cont"><input id="f1" type="radio" name="onglet" checked="" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn1</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div><input id="f2" type="radio" name="onglet" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn2</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div><input id="f3" type="radio" name="onglet" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn3</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div><input id="f4" type="radio" name="onglet" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn4</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div><input id="f5" type="radio" name="onglet" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn5</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div><input id="f6" type="radio" name="onglet" /><div class="pcatc-fiche"><div class="fsurnom">Surnom pkmn6</div><table style="width:450px;" cellspacing="0" cellpadding="0"><tr><td><div class="img" style="background-image:url(image.jpg);"></div></td><td><div class="identite"><span class="chmp">Prononciation.</span> ici
<span class="chmp">Espèce.</span> ici
<span class="chmp">Type.</span> ici
<span class="chmp">Taille.</span> ici
<span class="chmp">Poids.</span> ici
<span class="chmp">Nature.</span> ici
<span class="chmp">Talent.</span> ici
<span class="chmp">Caractère.</span><div class="caractere scroll">Description</div></div></td></tr></table><div class="sstitre">Attaques apprises</div><div class="attq"><table class="attq-cont"><tr style="width:428px"><td style="width:105px;height:auto;text-align:center">Attaque 1 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 2 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 3 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td><td style="width:105px;height:auto;text-align:center">Attaque 4 <image src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png" style="width:16px" /></td></tr></table></div></div></div><div style="color:#4BDAA1;font-size:8px;">(c) Apomenon</div></div></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 21:29

Blue Dream
Infos, Relations, Liens & RPs

Aperçu

Prénom Nom

Nom : ici (nom) Prénom : ici (prénom) Âge : ici (âge) Naissance : ici (naissance) Avatar : ici (avatar)
Recherches : • Un(e) ami(e) \| ∞ - Des amis, tout le monde en cherche. • Lien \| Nombre - Description (ça peut être sur plusieurs lignes sans problème) • Toutes les autres relations...	Relations : • Prénom Nom - Lien

RPs :
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné
1. [url=lien du rp]Titre du RP[/url] (participants) ~ En cours / Terminé / Abandonné

Infos

C'est un codage basique fait pour, par exemple, une fiche de liens et de recherche de RP. Il comporte une zone d'information, un avatar (200*400, changeable, cf. précisions), une partie recherches de liens, une petite case très synthétique pour les relations, et la liste des RP.

Précisions

• L'avatar est en 200*400. Collez le lien direct de l'avatar à la place de "AVATAR".
• "barre_11.png" correspond à la barre sous le "Prénom Nom". Elle est en 400*37.

• Dans la zone information, vous pouvez ajouter un champ avant la balise d'indication "info" via (n'oubliez pas de revenir à la ligne à chaque fois) :

Code:: <span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Champ :</span> ici (champ)

• Les cases "Infos", "Avatar", "Recherche" et "Relations" sont dans un tableau. Si vous voulez rajouter une ligne (donc 2 cases côtes à côtes), copiez ce code avant ou après "ligne" :

Code:: <tr><td><div style="height:190px;width:208px;overflow:auto;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;padding:5px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">Titre 1 :</span></center>
Contenu 1</div></td><td><div style="height:190px;width:190px;overflow:auto;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;padding:5px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">Titre 2 :</span></center>
Contenu 2
</div></td></tr>

• La case "RPs" est hors du tableau. Si vous voulez rajouter une case semblable, copiez ce code avant ou après "bloc" :

Code:: <div style="height:140px;width:413px;overflow:auto;padding:5px;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;position:relative;left:3px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">Titre :</span></center>
Contenu</div>

• Si vous voulez modifier la largeur ou la longueur d'une case, il suffit de modifier les balises "height" et "width" avec la valeur souhaitée (cela fonctionne aussi pour le div de l'avatar).
NB : Pour les cases dans le tableau, si vous modifiez la hauteur d'une cellule, pensez à le faire aussi sur l'autre cellule de la ligne. Si vous modifiez la largeur d'une cellule, pensez à modifier la largeur de toute la colonne ET de tout le code (le premier div) en ajoutant le même nombre.

Exemples :
• Si ma cellule "Recherche" doit faire 400 pixels en hauteur (height:400px, ce qui correspond à un +10px), alors je dois changer "Relations" pour qu'il fasse aussi 400 pixels de hauteur (height:400px).

• Si je veux que "Recherche" fasse 218 pixels de large (width:218px, ce qui correspond à un +10px), alors je dois changer "Informations" pour qu'il fasse aussi 318 pixels de large, la case "RPs" pour qu'il ait aussi +10px (donc il passe de "width:430px" à "width:440px") ET je dois modifier le 1er div pour lui ajouter +10px. Donc il passe de "width:430px" à "width:440px".

Code

Code:: <center><div style="padding:10px;height:auto;width:430px;background-color:#B6D0CC;box-shadow:0px 0px 10px #207267;color:#296B62;text-align:center"><div style="font-family:georgia;font-size:45px;color:#B6D0CC;text-shadow:1px 1px 3px #207267;line-height:50px">Prénom Nom
<img src="https://i.servimg.com/u/f59/16/80/75/70/barre_11.png" /></div>
<table style="width:430px"><tr><td><div style="height:390px;width:208px;padding:5px;border:1px #00320F dotted;text-align:left;"><span style="font-size:10px;color:#5c8c86; position:relative; left:5px;"><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Nom :</span> ici (nom)
<span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Prénom :</span> ici (prénom)
<span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Âge :</span> ici (âge)
<span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Naissance :</span> ici (naissance)
<span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F; text-align:left">Avatar :</span> ici (avatar)
</div></td><td><div style="height:400px;width:200px;border:1px #00320F solid;background-image:url(AVATAR);"></div></td></tr><tr><td><div style="height:190px;width:208px;overflow:auto;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;padding:5px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">Recherches :</span></center>
• Un(e) ami(e) | ∞ - Des amis, tout le monde en cherche.

• Lien | Nombre - Description (ça peut être sur plusieurs lignes sans problème)

• Toutes les autres relations...
</div></td><td><div style="height:190px;width:190px;overflow:auto;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;padding:5px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">Relations :</span></center>
• Prénom Nom - Lien
</div></td></tr></table><div style="height:140px;width:413px;overflow:auto;padding:5px;border:1px #00320F dotted;font-size:10px;color:#5c8c86;text-align:left;position:relative;left:3px"><center><span style="font-family:georgia;font-size:10px;color:#000000;text-shadow:1px 1px 3px #00320F;">RPs :</span></center>
1. [url=lien du rp]Titre du RP[/url] (participants) ~ [color=#006633]En cours[/color] / Terminé / Abandonné</div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></div></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 7 Juin - 23:02

Simple Letter
Lettre mise en forme avec enveloppe

Aperçu

Prénom Nom (émetteur)
Blabla

Prénom Nom (receveur)
Blabla

Petite salutation,

Texte.

Infos

Ce codage basique est utile lorsque vous désirez envoyer une lettre à quelqu'un, et avoir une touche réaliste. Il vous permet d'y faire figurer le nom de l'envoyeur, ainsi que celui du receveur, et quelques informations supplémentaires si vous le désirez. Le codage est muni d'une barre de défilement, pour avoir accès à toute la lettre sans risquer de saturer l'écran avec un texte long comme pas possible.

Précisions

• L'icône sert de "sceau" de fermeture de la lettre. Vous pouvez mettre n'importe quelle image carrée, elle sera automatiquement ramenée à 80px, il suffit de remplacer "IMAGE" de "background-image:url('IMAGE')" par le lien direct de votre image.
• S'il n'y a pas d'image, le sceau sera automatiquement en blanc (#ffffff). Il suffit de changer la balise "background-color:#ffffff" par la couleur de votre choix (en HEX -> #xxxxxx).

• La couleur de la lettre se change aussi. Il suffit de modifier "background-color:rgb(243,242,238)" par la couleur de votre choix (en RGB -> R, G, B).
• Vous pouvez mettre une image en guise de papier à lettre. Pour cela, après le code "background-color:rgb(243,242,238);", rajoutez : "background-image:url('IMAGE');" et changez "IMAGE" par le lien direct de votre image.

• La couleur de police est aussi, bien entendu, modifiable. Il suffit de changer "color:#393d40" par la couleur de votre choix (en HEX -> #xxxxxx).

Code

Code:: <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>

<center><div style="width:550px;height:612px;"><div style="width:550px;height:354px;background-image:url('https://zupimages.net/up/19/23/ifiz.png');background-size: contain;position:absolute;z-index: 3;margin-top:257px"></div><div style="width:550px;height:612px;background-image:url('https://zupimages.net/up/19/23/foj8.png');background-size: contain;position:absolute;z-index: 1;"></div><div style="width:384px;height:330px;position:relative;top:88px;left:-1px;padding:20px 10px 20px 20px;background-color:rgb(243,242,238);text-align:justify;z-index: 2;overflow:scroll;color:#393d40"><div style="font-family:times new roman;font-size:16px;letter-spacing:-1px;" align="left">Prénom Nom (émetteur)
Rang (émetteur)</div><div style="font-family:times new roman;font-size:16px;letter-spacing:-1px;" align="right">Dahlila Khadidja
Elève Chercheuse
4ème étage</div><br />
<span style="font-family:times new roman;font-size:14px;letter-spacing:1px;line-height:25px;">Petite salutation,

Texte.</span><br /><br /><br /><br /><br /><br /><br /></div><div style="width:80px;height:80px;border-radius:50px;background-color:#ffffff;background-image:url('IMAGE');background-size: contain;position:absolute;z-index: 3;margin-top:30px;margin-left:236px;box-shadow:0px -5px 10px rgb(0,0,0,0.2)"></div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Lun 8 Juin - 10:21

Outlook-like mail
E-mail mise en forme type messagerie Outlook

Aperçu

Prénom NOM <'mail@truc.com'>
Sujet

Prénom NOM <'mail@truc.com'>

Texte

Infos

Il s'agit là d'un code simple, copié du logiciel de messagerie Outlook (de Microsoft) afin d'envoyer un mail à quelqu'un. La zone de texte possède une barre de défilement afin que si la longueur du message est trop importante, cela ne sature pas l'écran.

Précisions

• L'icône peut être modifiée. Vous pouvez mettre n'importe quelle image carrée, elle sera automatiquement ramenée à 60px, il suffit de remplacer "IMG" de "background-image:url('IMG')" par le lien direct de votre image.
• S'il n'y a pas d'image, l'icône ne sera automatiquement en blanc (#ffffff). Il suffit de changer la balise "background-color:#ffffff" par la couleur de votre choix (en HEX -> #xxxxxx).

Code

Code:: <center><div style="width:594px;height: 594px;background-image:url('https://zupimages.net/up/19/23/u4f3.png');background-size:contain;background-repeat:no-repeat;padding:3px" align="left"><div style="width:90%;height:105px"></div><table><tr><td><div style="width:60px;height: 60px;background-image:url('IMG');background-size:contain;background-repeat:no-repeat;background-color:#ffffff"></div></td><td style="width:5px"></td><td style="line-height:25px"><span style="font-family:arial;font-size:16px;color:rgb(102,102,102)">Prénom NOM <'mail@truc.com'></span>
<span style="font-family:arial;font-size:14px;color:rgb(68,68,68)">Sujet</span></td></tr></table><div style="font-family:arial;font-size:12px;color:rgb(102,102,102);margin-left:2px">Prénom NOM <'mail@truc.com'></div>
<div style="width:570px;height:365px;padding:10px;background-color:rgb(255,255,255);border:1px solid rgb(165,172,181);text-align:justify;overflow-y:scroll">Texte</div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Lun 8 Juin - 10:23

Black phone
Contact, SMS et répondeur non interactif

Aperçu

Infos

Ce code regroupe 3 codes différents, comprenant la liste des contacts (avec icône modificable), une conversation SMS où plusieurs messages peuvent être postés pour mimer une réelle conversation, et un répondeur vocal, en cas d'appel.

Précisions

Les codes sont disposé "en vrac" dans ce message, ils sont à al fois assez simples et compliqué. Si vous avez besoin d'aide, n'hésitez pas, même moi j'ai galéré avec haha.

Pour le code "Contacts"
• Pour ajouter un nouveau contact il faut rajouter, après la balise "NOUVEAU CONTACT" (le code se termine par cette balise pour vous aider) :

Code:: <tr><td><div style="width:40px;height:40px;border-radius:20px;background-color:#fff;background-image:url('IMG');background-size: contain;"></div></td><td><div style="width:auto;margin-left:9px;font-size: 14px; font-family: arial; color:#fff;" align="left">Prénom Nom</div></td></tr><tr><td></td><td><div style="height:1px;width:200px;border-bottom:1px solid #ddd;opacity:0.2"></div></td></tr>

• L'image de contact se change, il suffit de modifier "IMG" par le lien direct de votre image., elle sera automatiquement redimensionnée en 40px*40px.

Pour le code "SMS"
• L'image de contact se change, il suffit de modifier "IMG" par le lien direct de votre image., elle sera automatiquement redimensionnée en 40px*40px.
• Pour rajouter une "case" de SMS reçu, il faut rajouter ce code après la balise "MESSAGE" :

Code:: <table style="position:relative;top:4px;max-width:267px"><tr><td valign="top"><div style="width:30px;height:30px;border-radius:15px;background-color:#fff;background-image:url('IMAGE');background-size: contain;"></div></td><td><div style="max-width:191px;min-height:20px;border-radius:15px;padding:5px 10px 5px 10px;background-color:#3C4043;text-align:justify;color:#ffffff">Texte</div></td></tr></table>

• Pour rajouter une "case" de SMS envoyé, il faut rajouter ce code après la balise "MESSAGE" :

Code:: <br /><table style="position:relative;top:4px;max-width:267px" align="right"><tr><td><div style="max-width:191px;min-height:20px;border-radius:15px;padding:5px 10px 5px 10px;background-color:#469288;text-align:justify;color:#ffffff">Texte</div></td><td valign="top"><div style="width:30px;height:30px;border-radius:15px;background-color:#fff;background-image:url('IMAGE');background-size: contain;"></div></td></tr></table><br />

• La couleur de fond des messages est changeable, comme la police. Pour le fond, c'est "background-color:#3C4043;" (SMS reçu) / "background-color:#469288;" (SMS envoyé) qu'il faut modifier. Pour la police, c'est "color:#ffffff" qu'il faut modifier.

Pour le code "Répondeur"
• Là, rien a changer.

Code

Code "Contacts"

Code:: <center><div style="background-image:url('https://zupimages.net/up/19/22/zwux.png'); width:300px;height:613px;background-size: contain;"><div style="font-size: 13.5px; font-family: arial; font-weight:bold; color:#fff;position:relative;top:44px;left:25px" align="left">Contacts</div><div style="width:250px;height:463px;position:relative;top:54px;left:0px;padding-right:3px;y-overflow:auto;" align="left"><left><table><tr><td><div style="width:40px;height:40px;border-radius:20px;background-color:#fff;background-image:url('IMG');background-size: contain;"></div></td><td><div style="width:auto;margin-left:9px;font-size: 14px; font-family: arial; color:#fff;" align="left">Prénom Nom</div></td></tr><tr><td></td><td><div style="height:1px;width:200px;border-bottom:1px solid #ddd;opacity:0.2"></div></td></tr></table></left><br /></div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Code "SMS"

Code:: <center><div style="background-image:url('https://zupimages.net/up/19/22/quqs.png'); width:300px;height:613px;background-size: contain;"><div style="font-size: 13.5px; font-family: arial; color:#fff;position:relative;top:48px;left:54px" align="left">Prénom Nom</div>
<div style="width:267px;height:434px;position:relative;top:42px;padding-right:3px;overflow-y:auto;overflow-x:hidden" align="left"><br /><table style="position:relative;top:4px;max-width:267px"><tr><td valign="top"><div style="width:30px;height:30px;border-radius:15px;background-color:#fff;background-image:url('IMAGE');background-size: contain;"></div></td><td><div style="max-width:191px;min-height:20px;border-radius:15px;padding:5px 10px 5px 10px;background-color:#3C4043;text-align:justify;color:#ffffff">Texte</div></td></tr></table><br /><table style="position:relative;top:4px;max-width:267px" align="right"><tr><td><div style="max-width:191px;min-height:20px;border-radius:15px;padding:5px 10px 5px 10px;background-color:#469288;text-align:justify;color:#ffffff">Texte</div></td><td valign="top"><div style="width:30px;height:30px;border-radius:15px;background-color:#fff;background-image:url('IMAGE');background-size: contain;"></div></td></tr></table><br /></div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Code "Répondeur"

Code:: <center><div style="background-image:url('https://zupimages.net/up/19/22/ptu7.png'); width:300px;height:613px;background-size: contain;">
<div style="position:relative;top:210px;width:240px;min-height:20px;max-height:230px;overflow:auto; background-color: rgba(60,64,67,.2);border-radius:15px;padding:5px 10px 5px 10px;text-align:justify;color:#fff;"><span style="font-size:30px;font-family:arial;">“</span> <span>Texte</span></div></div><span style ="font-size:8px;color:#DCDBAB">(c) Apomenon</span></center>

Garance Chesnel

Pas de compétences

La "Coderie" de Dahlila Miniature_547_XY

La "Coderie" de Dahlila Miniature_470_XY

La "Coderie" de Dahlila Miniature_152_XY

Pokédollars : 69

Inventaire : - 1 pokéball
- 2 potions
- 1 total-soin
- 1 couveuse shiny

- 1 Plant Baie Oran
- 1 Plant Baie Pêcha
- Holokit

Garance Chesnel

Mar 9 Juin - 15:36

C'est tellement cool tout ça ** Super de voir que nous avons des membres qui savent coder eheheh
Nous serions ravis en tout cas de découvrir la suite de tes créations heart1

Et qui sait ? On sera peut-être amené à te commander quelques codes administratifs/types etc. ? heart

Sarah Dusk

Apprentie Scientifique

La "Coderie" de Dahlila Miniature_147_XY

La "Coderie" de Dahlila Miniature_037_Alola_SL

Pokédollars : 161

Inventaire : - 2 Potions
- 1 Total-Soin
- 2 repousses
- 6 super-repousses
- 1 jeton famille
- 4 dés d'or
(- 1 Masterball)
- 3 Superballs
- 1 Charme Chroma
- Pokédex
- Portable
- Jeton DC

Sarah Dusk

Dim 14 Juin - 16:56

Qu'est-ce qu'ils sont beaux tout ces codes **
J'aime beaucoup celui du mail et de la lettre avec l'enveloppe, l'effet marche très très bien. C'est cool de partager ça avec nous classou

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Ven 19 Juin - 14:10

Garance a écrit:: Et qui sait ? On sera peut-être amené à te commander quelques codes administratifs/types etc. ?

Haha j'en serais honorée, si je suis à la hauteur ! (me tapez pas c'est tout :c)

Sarah a écrit:: J'aime beaucoup celui du mail et de la lettre avec l'enveloppe, l'effet marche très très bien.

Je me suis dit la même chose quand je les ai fait, et de mémoire, y'en a pas beaucoup sur les forums de libre-services, donc je me suis dit, autant en proposer (en plus ça fait beau sur ~~le CV~~ la galerie d'en voir !)

Dahlila Khadidja

Pas de compétences

Pokédollars : 31

Inventaire : - 2 Pokéballs
- 1 Total-Soin
- 1 Potion
- 4 Repousses
- 3 Dés d'Or

Dahlila Khadidja

Dim 19 Juil - 20:31

Hop !
Je poste les images des codages que je viens de finir et que j'utilise (aussi) actuellement sur un autre forum. Y'aura quelques Edits vu que j'ai pas tout le kit.

Contenu sponsorisé

:: Après l'effort ... :: Galerie d'Art

Page 1 sur 1

Tales of Salva

Nos prédéfinis

Forums à l'affiche

A consulter