[FAQ] Personnaliser sa description

[Khelsiin]

Voilà, je t'ai envoyé un mail, Rium.

Je te remercie d'avoir pris le temps de me répondre.

[Maëlle]

Bonjour tout le monde,

Je me permet de partager avec vous ma dernière tentative de page de description. C'est un modèle de description sans prétention mais ça peut intéresser du monde. Je me suis pas mal inspiré de ce que j'ai vu de plus joli à droite à gauches sur les descriptions des copains donc si ça ressemble à quelque chose que vous avez déjà vu, c'est normal ! Le code (à personnaliser) ressemble à ça :

Béryl Jaspenimbes

J'ai utilisé ton code, que j'ai légèrement réadapté à ma sauce.
Merci.
Je suis trop mauvais en CSS et j'ai aucun goût. Mais grâce à toi, ceci ne se verra pas sur mon perso.

Un très grand merci à tous les deux. A Béryl, d'abord, pour la super base que tu nous as partagée , qui permet de se lancer dans une illustration personnalisée de qualité, sans maîtriser pour autant HTML et les CSS - le bons sens, la rigueur et la patience suffisent. A Mélendis, pour ton témoignage d'adaptation possible de ce charabia pour les néophytes en la matière : oui, on peut profiter d'un cadre costaud sans se taper une formation aux langages du Web, et changer les couleurs, les formes, les polices, les images... Ensuite, pour ces changements, il faut surfer un peu sur Internet pour obtenir le code HTML de chaque machin, quand même, mais on s'y fait.

Grâce à vous deux, et aussi au long fil de discussion des autres (merci aussi), j'ai eu la gnaque pour m'accrocher toute la journée, avec la tentation régulière de m'adresser à Rium - mais non : pas besoin ! - et en sortir finalement un beau résultat toute seule. Je passe d'une image bidouillée en avatar avec texte en-dessous - c'est ce que j'ai eu pendant presque dix ans d'ODC -, à ça ! (Rdv en jeu pour en voir davantage.) Trop bien. Trop contente.

[Mélendis Oximort]

Avec plaisir

Effectivement, avec quelques bases en HTML/CSS (ou tuto sur le net), on arrive très facilement à mettre notre touche perso à la base solide de Béryl Jaspenimbes.

Je suis déçu, je vais devoir attendre de te croiser EJ

[Cornelius]

Bonjour, j'ai lue l’entièreté de ce forum (pas en détail) mais j'ai compris une grosse partie. Donc j'ai plusieurs questions :
- Dans la modification de description j'ai vu un truc galerie des portraits à quoi cela correspond ?
- Quelqu'un a un site ou un document qui résume le code Html/Css qui peu être utile ?
- Et quelqu'un a un moyen d'avoir une bonne image pour ma description ou s'il faut que j'aille sur déviant art et les autres sites du genre.

[Rium]

- Dans la modification de description j'ai vu un truc galerie des portraits à quoi cela correspond ?

Il s'agit d'une série d'images pour ceux qui veulent utiliser un de ces portraits pour illustrer leur personnage.

- Quelqu'un a un site ou un document qui résume le code Html/Css qui peu être utile ?

Pas vraiment… En même temps, rien ne t'oblige à utiliser du HTML. Tu peux faire un simple texte.

- Et quelqu'un a un moyen d'avoir une bonne image pour ma description ou s'il faut que j'aille sur déviant art et les autres sites du genre.

En effet, il faut fouiller le net pour trouver une image qui pourrait te correspondre.

