Vous regardez une version antérieure (v. /display/WIKIPSY/Page+de+test) de cette page.

afficher les différences afficher l'historique de la page

« Afficher la version précédente Vous regardez la version actuelle de cette page. (v. 58) afficher la version suivante »

SP Notifcation avec une temporisation... surement utile pour des dates importantes


SP Expander Box

En haut au centre de l'écran en bleu pour 30 secondes


SP Expander Box1

Ceci est une expander box Attention par défaut le fond de la boite et la couleur des polices est la même !  Rien de visible

SP Expander Box2

Ceci est une expander box Attention par défaut le fond de la boite et la couleur des polices est la même !  Rien de visible

SP Expander Box3

Ceci est une expander box Attention par défaut le fond de la boite et la couleur des polices est la même !  Rien de visible - Police big
 
 
Effet sympa... même cute...

SP macro Bouton

Petit icone (62 choix) et couleurs de polic personnaliser

SP InfoBulle

Une bulle d'information apparaitSP InfoBulle peut-etre utile pour une infomation/définition.

Une bulle apparait si place le curseur sur la zone.

SP macro Panneau

SP macro Panneau - custom.  Possible de changer fond et couleurs de police et icône -

Moyennement utile

SP note en bas de page

Un peux de texte avant Reference dans le texte qui mène au bas de page0 et un peu se texte après.  Il se passe quoi avec deux notes de bas de page ceci est ma reference2 on vas voir ce qui se passe.

Fontionnement clair, simple.  Utile pour document avrc reference.  Fait le travail.

SP barre de progression

  1. 1

  1. 5

Aucune idée ce que ce truc là fait !!!

SP Statut page

Brouillon
marqué par le May 26, 2023 15:47

SP statut page - texte additionnel

Stef : Peut-être intéressant pour toi et moi pour suivre nos modifs de page ou si nous impliquons d'autres personnes...

SP navigation horizontal

Onglet 1 qui prends la couleurs choisis dans le conteneur, pas personnalisable.  Il y a une icone possible dans une sélection de 62.

Sed a tellus eget magna blandit pellentesque consectetur id nulla. Nullam et egestas sem. Praesent ac risus vel dolor viverra elementum. Sed interdum arcu sagittis purus ullamcorper, nec rhoncus ligula condimentum. Morbi ullamcorper ornare augue, ut hendrerit lacus bibendum nec. Duis vel est sit amet nulla molestie euismod vehicula in mi. In dui eros, efficitur et egestas nec, facilisis vitae magna. Ut non nunc quis enim maximus feugiat. Fusce feugiat bibendum lorem, in dictum leo dignissim ut. Fusce ac tincidunt sem, condimentum semper ligula. Nunc lacinia, diam in hendrerit semper, enim orci sodales nulla, eget tincidunt elit ligula a lectus. In hac habitasse platea dictumst. Vivamus rutrum lacinia purus, sed faucibus orci dignissim eu.

Etiam id metus sed turpis auctor lobortis eget nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget arcu odio. Suspendisse interdum, arcu elementum auctor pharetra, nisl elit aliquet nisi, sit amet vulputate odio arcu eu nisi. Proin pretium tincidunt condimentum. Nulla blandit, leo in euismod volutpat, tortor quam ultrices urna, nec suscipit dolor felis ut lorem. Duis id euismod massa. Sed non augue luctus, eleifend justo sit amet, eleifend justo. Suspendisse enim ante, fermentum nec ipsum vitae, imperdiet tincidunt urna. Aenean posuere velit sed mi vehicula, a gravida mauris feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor velit a lectus dignissim, vel euismod arcu convallis. Mauris eleifend lacinia velit. Morbi cursus, orci ac luctus fringilla, risus ipsum laoreet erat, ut condimentum sem erat sit amet mauris.

Onglet2 - voir onglet 1

