Forum d'aide aux administrateurs de forums
AccueilPortailCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

 

Forumactif (toutes versions) : Positionner le fond de page

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Auteur Message
ze_chaofan
Modérateur général
avatar

Masculin
Nombre de messages : 41
Date d'inscription : 16/04/2009
Réputation : 0
Points : 36

MessageSujet: Forumactif (toutes versions) : Positionner le fond de page
Dim 19 Avr - 12:32

Hello...

Un petit tutoriel qui sert surtout de rappel, et qui vous évitera de chercher à chaque fois. Voici comment positionner votre fond d'écran (haut, centre, gauche, etc...), ainsi que d'en déterminer le sens de répétition (horizontal, vertical, aucune, etc...).

Donc, pour commencer, rendez-vous dans votre CSS, et collez y ceci :

Citation :
body {
background-attachment: fixed;
background-image: url("adresse_url_de_l'image");
background-repeat: repeat;
background-position: top left;
}

Ensuite, procédez aux réglages de telle manière :

En noir :
- Pour que l'image ne défile pas lorsque vous descendez, inscrivez fixed
- Pour que l'image défile lorsque vous descendez, inscrivez scroll

En vert :

- Pour que l'image ne se répète pas, inscrivez no-repeat
- Pour que l'image se répète en mosaïque, inscrivez repeat
- Pour que l'image se répète horizontalement, inscrivez repeat-x
- Pour que l'image se répète verticalement, inscrivez repeat-y

En orange :
- Pour aligner le fond en haut, inscrivez top
- Pour aligner le fond en bas, inscrivez bottom
- Pour aligner le fond au centre, inscrivez center

En rouge :
- Pour aligner le fond à gauche, inscrivez left
- Pour aligner le fond à droite, inscrivez right
- Pour aligner le fond au centre, inscrivez center

Et voilà !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.sos-forum.com/forum.htm
ProgVal
Fondateur
avatar

Masculin
Age : 23
Nombre de messages : 482
Date d'inscription : 01/01/2009
Réputation : 9
Points : 134

MessageSujet: Re: Forumactif (toutes versions) : Positionner le fond de page
Dim 19 Avr - 12:34

et pour faire la même chose avec les messages, remplacez "body" par ".postbody" (sans oublier le .)
_________________

Fondateur du Forum des Admins: Forum d'aide pour les administrateurs de forums

Salut Invité !
Tu as posté 0 messages.
Le forum compte 1683 messages et 191 sujets.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.adminforum.fr.cr
ze_chaofan
Modérateur général
avatar

Masculin
Nombre de messages : 41
Date d'inscription : 16/04/2009
Réputation : 0
Points : 36

MessageSujet: Re: Forumactif (toutes versions) : Positionner le fond de page
Dim 19 Avr - 13:30

Tout à fait. Pour ceux qui ne le sauraient pas, on peut même appliquer cela à toutes les zones, suffit de changer l'intitulé.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.sos-forum.com/forum.htm
Shad
Administrateur
avatar

Masculin
Age : 27
Localisation : Poitiers
Emploi/loisirs : Étudiant ; Air-Soft, Natation, Aïkido, escalade.
Nombre de messages : 272
Date d'inscription : 01/01/2009
Réputation : 1
Points : 73

MessageSujet: Re: Forumactif (toutes versions) : Positionner le fond de page
Dim 19 Avr - 13:46

Je tien juste a préciser un détaille a propos du :

Code:
background-attachment: fixed;

C'est une chose a éviter au maximum, car se ralenti énormément la navigation et ce tout particulièrement avec Firefox... Chose qui peut très facilement dissuader les visiteurs de revenir sur votre site !
_________________
Shad

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://openlwd.org/
Contenu sponsorisé



MessageSujet: Re: Forumactif (toutes versions) : Positionner le fond de page

Revenir en haut Aller en bas

Forumactif (toutes versions) : Positionner le fond de page

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum: Vous ne pouvez pas répondre aux sujets dans ce forum
Les admins de forums :: Listes de problèmes/solutions :: Trucs et astuces -
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit