Démo: repeatXY
Ce mode très connu permet aux administrateurs d'adapter le fond du site en fonction d'evénements sans avoir besoin de mettre les mains dans le CSS.
| Paramètre | Valeur | Observations |
| IMAGE ET COULEUR DE FOND DE PAGE | ||
| Image | aléatoire | pour changer aléatoirement de fond, j'ai indiqué le dossier contenant mes petites images à répéter. |
| Couleur de fond | 666 | peu d'importance |
| TAILLE ET POSITION DE L'IMAGE | ||
| Mode d'ajustement | Repeat-XY | pour remplir totalement le fond |
| Agrandissement | n.a. | uniquement pour mode MAX et FULL |
| Réduction | n.a. | |
| Position | fixed | |
| Alignement horizontal | centré |
identique au centrage du contenu pour minimiser les effets optiques lors de l'agrandissement de la fenêtre. |
| Alignement vertical | haut | |
| z-index | n.a. | uniquement pour mode MAX et FULL |
| Décalage top | n.a. | |
| APPARITION EN FONDU DE L'IMAGE | ||
| Effet de fondu | Non | Le fondu n'est pas actif en mode repeat, uniquement pour MAX et FULL |
| Délai apparition (ms) | n.a. | |
| Durée fondu (ms) | n.a. | |
| Etapes/sec | n.a. | |
| PARAMETRE DU BLOC DE CONTENU (a adapter selon votre template) | ||
| Sélecteur CSS contenu | #ja-wrapper | le contenu est dans plusieurs blocs. Il est donc nécessaire de les indiquer en les séparant par des virgules pour respecter la méthode des CSS |
| Couleur du fond | #BBB | un ton neutre |
| Opacité du fond | 70% | |
| Largeur du contenu |
780px |
On conserve la largeur de la page |
| Alignement du contenu |
centré |
|
| CODE COMPLEMENTAIRE DANS HEAD (a adapter selon votre template) | ||
| Style complémentaire |
#ja-wrapper { margin:25px auto;} |
Seules les marges sont saisies dans la zone de code. |
| Fichier à inclure | Aucune sélection | |
| AFFICHAGE CONDITIONNEL | ||
| Conditions | artid=18 | uniquement pour cet article |
| Période | aucune | |
- Détails
- Catégorie : Exemples
- Date de publication
- Écrit par Loïc Martin
- Affichages : 4276



bgMAX