Mettre en valeur un texte en l'encadrant
Page 1 sur 1•Partagez
- Splash
StaffAdmin - Code:
p.encadrement {
background:#dbe0ef;
border:1px dotted black;
border-radius: 5px;
padding:10px;
}- Code:
<p class="encadrement">[b]Le passage de Lorem Ipsum standard, utilisé depuis 1500[/b]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>- Code:
border:1px dotted black;
Hi,
Voici une petite astuce qui pourra vous servir pour agrémenter vos textes.
Pour cette astuce il faut que le HTML soit activé sur le forum et dans le profil
Premièrement il faut créer une class que l'on va nommer encadrement
Ensuite pour la décoration on va jouer sur :
- Une couleur de fond (background)
- Une épaisseur pour la bordure du cadre (border)
- On défini comment est ce cadre et de quelle couleur*
- On ajoute des coins arrondis à ce cadre (border-radius)
- On joue sur l'espace entre le texte et le cadre (padding)
Direction la feuille de style CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code :
Pour encadrer votre texte il faut l'écrire entre des balises :
Ce qui donnera à l'écran :
*Cette ligne de code :
Elle définie que le cadre à une bordure de 1px, qu'il est en pointillé et de couleur noire
Style de bordures :
Huit styles sont possibles :
- dotted (pointillé)
- dashed (tirets)
- solid (solide)
- double (double)
- groove (rainurée)
- ridge (relief)
- inset (relief intérieur)
- outset (relief extérieur)
À bientôt
Voici une petite astuce qui pourra vous servir pour agrémenter vos textes.
Pour cette astuce il faut que le HTML soit activé sur le forum et dans le profil
Premièrement il faut créer une class que l'on va nommer encadrement
Ensuite pour la décoration on va jouer sur :
- Une couleur de fond (background)
- Une épaisseur pour la bordure du cadre (border)
- On défini comment est ce cadre et de quelle couleur*
- On ajoute des coins arrondis à ce cadre (border-radius)
- On joue sur l'espace entre le texte et le cadre (padding)
Direction la feuille de style CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code :
Pour encadrer votre texte il faut l'écrire entre des balises :
Ce qui donnera à l'écran :
Le passage de Lorem Ipsum standard, utilisé depuis 1500
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
*Cette ligne de code :
Elle définie que le cadre à une bordure de 1px, qu'il est en pointillé et de couleur noire
Style de bordures :
Huit styles sont possibles :
- dotted (pointillé)
- dashed (tirets)
- solid (solide)
- double (double)
- groove (rainurée)
- ridge (relief)
- inset (relief intérieur)
- outset (relief extérieur)
À bientôt
- LilaCH
Membre
Merci beaucoup !
- chrisnvidia
Membre
Merci beaucoup !
- Passiflore
Membre
Merci beaucoup !
- Lilas
Membre
Trop joli. Merci Splash.
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Ven 19 Juil 2024 - 23:11 par Noxys
» » Bouton MP "Répondre" adapté à la version ModernBB
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 10:07 par NIK SIURI
» » Centrer l'avatar, le pseudo & le rang dans les messages
Mer 31 Jan 2024 - 10:06 par NIK SIURI
» » Modifier l'icône "On-line"
Mar 23 Mai 2023 - 19:15 par Kionk