C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Slideshow horizontal infini
Aujourd'hui à 08:26 par Leiris

» Infobulle avec effets CSS3
Aujourd'hui à 01:35 par Helena-Bella

» Limitation de la signature
Hier à 23:36 par Helena-Bella

» Effet de volet glissant sur un bloc
Hier à 18:56 par Blocku

» Dimensions des avatars
Hier à 06:12 par Mortuus

» Signature codée
Jeu 17 Aoû 2017, 22:31 par Helena-Bella

» Signature codée
Jeu 17 Aoû 2017, 22:27 par Helena-Bella

» Signature codée avec onglets
Jeu 17 Aoû 2017, 22:18 par Helena-Bella


Poster un nouveau sujet   Répondre au sujetPartagez | 
 

Répétition horizontale/verticale d'une image de fond

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://www.css-actif.com
avatar
RocketMan
RocketMan

Masculin Messages : 3082



Répétition horizontale/verticale d'une image de fond

Description

Petit listing de codes à appliquer sur votre forum pour gérer la répétition de son background.

Demo

Voir les images correspondantes dans chaque partie.

Code


Les codes sont à placer dans Affichage > Couleurs > Feuille de style CSS


Pas de répétition du fond


Ce code empêchera la répétition de l'image de fond de votre forum, pratique pour les fonds type bannière.

Code:
body {
    background-repeat: no-repeat;
}


Répétition horizontale


Ce code autorisera la répétition de l'image de fond de votre forum seulement sur l'axe horizontal (x), pratique pour un fond en dégradé haut-bas.

Code:
body {
    background-repeat: repeat-x;
}


Répétition verticale


Ce code autorisera la répétition de l'image de fond de votre forum seulement sur l'axe verticale (y), pratique pour un fond avec une zone coloré sur le côté, puis une couleur unie pour le reste de la page.

Code:
body {
    background-repeat: repeat-y;
}


Astuces supplémentaires


N'oubliez pas qu'en plus d'une image de fond vous pouvez mettre une couleur de fond dans le menu des couleurs du panneau d'administration de Forumactif. Ainsi, vous pourrez avoir une image non-répétée ou répétée sur un axe seulement, puis la couleur de votre choix pour le reste du fond.

Avec la répétition du fond vient aussi la position du fond. Lorsque vous jumelez les deux codes, pensez à copier seulement les propriétés (les déclarations entre les accolades) et non pas la classe dans le code.

Par exemple, si vous avez déjà appliqué un code de position de l'image du fond et que vous voulez aussi empêcher la répétition de l'image, copier seulement la ligne background-repeat: no-repeat; du code et placez la entre les accolades de body comme ceci :
Code:
body {
    background-position: top left;
    background-repeat: no-repeat;
}

Informations générales

Orange05/09/2009 Tous les navigateursOrangeMise à jour le 22/02/2013 par Espeon


Dernière édition par Orange le Lun 07 Sep 2009, 19:47, édité 1 fois
MessageSujet: Répétition horizontale/verticale d'une image de fond   Sam 05 Sep 2009, 17:21
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://helter-s.forumactif.com
avatar
{ Membre }
{ Membre }

Féminin Messages : 43



Merci beaucoup, excellent truc !
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Mer 13 Juin 2012, 14:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://castle-no-yume.forumactif.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 28



Merci beaucoup, je les cherchais ^^



MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Lun 25 Juin 2012, 07:31
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://twinklestar.1fr1.net
{ Membre }
{ Membre }

Masculin Messages : 12



C'est vraiment top ! Merci beaucoup Smile
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Mer 04 Juil 2012, 12:34
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ponyepic.lebonforum.com/
avatar
{ Membre }
{ Membre }

Féminin Messages : 23



Merciii~
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Dim 22 Juil 2012, 17:02
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://godbless.1fr1.net
{ Membre }
{ Membre }

Féminin Messages : 37



Merci x)
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Sam 11 Aoû 2012, 10:08
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://centre-anniviers.bbfr.net/
avatar
{ Membre }
{ Membre }

Féminin Messages : 33



merci !


    Je viens en paix chers terriens !
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Mer 22 Aoû 2012, 09:16
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://red-yamaguchi.forumactif.com/
avatar
{ Membre }
{ Membre }

Masculin Messages : 22



Merci!
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Mer 29 Aoû 2012, 11:39
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testgraphiquerpg.forumactif.info/forum.htm
avatar
{ Membre }
{ Membre }

Féminin Messages : 61



merci Smile



Bon

Apetit!
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Mar 30 Oct 2012, 11:09
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://jen'aipourl'instantpasdesite.fr
avatar
{ Membre }
{ Membre }

Féminin Messages : 7



Super merci ! j'en avais vraiment besoin Very Happy
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Sam 24 Nov 2012, 17:24
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://neonblush.forumactif.org/
avatar
{ Membre }
{ Membre }

Féminin Messages : 131



Super, je cherchais comment faire pour aller bannière de fond et couleur de fond ! Wink
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Jeu 06 Déc 2012, 09:41
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
{ Membre }
{ Membre }

Féminin Messages : 88



merci pour ces codes Smile
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Sam 15 Déc 2012, 19:22
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
avatar
Administrateur
Administrateur

Masculin Messages : 1819



17-03-2013 - Code repris et validé par CSSActif


MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Dim 17 Mar 2013, 09:59
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   
Revenir en haut Aller en bas
 

Répétition horizontale/verticale d'une image de fond

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

 Sujets similaires

-
» Répétition horizontale/verticale d'une image de fond
» Dans une table, empêche la répétition de l'image de fond d'une cellule
» Mon logo et mon image de fond n'apparaissent plus
» Image de fond dans la chatbox...
» Image de fond pour tous type d'écran

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Codes à Copier/Coller :: La Boite à Outils-
Poster un nouveau sujet   Répondre au sujet

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forumactif.com