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 Mer 6 Juin 2012 - 7:21
coucou ,

nous allons voir comment placer une bannière supplémentaire avec une redirection
quelconque hinhin .

Pour cela il faudra connaitre la taille exacte de votre bannière hinhin clin oeil .

Exemple avec celle du forum
http://milouze14.fr/log2013.png

L'image à une largeur de 700ps sur une hauteur de 200px .

Allez c'est parti....

Affichage/Templates/Général/ overall_header

Juste avant ceci:
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

Collez ceci:

Code:
<div class="M14_bann"><a href="/"><img src="Le lien de la bannière"></a></div>

Explications:

Spoiler:

Code:
<div class="M14_bann">
Ouverture du bloc ou sera affichée la bannière.
Code:
<a href="/">
Le lien de redirection (en laissant le code ainsi, vous arriverez toujours sur l'index du forum).
Pour une autre destination changez le lien entre les guillemets :
Code:
<a href="Le lien de redirection">
Code:
<img src="Le lien de la bannière">
Le lien de l'image.
Code:
</a>
Fermeture du lien.
Code:
</div>
Fermeture du bloc.

Pensez à enregistrer puis à valider en cliquant respectivement sur Enregistr puis Ajout

Passons ensuite à la feuille de style.

Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:
/*Le bloc de la bannière*/
.M14_bann
{
height: 200px;/*La hauteur correspondante à la hauteur de l'image*/
width: 100%;/*la largeur du forum*/
}
/Le positionnement de l'image et sa dimension*/
.M14_bann img
{
display: block;/*On bloque l'image
margin: 0 auto;/*On centre l'image*/
height: 200px;/*La hauteur de l'image*/
width: 700px;/*La largeur de l'image*/
}


Il ne vous reste plus qu'à valider les modifications de votre feuille de style en cliquant sur 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