METTRE DES IMAGES DIFFERENTES POUR LE TITRE DES BLOCS

5 septembre 2008

METTRE DES IMAGES DIFFERENTES POUR LE TITRE DES BLOCS

Le titre d'un bloc c'est quoi ?

C'est les titres : Catégories, Derniers messages, ect...

Sans_titre_1

Si vous voulez déjà savoir comment faire pour mettre une image c'est ici !

Maintenant si vous voulez mettre des images différentes pour vos blocs, vous devez faire comme ceci :

Dans la feuille de style, copiez le bloc entier .navlinks .title et collez le sous l'autre en ajoutant un 1 comme ceci :

.navlinks .title1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #292103;
font-size: small;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 3px;
border-color: #FFCC33;
      padding: 3px;
      background: url("Adresse de votre nouvelle image") no-repeat 0% 0%;
      height: 90px;
      padding-top: 10px;
}

Il faut coller l'Adresse de la nouvelle image à la place de l'image de base.

Ensuite il faut aller dans page d'accueil et ajouter un 1 à tous les titres de bloc que tu vous voulez changer.

Comme ceci :

<div class="title1">Derniers commentaires</div>

Voilà le tour est joué !

Il faut bien sur ajouter autant de bloc (entier) .navlinks .title { que vous voulez d'image différentes, en ajoutant un chiffre supérieur à chaque fois dans le nouveau bloc (dans la feuille de style).

.navlinks .title1 { .navlinks .title2 { .navlinks .title2 {

Et changer aussi dans la page d'accueil le titre du bloc :

<div class="title1">Derniers commentaires</div>
<div class="title2">Derniers commentaires</div>
<div class="title3">Derniers commentaires</div>

Posté par Demolite à 11:51 - Commentaires […] - Permalien [#]

Tags: Blocs, Images, titre