Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

Milouze14


Fondateur

Milouze14

Message posté: le Lun 26 Nov 2012 - 7:29
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 .





Fondateur des forums Milouze14

- Contact par MP -



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

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

  
  • © PunBB | Signaler un abus