Code pour faire un "fond de texte" en page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour faire un "fond de texte" en page d'accueil

Message par caballo le Mar 5 Juil - 12:21

Bonjour,

Cela fait plusieurs heures que je fouille internet et ce forum, car j'aimerai comprendre et trouver un code permettant, sur la page d’accueil, de créer plusieurs rubriques de texte, avec pour chacune d'elles un fond comme ici . Également, j'aimerai savoir comment reproduire cet effet de cadre partiel (les deux ligne de vers clair de chaque côté )

si quelqu'un peu m'aider, j'en serait vraiment ravis

merci beaucoup Smile


Dernière édition par caballo le Mar 5 Juil - 13:06, édité 1 fois

caballo
*

Messages : 48
Inscrit(e) le : 24/07/2005

caballo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour faire un "fond de texte" en page d'accueil

Message par Invité le Mar 5 Juil - 12:31

Bonjour,

Ceci se réalise en CSS. Vous entourez le contenu voulu avec une div. Vous donnez une class à cette div, puis vous donnez du style grâce à la feuille de style CSS.
Un exemple:
dans la page d'accueil:
Code:
<div class="fondpa"> Mon Titre <br><br> Mon texte bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla.</div>
Dans la feuille de style CSS:
Code:
.fondpa{
background-color: #ffffff;
border-left: 1px solid #ff0000;
border-right: 1px solid #ff0000;
padding: 5px;}
Ce code donne un fond blanc (background) et une bordure rouge à droite et à gauche( border-left et border-right), "padding" permet despacer le texte du bord.

Cordialement.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour faire un "fond de texte" en page d'accueil

Message par caballo le Mar 5 Juil - 12:38

Merci beaucoup de cette réponse! J'imagine qu'après on peu ettofer le code pour par exemple donner une largeur maximale ou arrondire les angles?

caballo
*

Messages : 48
Inscrit(e) le : 24/07/2005

caballo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour faire un "fond de texte" en page d'accueil

Message par Invité le Mar 5 Juil - 12:49

Oui, tout à fait, il suffit d'ajouter les propriétés CSS dans votre feuille CSS avant l'accolade } qui ferme le paragraphe. Vous pouvez consulter cette page pour avoir une liste des propriétés CSS les plus utilisées.

Cordialement.
avatar

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour faire un "fond de texte" en page d'accueil

Message par caballo le Mar 5 Juil - 12:57

Super merci! J'ai réussit pour l'alignemement, mais pas la largeur maximal.
mon code css:


Code:
.fondpa{
background-color: #ffffff;
border-left: 1px solid #ff0000;
border-radius: 10px;
border-right: 1px solid #ff0000;
padding: 5px;
max-width=200px;}

EDIT : Si c'est bon j'ai mis un égal au lieu des ":" ^^

caballo
*

Messages : 48
Inscrit(e) le : 24/07/2005

caballo a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum