Comment réaliser un habillage de site ?

[promos]

Bonjour à tous,

Besoin d'aide à propos d'un habillage de site avec des bannières d'un programme d'affiliation.

Je voudrai savoir si le fait de faire cela peut pénaliser le référencement ?

Comment mettre cela car je ne sais pas du tout comment ça se passe ?

Merci de votre aide

[Anthony]

Bonjour,

Peux tu nous en dire plus ?

Quelle bannière, de quel programme d'affiliation et sur quel site ?

Sinon concernant le référencement, aucun problème ou pénalité sauf si bien sur elles ralentissent le site.

[promos]

Merci pour la première partie de la réponse. Mais, tu ne m'a pas expliqué mettre en place cela.

Sinon, c'est pour Numericable pour le site http://www.choisirunoperateur.com/

[Anthony]

Je vois que tu as réussi à mettre quelques pub, pourquoi pas les autres ?

Il faut juste copier / coller le code fourni par ta régie, en l'occurence Awin

[promos]

Oui, en effet c'est facile de le mettre dans les widgets, mais pour l'habillage, je ne sais pas, je pense que c'est l'arrière plan c'est pour cela que je demande.

Je veux un résultat comme par exemple en ce moment pour le suite www.leboncoin.com

[WebFrance]

Hello

Comme dit Anthony, aucun souci pour le référencement !

Pour mettre en place un background, regarde la propriété css suivante :

background-image: url('url de l'image ici');

background-repeat:no-repeat;

background-position:top center;

background-attachment:fixed; ===> ca c'est si tu veux que le background reste fixe quand tu scrolle la page

[promos]

Merci pour ta réponse,

je viens d emodifier cela, mais ne fonctionne pas :

.reply a:hover,

a.comment-edit-link:hover {

}

.commentlist .children {

background-image: url('http://ad.zanox.com/ppv/?28705574C831737508');

background-repeat:no-repeat;

background-position:top center;

background-attachment:fixed;

}

.commentlist .children li {

border: none;

background-image: url('http://ad.zanox.com/ppv/?28705574C831737508');

background-repeat:no-repeat;

background-position:top center;

background-attachment:fixed;

}

#linky {

background-image: url('http://ad.zanox.com/ppv/?28705574C831737508');

background-repeat:no-repeat;

background-position:top center;

background-attachment:fixed;

}

/* Structure the footer area */

#footer-widget-area {

overflow: hidden;

}

[Matthieu]

Hello, vu le format de l'image que te fournie Awin, il ne faut pas que tu la places en "top-center" car elle passe en dessous du contenu de ton site.

Idéalement, il faudrait un background complet en "H" (les côtes pour la pub numericable, la barre centrale du H pour faire le lien entre gauche et droite, le header du H vide pour laisser la place à ton site.

Le blanc = tu laisses vide.

Le noir = numéricable

A noter que si tu n'utilises pas un format fournie par l'annonceur, il vaudrait mieux demander l'autorisation au préalable.

[promos]

Bonjour,

Merci pour ta réponse. J'ai téléchargé un plugin pour gérer cela, mais je ne sais pas comment rendre l'image cliquable.

Voici ce que j'ai mis :

<div class="evonabackground" style="background:url('http://ad.zanox.com/ppv/?28705574C831737508') repeat;"></div>

CSS :

img.evonabackground, div.evonabackground{

z-index:-999;

position:fixed;

top:0;

width:100%;

min-height:100%;

margin-left:0;

margin-right:0;

right:0;

left:0;

}

[WebFrance]

Hello

En plus des explications de Mathieu, mets ca au début de ton CSS :

body {

background-image: url('http://www.tonsite.com/images/background.jpg');

background-repeat:no-repeat;

background-position:top center;

margin: 0px;

padding:0px;

margin-top:20px;

font-size: 100%;

}

background.jpg étant ton image background, regarde le css de WebFrance pour en savoir plus ;)

Ton image doit avoir le format suivant :

https://www.webfrance.com/images/backga3.jpg

[promos]

LE PROBLÈME : c'est comment la rendre cliquable pour rediriger le client vers le site partenaire.

[WebFrance]

En faisant des recherches sur internet tu trouverais plusieurs solutions, en voici une :

met juste après ton header dans ton code cette ligne :

<p class="background"><a href="http://www.tonsite.com/go/lien.php" target="_blank" rel="nofollow" class="background"></a></p>

et le css associée :

.background

{

margin: 0;

padding:0;

width: 100%;

height: 1500px;

display: block;

position:absolute;

}