[FAQ] Personnaliser sa description

Répondre


Afin d’empêcher la création automatisée de comptes, nous vous demandons de réussir le défi ci-contre.
Smileys
:D :) ;) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :| :mrgreen: :geek: :ugeek:

Les BBCodes sont désactivés
Les smileys sont activés

Revue du sujet
   

Étendre la vue Revue du sujet : [FAQ] Personnaliser sa description

Re: [FAQ] Personnaliser sa description

Message par Mélendis Oximort » 21 mai 2020, 21:06

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 ;)

Re: [FAQ] Personnaliser sa description

Message par Maëlle » 21 mai 2020, 20:41

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. ;)

Image
Un très grand merci à tous les deux. :D A Béryl, d'abord, pour la super base que tu nous as partagée :idea: , 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. :mrgreen:

Re: [FAQ] Personnaliser sa description

Message par Khelsiin » 04 avr. 2020, 11:40

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

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

Re: [FAQ] Personnaliser sa description

Message par Rium » 04 avr. 2020, 09:45

Bonjour,

Voulant me lancer dans l'aventure de la personnalisation de description mais n'y connaissant pas grand chose en html et css, je me suis dit que je ferai apparaitre une image (qui est trop grosse pour être directement uploader évidemment ^^). Je vous ai lu, j'ai pas tout compris, j'ai cherché sur le net et j'ai abouti à cela qui ne fonctionne pas.

Code : Tout sélectionner

<!DOCTYPE html> <html> <head> <title>description</title> </head> <body> <img src="url de mon image" width="960" height="540" /> </body> </html>
Toutes les balises m'ont l'air fermé. Du coup, je ne sais pas trop. Si vous aviez une aide a me donner. J'ai peut être mal écrit un truc. Pourtant, ça m'avait l'air simple. Peut être que cela vient de mon image que j'ai uploadé. J'ai essayé en jpeg et en png. Je me suis dit cela pouvait venir de là mais pas de différence.

Je vous remercie d'avance.

Je suis preneur également d'une critique sur la taille de l'image. Si elle vous parait trop grosse, trop petite, pour un affichage agréable sur l'écran, je vous remercie de me le dire. Parce que je fais ça pour que les autres joueurs soient contents de voir une belle description (et un peu pour moi aussi ^^)
Il ne faut pas mettre toutes les balises d'une page HTML ! Seulement celles de ton contenu. Je t'invite à me contacter par email sur rium@jdr-odyssee.net avec ton code complet et ton image en pièce jointe afin que je puisse t'aider au mieux.

Re: [FAQ] Personnaliser sa description

Message par Khelsiin » 04 avr. 2020, 04:32

Bonjour,

Voulant me lancer dans l'aventure de la personnalisation de description mais n'y connaissant pas grand chose en html et css, je me suis dit que je ferai apparaitre une image (qui est trop grosse pour être directement uploader évidemment ^^). Je vous ai lu, j'ai pas tout compris, j'ai cherché sur le net et j'ai abouti à cela qui ne fonctionne pas.

Code : Tout sélectionner

<!DOCTYPE html> <html> <head> <title>description</title> </head> <body> <img src="url de mon image" width="960" height="540" /> </body> </html>
Toutes les balises m'ont l'air fermé. Du coup, je ne sais pas trop. Si vous aviez une aide a me donner. J'ai peut être mal écrit un truc. Pourtant, ça m'avait l'air simple. Peut être que cela vient de mon image que j'ai uploadé. J'ai essayé en jpeg et en png. Je me suis dit cela pouvait venir de là mais pas de différence.

Je vous remercie d'avance.

Je suis preneur également d'une critique sur la taille de l'image. Si elle vous parait trop grosse, trop petite, pour un affichage agréable sur l'écran, je vous remercie de me le dire. Parce que je fais ça pour que les autres joueurs soient contents de voir une belle description (et un peu pour moi aussi ^^)

Re: [FAQ] Personnaliser sa description

Message par Jyk'O » 03 avr. 2020, 14:51

Euh bah dans ce cas, je te propose que je t'aide en message privé. J'ai déjà joué un peu avec, en ce moment j'ai du temps et je pense que je peux t'aider pour tout ce que tu veux faire et ça évitera de spammer ici ;)

Re: [FAQ] Personnaliser sa description

Message par Joana-lyne Vendunor » 03 avr. 2020, 14:37

Tout à fait, un grand merci :) J'ai réussi !

Je jongle avec ce code aussi, ce qui n'est pas évident, mais sacrément utile d'avoir une base !!

Je me trouve confrontée à un nouveau questionnement :

1- comment réduire la marge entre le bord du cadre et le nom du personnage ?
2- comment agrandir la largeur du bloc flottant où l'on met la description du personnage ? Je voudrais qu'il soit plus "collé" au cartouche de l'image du perso mais rien n'y fait :(

Re: [FAQ] Personnaliser sa description

Message par Jyk'O » 03 avr. 2020, 11:03

Bonjour à tous :)

Melendis, dis moi, comment as tu changé le code pour rendre le cadre carré et non semi arrondi ? Tu peux nous envoyer un extrait du code ?

J'ai une grande description et comme la forme du texte est carrée, elle déborde des endroits arrondis ^^

Merci d'avance,
Pour jouer avec les arrondis des coins de la description du perso, faut regarder le paragraphe 4 du code de Béryl et jouer avec les paramètres border-radius:xxpx et border-top-right-radius: 100px; border-bottom-right-radius: 100px
Si tu veux que ça soit un angle droit, tu peux laisser que le premier et mettre 0 ;)

J'en profite pour remercier moi aussi Béryl car j'utilise aussi sa base de code \o/

Re: [FAQ] Personnaliser sa description

Message par Joana-lyne Vendunor » 03 avr. 2020, 10:41

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. ;)

Image

Bonjour à tous :)

Melendis, dis moi, comment as tu changé le code pour rendre le cadre carré et non semi arrondi ? Tu peux nous envoyer un extrait du code ?

J'ai une grande description et comme la forme du texte est carrée, elle déborde des endroits arrondis ^^

Merci d'avance,

Haut