Chuu's Adventures
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
Votre texte.


Code:
<div>Votre texte.</div>

Pour rappel : span = ligne / div = bloc

Votre texte


Code:
<div style="placez ici le css">Votre texte</div>

Etape 2 : Mise en forme de paragraphe  Y9jh
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify;">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div></center>
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
 
Ceci est un titre
et même pas peur, j'mets un sous-titre!

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" />   <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span><br /><span style="color: #cc7e08; font-variant: small-caps; font-size: 12px; display: block; margin-right: auto; margin-left: auto; margin-top: -15px ">et même pas peur, j'mets un sous-titre!</span></center>
<center><div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify;">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div></center>
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
 
Ceci est un titre
et même pas peur, j'mets un sous-titre!

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" />   <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span><br /><span style="color: #cc7e08; font-variant: small-caps; font-size: 12px; display: block; margin-right: auto; margin-left: auto; margin-top: -15px ">et même pas peur, j'mets un sous-titre!</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>

Ajout du code : display: block; margin-right: auto; margin-left: auto; margin-top: -15px dans le div pour remonter le bloc vers le titre (comme on a remonté dans le span le titre vers l'image)
Ajouter les marges auto permet aussi d'enlever la balise center au div
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
 
Ceci est un titre

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://zupimages.net/up/23/23/z2nx.jpg" />   <img src="https://zupimages.net/up/23/23/a1lg.jpg" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -10px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
Ceci est un titre

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://zupimages.net/up/23/23/rb1s.png" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>

(Attention, l'image ne se redimensionne pas toute seule. Il faut du 400xp en largeur)
ChuuchanFr
ChuuchanFr
Messages : 29
Date d'inscription : 06/06/2023
https://chuu-adventures.forumactif.com
Etape 2 : Mise en forme de paragraphe  Rb1s
Ceci est un titre

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.



Code:
<center><img src="https://zupimages.net/up/23/23/rb1s.png" alt="" style="width: 400px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>


Etape 2 : Mise en forme de paragraphe  Df76bedfb22db3efee6d88bca2c91ff9
Ceci est un titre

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://i.pinimg.com/564x/df/76/be/df76bedfb22db3efee6d88bca2c91ff9.jpg" alt="" style="width: 400px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 400px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>

==> Dans ces deux fiches, l'image est redimensionné automatiquement au niveau de la largueur : 400px. Cependant la hauteur s'adapte et donc change
Donc, pour une image et un bloc plus grand il faut modifier les largeurs : style="width: 400px dans le titre (span) ET dans le bloc (div) div style="width: 400px;

Etape 2 : Mise en forme de paragraphe  Df76bedfb22db3efee6d88bca2c91ff9
Ceci est un titre

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.


Code:
<center><img src="https://i.pinimg.com/564x/df/76/be/df76bedfb22db3efee6d88bca2c91ff9.jpg" alt="" style="width: 500px;" /></center><center><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&family=Pacifico&display=swap" rel="stylesheet"><span style="font-family: pacifico; font-size: 30px; letter-spacing: 5px; color: #ccaf08; text-transform: capitalize; display: block; margin-right: auto; margin-left: auto; margin-top: -15px">Ceci est un titre</span></center>
<div style="width: 500px; background-color: #f0edcc; border: 2px solid #ccaf08; color: #cc7e08; text-shadow: none; padding: 4px; font-family: trebuchet; letter-spacing: 1px; text-align: justify; display: block; margin-right: auto; margin-left: auto; margin-top: -22px">Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.

Ideoque fertur neminem aliquando ob haec vel similia poenae addictum oblato de more elogio revocari iussisse, quod inexorabiles quoque principes factitarunt. et exitiale hoc vitium, quod in aliis non numquam intepescit, in illo aetatis progressu effervescebat, obstinatum eius propositum accendente adulatorum cohorte.</div>
Contenu sponsorisé
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum