Répétition horizontale/verticale d'une image de fond Bouton_activeRépétition horizontale/verticale d'une image de fond Bouton_hoverRépétition horizontale/verticale d'une image de fond Fb-hoverRépétition horizontale/verticale d'une image de fond Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Répétition horizontale/verticale d'une image de fond EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Répétition horizontale/verticale d'une image de fond EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Répétition horizontale/verticale d'une image de fond EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Répétition horizontale/verticale d'une image de fond EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Répétition horizontale/verticale d'une image de fond EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Répétition horizontale/verticale d'une image de fond EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Répétition horizontale/verticale d'une image de fond EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Répétition horizontale/verticale d'une image de fond EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

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

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



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

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/verticale d'une image de fond 56fondnorepeat

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 horizontale/verticale d'une image de fond 25fondrepeatx

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;
}

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

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   Répétition horizontale/verticale d'une image de fond EmptySam 05 Sep 2009, 17:21
Revenir en haut Aller en bas
http://helter-s.forumactif.com
Quantum Mechanics
Quantum Mechanics
{ Membre }
{ Membre }

Féminin Messages : 43



Répétition horizontale/verticale d'une image de fond Empty
Merci beaucoup, excellent truc !
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptyMer 13 Juin 2012, 14:41
Revenir en haut Aller en bas
http://castle-no-yume.forumactif.com/
Kingyo-chan
Kingyo-chan
{ Membre }
{ Membre }

Féminin Messages : 28



Répétition horizontale/verticale d'une image de fond Empty
Merci beaucoup, je les cherchais ^^
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptyLun 25 Juin 2012, 07:31
Revenir en haut Aller en bas
http://twinklestar.1fr1.net
PapyMoko
{ Membre }
{ Membre }

Masculin Messages : 12



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

Féminin Messages : 23



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

Féminin Messages : 37



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

Féminin Messages : 33



Répétition horizontale/verticale d'une image de fond Empty
merci !
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptyMer 22 Aoû 2012, 09:16
Revenir en haut Aller en bas
http://red-yamaguchi.forumactif.com/
Vicious
Vicious
{ Membre }
{ Membre }

Masculin Messages : 22



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

Féminin Messages : 61



Répétition horizontale/verticale d'une image de fond Empty
merci Smile
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptyMar 30 Oct 2012, 11:09
Revenir en haut Aller en bas
http://jen'aipourl'instantpasdesite.fr
Kroki'
Kroki'
{ Membre }
{ Membre }

Féminin Messages : 7



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

Féminin Messages : 131



Répétition horizontale/verticale d'une image de fond Empty
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   Répétition horizontale/verticale d'une image de fond EmptyJeu 06 Déc 2012, 09:41
Revenir en haut Aller en bas
Rosalie Hale
Rosalie Hale
{ Membre }
{ Membre }

Féminin Messages : 89



Répétition horizontale/verticale d'une image de fond Empty
merci pour ces codes Smile
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptySam 15 Déc 2012, 19:22
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Répétition horizontale/verticale d'une image de fond Empty
17-03-2013 - Code repris et validé par CSSActif
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond EmptyDim 17 Mar 2013, 09:59
Revenir en haut Aller en bas
Contenu sponsorisé




Répétition horizontale/verticale d'une image de fond Empty
MessageSujet: Re: Répétition horizontale/verticale d'une image de fond   Répétition horizontale/verticale d'une image de fond Empty
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 de l'image de fond...
» Mettre une image en Image du fond des titres.
» Image en fond de page
» Image de fond dans la PA.
» Image de fond de catégorie.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Codes Directement Exploitables :: Codes à Copier/Coller :: La Boite à Outils-

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 | Signaler un abus | Cookies | Forumactif.com