sommaire
indexdébutpage précédentepage suivante
imprimer
envoyer
marquer
Style du bloc d'informationsUn élément <valves> est considéré comme un bloc. A ce titre, tous les attributs classiques définis pour les blocs peuvent être utilisés (style, bords et ses variantes, ajuster-hauteur...), ainsi que l'élément <titre>. |
L'exemple ci-contre affichera les informations avec le style "class1". |
loading...ajax1 Code de cet exemple <valves maximum="2" style="class1"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
L'exemple ci-contre affichera les informations avec le style "class5", des bords arrondis et un titre. |
Code de cet exemple <valves maximum="2" style="class5" bords="arrondis">
<titre>
<titre2>Les actualités</titre2>
</titre>
<source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>
</valves> |
L'exemple ci-contre affichera les informations avec le style "barre-menu", des bords arrondis et un titre. Le bloc est fermé par défaut (attribut état="fermé"). Il peut être ouvert (et fermé à nouveau) en cliquant sur l'icône en haut et à droite du titre, grâce à l'attribut refermable="oui" (consultez Utilisation des blocs ci-dessous pour plus d'explications). |
Code de cet exemple <valves maximum="2" style="barre-menu" bords="arrondis" refermable="oui" état="fermé">
<titre>
<titre2>Les actualités</titre2>
</titre>
<source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/>
</valves> |
Puces, numérotations et lignes de séparationLes informations ayant un caractère répétitif comme dans une liste, il est possible de les faire précéder d'une puce ou d'une numérotation, ou d'utiliser une ligne de séparation entre chaque information. Cela permet d'améliorer leur lisibilité et offre plus de rythme à la page. Pour cela on utilise les mêmes attributs puce, numérotation ou séparateur, ou encore une combinaison de ces attributs, comme dans une liste. Exemple de puces |
L'exemple ci-contre affichera les informations précédées d'une puce de type disque. |
loading...ajax4 Code de cet exemple <valves maximum="2" style="class1" puce="disque"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
L'exemple ci-contre affichera les informations précédées d'une puce de type plus. |
loading...ajax5 Code de cet exemple <valves maximum="2" style="class1" puce="plus"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
Exemple de numérotations |
L'exemple ci-contre affichera les informations avec une numérotation n°001 |
loading...ajax6 Code de cet exemple <valves maximum="2" style="class1" numérotation="n°001"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
L'exemple ci-contre affichera les informations avec une numérotation en chiffres romains I. |
loading...ajax7 Code de cet exemple <valves maximum="2" style="class1" numérotation="I.> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
Exemple de séparateurs |
L'exemple ci-contre affichera les informations avec une ligne de séparation de type colorDots5. |
loading...ajax8 Code de cet exemple <valves maximum="3" style="class1" séparateur="colorDots5"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
L'exemple ci-contre affichera les informations avec une ligne de séparation de type colorBar3. |
loading...ajax9 Code de cet exemple <valves maximum="3" style="colorBar3" séparateur="colorBar3"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
Exemple de combinaisons de puces, de numérotations et de séparateurs |
L'exemple ci-contre affichera les informations avec une ligne de séparation et une puce. |
loading...ajax10 Code de cet exemple <valves maximum="3" style="class1" séparateur="colorDots4" puce="rectangle1"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
L'exemple ci-contre affichera les informations avec une ligne de séparation, une numérotation et une puce. |
loading...ajax11 Code de cet exemple <valves maximum="3" style="voile+cadre" séparateur="colorBar5" numérotation="a)" puce="disque"> <source-xml href="http://www.ulb.ac.be/cache/news-test1.xml"/> </valves> |
