Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

02 décembre 2010

Encadrer le titre de vos articles

Posté par Demolite - Dans la catégorie Canalblog
Tags : , , , ,

Voici comment encadrer le titre de vos messages.

Ouvrez votre feuille de style et descendez sur le bloc suivant :

.blogbody h3 {
    font-family: Georgia, Times New Roman, Times, serif;
    color: #4D191B;
    font-size: medium;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    text-align: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #000000;

    margin-bottom: 10px;
    padding: 0px;
}

Vous devez remplacer les "none" des lignes border, par "solid" pour un cadre plein, ou "dotted" pour un cadre en pointillés, ou encore "ridge"  pour un cadre en relief..."dotted" "outset" "inset" "double" "groove" (compatibilité à vérifier d'un navigateur à l'autre...)

Ajoutez un code couleur si il n'y en a pas, sur la ligne border-color: #000000;
Vous pouvez épaissir le cadre avec la ligne border-widht:1px; en augmentant la valeur.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



« Accueil 1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41