02-04-2007

COMMENT ARRONDIR LES ANGLES DE "CONTENT"

A la demande de Bycrispy, voici comment "Arrondir les angles" de votre page des messages, autrement dit de "content".

Capture2

Rendez-vous dans la "feuille de style générale" et "collez" le code suivant juste en dessous de "content" comme sur la capture.

.fullsample {
        width: 450px;
        border-radius: 10px 10px;
        -moz-border-radius: 10px;
        background-color: #CCCCCC;
        padding: 5px;
}

Capture4

Si votre page de message (content) fait "500px" vous devez laisser "Width: 450px"
si, elle est plus grande, augmentez la valeur de "Width"

Pour changer la couleur du fond modifiez : background-color: #CCCCCC;

Maintenant vous pouvez "validez" et ouvrir la "page d'accueil"

Repérez <div id="content"><div class="blogbody"> et collez le code suivant comme sur la capture.

<div class="fullsample">

</div>

Capture5
Agrandir l'image

Le <div class="fullsample"> doit être en tout début de "content" et le </div> tout à la fin.

Avant le commencement de la colonne de droite qui est juste en dessous
<div id="rightbar"><div class="navlinks">

Pour que toutes vos pages soient identiques, vous devez "répéter l'opération sur  les autres pages".

Si vous voulez l'appliquer aussi à "vos colonnes", vous devez créer un deuxième bloc, et ajouter un 2 pour le différencier du premier. vous le placez sous #rightbar comment sur la capture.

.fullsample2 {
        width: 450px;
        border-radius: 10px 10px;
        -moz-border-radius: 10px;
        background-color: #CCCCCC;
        padding: 5px;
}


Capture6

et vous ajoutez Le <div class="fullsample2"> dans la page d'accueil en tout début de "rightbar" et le </div> tout à la fin, comme pour "content".

Capture7
Agrandir l'image

Même chose pour la  colonne de gauche "leftbar" sauf que vous n'avez pas besoin de recréer un bloc dans la "feuille de style", comme les colonnes sont de la même dimensions, il y a juste à placer le :

<div class="fullsample2"> et </div>

dans la page d'accueil comme pour "rightbar".

Voilà, j'espère que c'est assez clair...sinon n'hésitez pas à demander de l'aide.

Posté par Demolite - Permalien [#]
Tags : , ,