[Gun'Dra]

- Quelqu'un a un site ou un document qui résume le code Html/Css qui peu être utile ?

Yo !
C'est pas vraiment un résumé mais c'est segmenté correctement.
https://www.w3schools.com/css/default.asp https://www.w3schools.com/html/default.asp

[Harriet Sourameau]

Salutations !

Juste un petit mot pour remercier Béryl Jaspenimbes dont je me suis permis d'utiliser le code.

[Béryl Jaspenimbes]

Salutations !

Juste un petit mot pour remercier Béryl Jaspenimbes dont je me suis permis d'utiliser le code.

Ne le remercie pas trop fort quand même, il risquerait de se réveiller.

[Azaenor]

Petit exemple en lien avec la question du discord :

Code : Tout sélectionner

<!--

1.BORDURES DROITE/GAUCHE 
--><center><fieldset style="border: 0px; border-bottom: 0px; width: 1200px; min-height: 900px; border-radius: 10px; padding: 0px; padding-left: 10px; padding-right: 10px; margin: 10px; margin-left: 20px;"><!--

2.IMAGE DE FOND
--><fieldset style="border: 4px solid #ff8ffd; width: auto; min-height: 800px; padding: 0px; border-radius: 0px; background-image: url('https://img.freepik.com/photos-gratuite/jelly-worms-guimauves_23-2147689711.jpg?w=1380&amp;t=st=1683555123~exp=1683555723~hmac=367ec0b61abd26f955e0ef193fa371ead0cfaef9b0a3095985394b9dafd4b641');"><!-- 

3.NOM DU PERSONNAGE
-->
<div style="float: left; position: relative; bottom: -50px; padding: 10px; font-family: cardinal; color: #088a08; text-align: justify; font-size: 18px; line-height: 1.1; border-radius: 80px; border-top-left-radius: 80px; border-top-right-radius: 80px; opacity: 1; width: 40%; height: auto; margin: 5px; margin-left: 260px; margin-top: 10px;"><center>
<div style="font-size: 50px; color: #ff8ffd; font-family: cardinal, Old London, cloister black; font-weight: bold; text-shadow: 5px 10px 10px #000000; margin-top: https://www.paintingmania.com/arts/henri-martin/large/village-street-235_41159.jpg?version=16.12.09 -20px;"><span style="font-size: 85px;">Roi-Sorcier d'Angmar</span></div>
</center></div>
<!--

3.IMAGE DU PERSONNAGE
-->
<div style="float: left; background-image: url('https://www.worldanvil.com/uploads/images/4b92257c13ca71c6095e8234afabdc81.jpg'); background-size: 480px; border: 5px solid #ffffff; width: 360px; height: 590px; margin-left: 15px; border-radius: 180px; border-top-left-radius: 180px; border-bottom-left-radius: 180px; margin: 40px; margin-top: 50px; box-shadow: 0px 10px 20px black;">&nbsp;</div>
<!--

4.DESCRIPTION DU PERSONNAGE
-->
<div style="float: right; background-color: rgba(500, 50, 500, 0.4); border: 2px solid #ffffff; padding: 25px; font-family: georgia; color: #ffffff; line-height: 1.1; border-radius: 20px 200px 200px 20px; opacity: 1; font-size: 1.2em; box-shadow: black 0px 10px 20px; width: 50%; height: 500px; margin: 70px 40px 40px; text-align: justify;">
<h2 style="text-align: center;">- Anciennement humain -</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Dumque ibi diu moratur commeatus opperiens, quorum translationem ex Aquitania verni imbres solito crebriores prohibebant auctique torrentes, Herculanus advenit protector domesticus, Hermogenis ex magistro equitum filius, apud Constantinopolim, ut supra rettulimus, populari quondam turbela discerpti. quo verissime referente quae Gallus egerat, damnis super praeteritis maerens et futurorum timore suspensus angorem animi quam diu potuit emendabat.</p>
<p>Auxerunt haec vulgi sordidioris audaciam, quod cum ingravesceret penuria commeatuum, famis et furoris inpulsu Eubuli cuiusdam inter suos clari domum ambitiosam ignibus subditis inflammavit rectoremque ut sibi iudicio imperiali addictum calcibus incessens et pugnis conculcans seminecem laniatu miserando discerpsit. post cuius lacrimosum interitum in unius exitio quisque imaginem periculi sui considerans documento recenti similia formidabat.</p>
<p>&nbsp;</p>
</div>
</fieldset></fieldset></center>