Mettre le module pub à gauche de l'entête

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

Comments

[ღ ღ ღ ♥ nessa ♥ღ ღ ღ :0026:]

hello anna , je cherche encore chez toi mais pourrais tu me dire commenta faire pour centrer un module pub ? j'ai ouvert un fil à ce sujet ici
http://forum.over-blog.com/thread-2695498-0.html#1

merci si tu peux m'aider :-)

[Le chevalier Dauphinois]

J'ai enlever mon heaume, j'ai oter mes gants de fer, j'ai mis mes binocle et..... j'ai tenté cette merveille.Cela fonctionne bien : 1- Ma bannière est à droite 2- la pub est à gauche 3-la bannière est bien remontée.... mais.... hihihi..... oui, il y a toujours un mais... la pub à gauche n'affiche que 3 millimètres dans sa pertie basse. Le reste en haut semble masqué mais il n'y a rien pour la cacher..... pfff.Je vais mettre un cierge (géant) dans toute les églises de mon village, et.... je retenterais un autre jour.

[Anna K]

Dommage que tu ne l'ai pas laissé, j'aurai pu regarder. As-tu pensé à fixer une hauteur par le CSS au module Pub ?

[Mystik-angel]

C'est pas mal comme idée ton article, faudra qu'un jour je m'y penche pour l'adapter a mon design, et sa risque d'etre encore plus dur qu'avec un design simple. A bientot

[stella:0040:]

Pour ma part, je fais une pause dans les transformations du blog.Ceci dit, le jour où je vois un truc qui me plait, je vais peut-être m'essayer à autre chose.Je te souhaite une bonne journée Anna et t'embrasse.

[aurore]

coucou , ANNAkbon ok j'suis pas pro, mais j'ai voulu faire honneur à toutes tes connaissance et donc je parle un peu de toi dans mon dernier articlej'invite tous mes bloggeurs à venir te voiret bien sur n'etant pas égoiste je leur ai fait part d'une petite demonstrationcet article je l'enleverai ce soir ou demain mat !Mais je te met en priorite dans mes lienst'as pas un logo de toi !!!j'aimerai biencar j'avoue sans toi, j'aurai été depuis lontemps perdupar contre pour ton traducteur tu l'as trouvé ou??Je trouve qu'il est mieux que le mien ???bisous ma belle et bonne journéeAurore