Mettre une bannière cliquable sur le forum

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

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
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 .




-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