Etiam id metus sed turpis auctor lobortis eget nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget arcu odio. Suspendisse interdum, arcu elementum auctor pharetra, nisl elit aliquet nisi, sit amet vulputate odio arcu eu nisi. Proin pretium tincidunt condimentum. Nulla blandit, leo in euismod volutpat, tortor quam ultrices urna, nec suscipit dolor felis ut lorem. Duis id euismod massa. Sed non augue luctus, eleifend justo sit amet, eleifend justo. Suspendisse enim ante, fermentum nec ipsum vitae, imperdiet tincidunt urna. Aenean posuere velit sed mi vehicula, a gravida mauris feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor velit a lectus dignissim, vel euismod arcu convallis. Mauris eleifend lacinia velit. Morbi cursus, orci ac luctus fringilla, risus ipsum laoreet erat, ut condimentum sem erat sit amet mauris.

Onglet3 - voir onglet 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum at lorem in accumsan. In vel elit ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sodales eros congue dictum. Aliquam odio dui, maximus quis condimentum vel, pellentesque vel diam. Etiam ultricies mi a felis posuere euismod mattis id nibh. Ut venenatis, enim ac ultrices auctor, leo dolor varius augue, et malesuada lorem turpis vitae mauris. Vivamus tristique urna eu felis dapibus semper.

Sed a tellus eget magna blandit pellentesque consectetur id nulla. Nullam et egestas sem. Praesent ac risus vel dolor viverra elementum. Sed interdum arcu sagittis purus ullamcorper, nec rhoncus ligula condimentum. Morbi ullamcorper ornare augue, ut hendrerit lacus bibendum nec. Duis vel est sit amet nulla molestie euismod vehicula in mi. In dui eros, efficitur et egestas nec, facilisis vitae magna. Ut non nunc quis enim maximus feugiat. Fusce feugiat bibendum lorem, in dictum leo dignissim ut. Fusce ac tincidunt sem, condimentum semper ligula. Nunc lacinia, diam in hendrerit semper, enim orci sodales nulla, eget tincidunt elit ligula a lectus. In hac habitasse platea dictumst. Vivamus rutrum lacinia purus, sed faucibus orci dignissim eu.

Etiam id metus sed turpis auctor lobortis eget nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget arcu odio. Suspendisse interdum, arcu elementum auctor pharetra, nisl elit aliquet nisi, sit amet vulputate odio arcu eu nisi. Proin pretium tincidunt condimentum. Nulla blandit, leo in euismod volutpat, tortor quam ultrices urna, nec suscipit dolor felis ut lorem. Duis id euismod massa. Sed non augue luctus, eleifend justo sit amet, eleifend justo. Suspendisse enim ante, fermentum nec ipsum vitae, imperdiet tincidunt urna. Aenean posuere velit sed mi vehicula, a gravida mauris feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor velit a lectus dignissim, vel euismod arcu convallis. Mauris eleifend lacinia velit. Morbi cursus, orci ac luctus fringilla, risus ipsum laoreet erat, ut condimentum sem erat sit amet mauris.

SP navigation vertical

entete ver1

Onglet 1 qui prends la couleurs choisis dans le conteneur, pas personnalisable.  Il y a une icone possible dans une sélection de 62. Il y a une option "en-tete" pas dispo en horizontal... pas personnalisable du tout.

Test avec 3 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum at lorem in accumsan. In vel elit ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sodales eros congue dictum. Aliquam odio dui, maximus quis condimentum vel, pellentesque vel diam. Etiam ultricies mi a felis posuere euismod mattis id nibh. Ut venenatis, enim ac ultrices auctor, leo dolor varius augue, et malesuada lorem turpis vitae mauris. Vivamus tristique urna eu felis dapibus semper.

Sed a tellus eget magna blandit pellentesque consectetur id nulla. Nullam et egestas sem. Praesent ac risus vel dolor viverra elementum. Sed interdum arcu sagittis purus ullamcorper, nec rhoncus ligula condimentum. Morbi ullamcorper ornare augue, ut hendrerit lacus bibendum nec. Duis vel est sit amet nulla molestie euismod vehicula in mi. In dui eros, efficitur et egestas nec, facilisis vitae magna. Ut non nunc quis enim maximus feugiat. Fusce feugiat bibendum lorem, in dictum leo dignissim ut. Fusce ac tincidunt sem, condimentum semper ligula. Nunc lacinia, diam in hendrerit semper, enim orci sodales nulla, eget tincidunt elit ligula a lectus. In hac habitasse platea dictumst. Vivamus rutrum lacinia purus, sed faucibus orci dignissim eu.

