Image de fond de page

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

Résolu Image de fond de page

Message par familink le Mer 10 Avr 2013 - 19:45

Hello,

Je viens de suivre le tuto "image-de-fond-changeante-selon-la-resolution-du-visiteur"
http://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur

Super bien fait et très facile.

Je souhaite que mon image reste en haut de la page donc je n'ai pas ajouté le scripte pour fixer l'image.

Le problème
C'est que mon image se duplique pour remplir tout le fond de la page et moi ce que je voulais c'est que tout le bas de la page reste blanc.

J'ai donc ajouté du blanc sous l'image.

Sur l'index c'est parfait mais dans les discussions très longues l'image finit par se dupliquer lorsque la page devient plus grande que la taille maximum que j'ai fixée (ex: 1280*3000).

Question
Y a t'il un script qui me permettrait d'ancrer mon image originale 1280*500 en haut de la page sans être obligé de lui ajouter des tonnes de blanc ?

Exemple de la manip que je suis obligé de faire :


Merci
@+
Raphaël






Dernière édition par familink le Jeu 11 Avr 2013 - 20:12, édité 1 fois

familink
*

Masculin
Messages : 37
Inscrit(e) le : 08/03/2012

http://familink.actieforum.com
familink a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par Matriochka le Mer 10 Avr 2013 - 20:06

Bonsoir,

As-tu regardé cette partie du tutoriel :
Si vous souhaitez aligner votre fond au centre de l'écran, et le fixer à la page (pour qu'il ne défile pas), ajoutez ce code à votre CSS personnalisé (PA > Affichage > Couleurs > Feuille de style CSS)
Code:
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par familink le Mer 10 Avr 2013 - 20:12

Oui mais il est précisé que c'est pour fixer le fond.
Le problème c'est que je ne veux pas le fixer par rapport à mon écran mais par rapport à la page. C'est à dire que quand je suis en bas de la page il faut que le fond reste blanc.

Peut être que je peux utiliser le code en enlevant la ligne
Code:
background-attachment: fixed;

Je vais essayer ça...

Merci

familink
*

Masculin
Messages : 37
Inscrit(e) le : 08/03/2012

http://familink.actieforum.com
familink a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par Matriochka le Mer 10 Avr 2013 - 20:14

La ligne qui te permet de réaliser ce que tu veux est celle-ci :
Code:
background-repeat: no-repeat;
Pour ne pas que le fond se répète

Avec :
Code:
background-position: top center;
Pour que l’image reste en haut, au centre

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par familink le Mer 10 Avr 2013 - 21:03

Super, c'est exactement ce qu'il me fallait.
J'ai gardé seulement le script "no-repeat" car le centrage ne m'est pas utile.

Ce qui est très cool c'est que je pourrai changer l'image avec un minimum d'opérations puisque je n'ai plus qu'a redimensionner et non pas à modifier l'image.

Merci de ton aide.

familink
*

Masculin
Messages : 37
Inscrit(e) le : 08/03/2012

http://familink.actieforum.com
familink a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par Matriochka le Jeu 11 Avr 2013 - 8:49

Ravie d’avoir pu t’aider Smile

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image de fond de page

Message par familink le Jeu 11 Avr 2013 - 20:11

Oui je te remercie je vais éditer le premier message de suite.

familink
*

Masculin
Messages : 37
Inscrit(e) le : 08/03/2012

http://familink.actieforum.com
familink a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum