[FAQ] Personnaliser sa description

Forum Hors Jeu dédié aux questions des nouveaux joueurs (plus d'infos)

Modérateurs : MJs, MJs Baie

Répondre
Rium
MJ Technique
Messages : 1813
Enregistré le : 20 juin 2009, 17:34

Re: [FAQ] Personnaliser sa description

Message par Rium »

Sssis' Ssong Zouh a écrit : Voici UN modèle de fiche simplifié de base pour ceux qui débutent et connaissent rien en HTML. en voici le code à coller dans votre prez, à compléter par vos informations de PJ. ça sera toujours plus plaisant que le "rien" du début.
Merci, très bonne initiative :-)

Je me permets de mettre une version corrigée de ton code afin qu'il soit allégé, avec des balises plus correctes, et dont le rendu est exactement le même

Code : Tout sélectionner

<div style="text-align:center; background-color: none;border-radius: 0px; width:600px;font-size: 15px; font-family: arial;color: #ffffff;padding:0px; padding-left:15px; padding-right:15px; border-left: 12px solid #00aa00; border-right: 12px solid #00aa00;padding-bottom: 0px; white-space:normal">       
  %image%
  <div style="font-size:18px; color: #ffffff; padding-bottom:10px; line-height:18px">race</div>
  <div style="font-size:28px; color:#fffe58; font-weight:bold; line-height:28px">Nom du Perso</div>
  <p style="text-align:justify; padding-bottom:20px">Description..... Sed ut tum ad senem senex de senectute, sic hoc libro ad amicum amicissimus scripsi de amicitia. Tum est Cato locutus, quo erat nemo fere senior temporibus illis, nemo prudentior; nunc Laelius et sapiens (si cenim est habitus) et amicitiae gloria excellens de amicitia loquetur. Tu velim a me animum parumper avertas, Laelium loqui ipsum putes. C. Fannius et Q. Mucius ad socerum veniunt post mortem Africani; ab his sermo oritur, respondet Laelius, cuius tota disputatio est de amicitia, quam legens te ipse cognosces. Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti turgida supra modum, quam Hannibaliano regi fratris filio antehac Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui paulatim eruditiores facti processu temporis ad nocendum per clandestinos versutosque rumigerulos conpertis leviter addere quaedam male suetos falsa et placentia sibi discentes, adfectati regni vel artium nefandarum calumnias insontibus adfligebant.</p>
</div>
Fichiers joints
Capture.PNG
Capture.PNG (182.46 Kio) Vu 7602 fois
Sssis' Ssong Zouh
Messages : 11
Enregistré le : 11 juil. 2017, 00:45

Re: [FAQ] Personnaliser sa description

Message par Sssis' Ssong Zouh »

Ouah ! merci Rium ! super. :o je fais encore des erreurs c'est sûr. je vais potasser ça ! :idea: :mrgreen:
Avatar du membre
Islone
Messages : 15
Enregistré le : 12 oct. 2017, 10:58

Re: [FAQ] Personnaliser sa description

Message par Islone »

Du coup merci Sssis, grâce à ton astuce on obtient une présentation déjà bien plus propre. :)
Carlorine
Messages : 2
Enregistré le : 26 sept. 2018, 12:51

Re: [FAQ] Personnaliser sa description

Message par Carlorine »

Bonjour

ba je suis très béotienne en la matière et j'essaie de faire quelque chose de jolie en présentation, ce qui ressemble plutôt pour l'instant à un powerpoint de collégien de fait.
même en m'assistant des cours proposés sur le forum pour s'améliorer en html, il y a des formules qui ne semblent pas correspondre, de fait je veux mettre une image en background plutôt qu'un fond bleu sous acide, mais la formule proposé pour y parvenir échoue immanquablement quelque soit mes tentatives et les différentes solutions dont j'use.
Quelqu'un pourrait il donc m'assister pour que je fasse la présentation rêvée ? ^w^
Rium
MJ Technique
Messages : 1813
Enregistré le : 20 juin 2009, 17:34

Re: [FAQ] Personnaliser sa description

Message par Rium »

Carlorine > envoie moi un email en m'expliquant ce que tu essaies de faire, et je t'aiderai.
Avatar du membre
Eymindalë Lomorwenn
Messages : 81
Enregistré le : 04 mars 2018, 21:25

Re: [FAQ] Personnaliser sa description

Message par Eymindalë Lomorwenn »

Bonjour... Ou bonsoir :)

Dans ma description, je souhaite mettre l'image à gauche, le texte à droite, les deux étant alignés. Mais je n'y parviens pas (je ne trouve pas quel code HTML5 utiliser).

A l'aide, svp :)
Avatar du membre
Jala
Messages : 43
Enregistré le : 16 oct. 2013, 21:03

Re: [FAQ] Personnaliser sa description

Message par Jala »

En attendant qu'un pro te réponde peut-être plus précisément, je te propose de tester ça :

Code : Tout sélectionner

<TABLE BORDER=0> 
<TD> <img src="urlimage"> </TD> 
<TD> <P align=left><font color=#000000>Texte</font></P></TD></TABLE>
Image
Avatar du membre
Eymindalë Lomorwenn
Messages : 81
Enregistré le : 04 mars 2018, 21:25

Re: [FAQ] Personnaliser sa description

Message par Eymindalë Lomorwenn »

Merci Jala.
Ta description est au top, d'ailleurs !
Avatar du membre
Zekler
Messages : 89
Enregistré le : 01 oct. 2017, 19:38

Re: [FAQ] Personnaliser sa description

Message par Zekler »

Table marche bien, sinon tu peux utiliser les inline-block. J'ai un truc comme ça dans ma description pour mettre l'image à gauche :


<div style="position:relative;display:inline-block;float:left;">
<i>Description de l'image en italique</i>
%Image%
</div>

Float:left pour qu'il aille à gauche
Inline block pour qu'on puisse aligner plusieurs blocs sur la même ligne.

Les deux solutions peuvent marcher.
Zekler, le personnage qui fait des étincelles ! :lol:
Pas membre du Cercle !
Avatar du membre
Jala
Messages : 43
Enregistré le : 16 oct. 2013, 21:03

Re: [FAQ] Personnaliser sa description

Message par Jala »

Eymindalë Lomorwenn a écrit : 05 nov. 2018, 07:46 Merci Jala.
Ta description est au top, d'ailleurs !
De rien et merci à toi. J'avoue je fais l'image sur photofiltre ou photoshop, ça me permet de me battre le moins possible avec les codes (un côté un peu flemmarde du html même s'il y en a tout de même sur ma fiche).
Par contre pour que ton fond soit plus harmonieux, tu peux supprimer le

Code : Tout sélectionner

background-repeat: repeat
, ton image devrait être assez grande pour toute la fenêtre.
Image
Répondre