[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 Kiera Sorcha » 03 févr. 2020, 15:24

Je vous remercie pour vos conseils, votre attention et votre temps...

mais finalement, j'ai trouvé le temps de faire mon propre code (avec bien plus de CSS que je maitrise finalement mieux).
Je vous mets le code, pour satisfaire votre curiosité :

Code : Tout sélectionner

<!DOCTYPE html> <html> <head> <style> div.background { opacity : 0,5; background: url(http://fredetsev.eu/galeriesLR/weekend_07_2014_konigsee/content/images/large/IMG_3577.jpg); width : 1024px; height : 683px; border: 2px solid black; } div.transbox { margin: 30px; background-color: #ffffff; border: 1px solid black; opacity: 0.7; filter: alpha(opacity=60); /* For IE8 and earlier */ } div.transbox { margin: 5%; font-weight: bold; color: #000000; } div.imgperso { margin:30px; background: url(http://fredetsev.eu/Kiera/kiera_sorcha.jpg); border : 2px solid grey; width : 288px; height : 181px; position: relative; top: -550px; right: -100px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19); z-index :2; } div.description { margin:30px; border : 2px solid grey; width : 590px; height : 350px; position: relative; top: -750px; right: -250px; z-index : 1; } h1 { font-family:palatino linotype; font-size :20px; text-align :center; } h2 { font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; font-size : 14px; text-align : justify; line-height: 20px; margin : 50px; } </style> </head> <body> <!-- 3.NOM DU PERSONNAGE --> <div class="background"> <div class="transbox"> <p><h1>Kiera Sorcha</h1></p> </div> </div> <!-- Image perso --> <div class="imgperso";> </div> <div class="description transbox";> <h1> - Race du perso- </h1> <h2> description du perso avec inclusion de balises br pour la mise en forme des différents paragraphes.</h2> </div> </body> </html> </body> </html>

Re: [FAQ] Personnaliser sa description

Message par Rium » 03 févr. 2020, 12:20

Plop, j'ai tenté une personnalisation de ma fiche de perso, mais j'ai un peu de mal avec le positionnement de l'image (dès que j'adapte à la taille de mon image, elle change de place ^^) et les arrondis de la bordure que je voudrais enlever.

Un petit coup de main, siouplait. ?
Tu peux m'envoyer un email sinon (rium@jdr-odyssee.net) si tu veux que je t'aide (en me disant ce que tu souhaites exactement).

Re: [FAQ] Personnaliser sa description

Message par Béryl Jaspenimbes » 02 févr. 2020, 23:04

Plop à toi aussi du coup. :D

Les arrondis sont donnés par l'attribut "border" parfois suivit de chose comme "-top-left" ou "-bottom-right" (s'il est nécessaire de spécifier le coin concerné) puis terminé par "-radius : *valeur*px;" où *valeur* est un chiffre qui correspond à l'amplitude de l'arrondi.

Exemple :

Code : Tout sélectionner

border-top-left-radius: 26px;
En ce qui concerne la position de l'image j'ai du mal à voir ce que tu veux dire. Te serait-il possible de poster le code dysfonctionnel (avec la description du personnage en elle-même remplacée par un texte lambda) pour que l'on puisse voire ce qui cloche ?

Re: [FAQ] Personnaliser sa description

Message par Kiera Sorcha » 01 févr. 2020, 12:13

Plop, j'ai tenté une personnalisation de ma fiche de perso, mais j'ai un peu de mal avec le positionnement de l'image (dès que j'adapte à la taille de mon image, elle change de place ^^) et les arrondis de la bordure que je voudrais enlever.

Un petit coup de main, siouplait. ?

Re: [FAQ] Personnaliser sa description

Message par Béryl Jaspenimbes » 14 nov. 2019, 09:31

Ma foi ça à l'air très joli tout ça Mélendis.

Au plaisir de te rencontrer en jeu pour lire ta description. :)

Re: [FAQ] Personnaliser sa description

Message par Mélendis Oximort » 13 nov. 2019, 22:10

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

Re: [FAQ] Personnaliser sa description

Message par Daghild » 07 mai 2019, 16:52

C'est bon, ça a marché !!
Le problème n'était pas la taille, mais la façon dont j'ai enregistré mon personnage qui bloquait. Merci beaucoup quand même ! :D

Re: [FAQ] Personnaliser sa description

Message par Daghild » 07 mai 2019, 06:39

Ok, merci je vais voir si c'est ça qui bloque.

Re: [FAQ] Personnaliser sa description

Message par Gun'Dra » 05 mai 2019, 20:54

Coucou à tous,
C'est génial ce que vous faites avec l'HTML ! :shock:
Cela n'a rien à voir mais j'ai créer un avatar pour le forum avec mapple story ( un des sites que Rium recommandait au premier post )
Le problème est que une fois téléchargé, je ne parvenais pas à mettre mon avatar sur le site.
Quelqu'un peu m'aider ?
C'est sans doute ton image qui est trop grosse...
Le maximum étant de 120px*150px, je te conseille de la redimensionner à l'aide de ton logiciel de retouche photo préféré.

ps: ça marche aussi sur Paint.

Re: [FAQ] Personnaliser sa description

Message par Daghild » 05 mai 2019, 14:46

Coucou à tous,
C'est génial ce que vous faites avec l'HTML ! :shock:
Cela n'a rien à voir mais j'ai créer un avatar pour le forum avec mapple story ( un des sites que Rium recommandait au premier post )
Le problème est que une fois téléchargé, je ne parvenais pas à mettre mon avatar sur le site.
Quelqu'un peu m'aider ?

Haut