Etiam id metus sed turpis auctor lobortis eget nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget arcu odio. Suspendisse interdum, arcu elementum auctor pharetra, nisl elit aliquet nisi, sit amet vulputate odio arcu eu nisi. Proin pretium tincidunt condimentum. Nulla blandit, leo in euismod volutpat, tortor quam ultrices urna, nec suscipit dolor felis ut lorem. Duis id euismod massa. Sed non augue luctus, eleifend justo sit amet, eleifend justo. Suspendisse enim ante, fermentum nec ipsum vitae, imperdiet tincidunt urna. Aenean posuere velit sed mi vehicula, a gravida mauris feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor velit a lectus dignissim, vel euismod arcu convallis. Mauris eleifend lacinia velit. Morbi cursus, orci ac luctus fringilla, risus ipsum laoreet erat, ut condimentum sem erat sit amet mauris.

entete ver1

Onglet 1 qui prends la couleurs choisis dans le conteneur, pas personnalisable.  Il y a une icone possible dans une sélection de 62. Il y a une option "en-tete" pas dispo en horizontal... pas personnalisable du tout.

Test avec 2 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum at lorem in accumsan. In vel elit ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sodales eros congue dictum. Aliquam odio dui, maximus quis condimentum vel, pellentesque vel diam. Etiam ultricies mi a felis posuere euismod mattis id nibh. Ut venenatis, enim ac ultrices auctor, leo dolor varius augue, et malesuada lorem turpis vitae mauris. Vivamus tristique urna eu felis dapibus semper.

Sed a tellus eget magna blandit pellentesque consectetur id nulla. Nullam et egestas sem. Praesent ac risus vel dolor viverra elementum. Sed interdum arcu sagittis purus ullamcorper, nec rhoncus ligula condimentum. Morbi ullamcorper ornare augue, ut hendrerit lacus bibendum nec. Duis vel est sit amet nulla molestie euismod vehicula in mi. In dui eros, efficitur et egestas nec, facilisis vitae magna. Ut non nunc quis enim maximus feugiat. Fusce feugiat bibendum lorem, in dictum leo dignissim ut. Fusce ac tincidunt sem, condimentum semper ligula. Nunc lacinia, diam in hendrerit semper, enim orci sodales nulla, eget tincidunt elit ligula a lectus. In hac habitasse platea dictumst. Vivamus rutrum lacinia purus, sed faucibus orci dignissim eu.

entete ver1

Onglet 1 qui prends la couleurs choisis dans le conteneur, pas personnalisable.  Il y a une icone possible dans une sélection de 62. Il y a une option "en-tete" pas dispo en horizontal... pas personnalisable du tout.

Test avec 1 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum at lorem in accumsan. In vel elit ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sodales eros congue dictum. Aliquam odio dui, maximus quis condimentum vel, pellentesque vel diam. Etiam ultricies mi a felis posuere euismod mattis id nibh. Ut venenatis, enim ac ultrices auctor, leo dolor varius augue, et malesuada lorem turpis vitae mauris. Vivamus tristique urna eu felis dapibus semper.

entete - ver2

Onglet2 - 2 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sem nibh, posuere in sem sit amet, maximus vulputate odio. Morbi cursus porttitor eros, eget sodales libero vestibulum sit amet. Aenean euismod magna at nunc euismod molestie. Proin iaculis massa eu congue mollis. Suspendisse a tellus urna. Aenean sit amet urna dui. Nunc tempus augue a vestibulum dictum. Suspendisse vel pellentesque nisl. Duis tortor nunc, interdum sit amet ante nec, finibus tincidunt leo. Donec ut auctor erat, quis ullamcorper justo. Praesent rutrum dignissim ante, ut vestibulum nunc convallis et. Aliquam consectetur mollis sem, vel semper mi iaculis eget.

Aliquam non mollis lectus. Praesent ut augue dolor. Phasellus consectetur volutpat vestibulum. Curabitur posuere eu ante eu sollicitudin. Vestibulum maximus dui leo, non faucibus enim congue at. Praesent vitae bibendum quam. Aenean iaculis purus a rhoncus consectetur. Nam egestas nisl vel viverra placerat. Vivamus scelerisque dolor varius urna vestibulum, dictum pretium est gravida. Vestibulum eu accumsan dui. Vivamus odio elit, gravida sit amet nisl non, tristique pellentesque dui. Sed lacinia consectetur purus, et posuere sem cursus sit amet. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque gravida dolor vitae molestie volutpat.

