Jeudi 20 septembre 2007

Ce n'est pas tout simple à réaliser. Il faut être un minimum expérimenté pour se lancer dans ces modifications. Il faut travailler, de préférence, avec IE et FF en parallèle pour constater le résultat à chaque modification.

Supposons que vous désiriez mettre le module pavé publicitaire dans l'entête de la partie Articles : 
* à gauche le pavé publicitaire, 
* à droite votre entête
le tout sur la même ligne.

Le contenu de votre entête (bannière, menu ou quoi que ce soit) doit faire environ 750 px de large et 250 px de haut.

1ERE ETAPE :

Dans Configurer - Onglet Articles - 
Vous placez le module Publicité au-dessus de votre module Entête. 
Vous aurez bien sûr pris soin auparavant de configurer le module Publicité pour que ce soit le pavé qui apparaisse.
Vous alignez le contenu de votre module entête sur la droite.

2EME ETAPE :

Dans le Design CSS Articles, vous remontez votre entête 

#top    { margin-top:-250px; }


Le pavé publicitaire fait une hauteur de 250 px, ce qui explique ce chiffre.
Normalement, votre entête doit chevaucher la publicité.

3EME ETAPE :

Le module Publicité est centré, on va le pousser sur la gauche :

#ln_0 .pub{margin-left:-720px;}


Pour ma résolution d'écran (1024*768), 720 px permet de coller le module à gauche de l'écran.

4EME ETAPE :

On fignole :

Il peut être intéressant de fixer la hauteur de l'entête pour que l'ensemble soit bien cadré.

#ln_0{height:255px; }


255 px, correspond à la hauteur du pavé pub + 5px de marge

Si le pavé publicitaire est trop collé à votre entête, on va créer une marge entre les 2.

#ln_0 .pub{margin-left:-720px;margin-right:10px;}


5EME ETAPE :

On vérifie :
* déjà sous sa propre résolution d'écran sous IE et FF
* ensuite chez SCAPTURE

publié dans : OB - Design et Mise en page
ajouter un commentaire commentaires (6)   

Publicité

Recherche Rapide Sur le Site

Sommaires

top

Dernières Astuces

liste complète
Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus