Démo: Aléatoire
Le mode aléatoire est utilisé sur la majorité des pages de ce site. Il permet une animation facile du site.
Le tableau ci-dessous montre les paramètres définis dans le module. Les valeurs sont, évidemment, spécifiques au template utilisé (sur base JAT3) et au contenu du site.
| Paramètre | Valeur | Observations |
| IMAGE ET COULEUR DE FOND DE PAGE | ||
| Image | au hasard dans un dossier | c'est la raison de cet exemple ! |
| Couleur de fond | automatique | Permet d'ajuster la couleur de fond aux différentes images |
| TAILLE ET POSITION DE L'IMAGE | ||
| Mode d'ajustement | MAX | Ajuste l'image à la taille de la fenêtre navigateur |
| Agrandissement | Oui | |
| Réduction | Oui | |
| Alignement horizontal | centré | Le centrage du fond simule un effet de zoom lors du redimensionnement du navigateur |
| Alignement vertical | centré | |
| z-index | -1 | La valeur par défaut convient bien |
| Décalage top | 0px | La valeur par défaut convient bien |
| APPARITION EN FONDU DE L'IMAGE | ||
| Effet de fondu | Oui | Pour le fun ! |
| Délai apparition (ms) | 1000 | 1sec à adapter selon votre hébergeur |
| Durée fondu (ms) | 2000 | 2sec. A diminuer ou augmenter selon vos envies ! |
| Etapes/sec | 30 | La valeur par défaut de 30 convient bien |
| PARAMETRE DU BLOC DE CONTENU (a adapter selon votre template) | ||
| Sélecteur CSS contenu | #ja-wrapper | c'est le sélecteur qui englobe tout le contenu d'une page générée avec le framework Joomlart T3. |
| Couleur du fond | #BBB | |
| Opacité du fond | 60% | |
| Largeur du contenu | 780px | |
| Alignement du contenu | centré | |
| CODE COMPLEMENTAIRE DANS HEAD (a adapter selon votre template) | ||
| Style complémentaire |
#ja-wrapper{ margin:20px auto; } |
Ajoute un espace en haut et en bas de la page. Cela redéfinit aussi le centrage. On aurait pu écrire #ja-wrapper{margin-top:20px;margin-bottom:20px;} |
| Fichier à inclure | Aucune sélection | |
| AFFICHAGE CONDITIONNEL | ||
| Conditions |
-catid=25 artid=23 |
Ne pas afficher sur les articles de la catégorie 25 (les exemples bgMax) mais pour l'article 23 (cet article) qui fait pourtant partie de la catégorie 25. |
| Période | aucune | |
- Détails
- Catégorie : Exemples
- Date de publication
- Écrit par lomart
- Affichages : 9182



bgMAX