Personnaliser les annonces avec une couleur de fond

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
coucou ,

les annonces par défaut sont un peu comme ceci:



C'est pas très esthétique, on va changer tout çà


Pour le tuto on part du même principe de la structure suivante:

Général/Messages et Emails/Annonces/Options générales des annonces





On va personnaliser notre annonce avec la balise
Code:
<p>
Code:
<p>Message numéro 1</p>



Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Collez ceci:
Code:

/*On positionne le bloc a gauche*/
#fa_ticker_block
{
position:absolute;
left:5px;
top:50px;
}
/*On supprime les bordures et la couleur de fond*/
#fa_ticker_block .forumline
{
background:none;
border:none;
}
/*On personnalise le bloc dans sa totalite avec une couleur de fond*/
#fa_ticker_block .forumline td.row1
{
background:black;
border:1px solid orange;
width:196px;
height:196px;
color:darkred;
font-size:13px;
}
/* On applique une hauteur et une largeur a l annonce seule*/
.fa_ticker_content p
{
width:160px;
height:60px;
margin-left:auto;
margin-right:auto;
}

Le résultat:





Modifiez à votre convenance la CSS clin oeil .

Pensez bien à valider les modifications en cliquant sur le bouton Valid


Voilà, c'est tout pour le moment clin oeil .



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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