Intéressant.  L'utilisation de "en-tête" (header) permet de grouper des thèmes.

Onglet 1 qui prends la couleurs choisis dans le conteneur, pas personnalisable.  Il y a une icone possible dans une sélection de 62. Option "en-tete" déasactiver et pas dispo en horizontal.  Option cadre activer.   Peu personnalisable...

Test avec 3 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dictum at lorem in accumsan. In vel elit ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rhoncus sodales eros congue dictum. Aliquam odio dui, maximus quis condimentum vel, pellentesque vel diam. Etiam ultricies mi a felis posuere euismod mattis id nibh. Ut venenatis, enim ac ultrices auctor, leo dolor varius augue, et malesuada lorem turpis vitae mauris. Vivamus tristique urna eu felis dapibus semper.

Sed a tellus eget magna blandit pellentesque consectetur id nulla. Nullam et egestas sem. Praesent ac risus vel dolor viverra elementum. Sed interdum arcu sagittis purus ullamcorper, nec rhoncus ligula condimentum. Morbi ullamcorper ornare augue, ut hendrerit lacus bibendum nec. Duis vel est sit amet nulla molestie euismod vehicula in mi. In dui eros, efficitur et egestas nec, facilisis vitae magna. Ut non nunc quis enim maximus feugiat. Fusce feugiat bibendum lorem, in dictum leo dignissim ut. Fusce ac tincidunt sem, condimentum semper ligula. Nunc lacinia, diam in hendrerit semper, enim orci sodales nulla, eget tincidunt elit ligula a lectus. In hac habitasse platea dictumst. Vivamus rutrum lacinia purus, sed faucibus orci dignissim eu.

Etiam id metus sed turpis auctor lobortis eget nec lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget arcu odio. Suspendisse interdum, arcu elementum auctor pharetra, nisl elit aliquet nisi, sit amet vulputate odio arcu eu nisi. Proin pretium tincidunt condimentum. Nulla blandit, leo in euismod volutpat, tortor quam ultrices urna, nec suscipit dolor felis ut lorem. Duis id euismod massa. Sed non augue luctus, eleifend justo sit amet, eleifend justo. Suspendisse enim ante, fermentum nec ipsum vitae, imperdiet tincidunt urna. Aenean posuere velit sed mi vehicula, a gravida mauris feugiat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam porttitor velit a lectus dignissim, vel euismod arcu convallis. Mauris eleifend lacinia velit. Morbi cursus, orci ac luctus fringilla, risus ipsum laoreet erat, ut condimentum sem erat sit amet mauris.

Onglet2 - 2 paragraphe

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sem nibh, posuere in sem sit amet, maximus vulputate odio. Morbi cursus porttitor eros, eget sodales libero vestibulum sit amet. Aenean euismod magna at nunc euismod molestie. Proin iaculis massa eu congue mollis. Suspendisse a tellus urna. Aenean sit amet urna dui. Nunc tempus augue a vestibulum dictum. Suspendisse vel pellentesque nisl. Duis tortor nunc, interdum sit amet ante nec, finibus tincidunt leo. Donec ut auctor erat, quis ullamcorper justo. Praesent rutrum dignissim ante, ut vestibulum nunc convallis et. Aliquam consectetur mollis sem, vel semper mi iaculis eget.

Aliquam non mollis lectus. Praesent ut augue dolor. Phasellus consectetur volutpat vestibulum. Curabitur posuere eu ante eu sollicitudin. Vestibulum maximus dui leo, non faucibus enim congue at. Praesent vitae bibendum quam. Aenean iaculis purus a rhoncus consectetur. Nam egestas nisl vel viverra placerat. Vivamus scelerisque dolor varius urna vestibulum, dictum pretium est gravida. Vestibulum eu accumsan dui. Vivamus odio elit, gravida sit amet nisl non, tristique pellentesque dui. Sed lacinia consectetur purus, et posuere sem cursus sit amet. Nulla facilisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque gravida dolor vitae molestie volutpat.

Deuxieme essai sans "en-tete"


  • Aucune étiquette