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 2011 - 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 2011 - 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 2011 - 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.

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 2011 - 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 2011 - 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.

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 2011 - 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