Aller au contenu
WebFrance

Rejoignez WebFrance (Cadeau : Le Guide 2018 pour rentabiliser un site)

Rejoindre WebFrance

Connexion  
promos

Comment réaliser un habillage de site ?

Messages recommandés

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

>> Nouveau : Découvrez la marketplace d'Achat / Vente de Sites !

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

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;

}

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

Hello, vu le format de l'image que te fournie Zanox, 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

mini_140814112820331512.jpg

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

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;

}

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

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;

}

Partager ce message


Lien à poster
Partager sur d’autres sites
Partagez cette page :

Ajouter un commentaire :

-

Créer un compte

en 3 secondes

INSCRIPTION

Se connecter

ici

CONNEXION
Connexion  

Partagez cette page :

© WebFrance 2018 - Contact - Annonceurs - Conditions générales

×

Nouveau : Marketplace WebFrance

2.png

Vente de sites internet, domaines, applications...