Comparaison des versions

Ancienne version 66

changes.mady.by.user Stéphane Denis

Sauvegardée le

comparé à

Nouvelle version 67

changes.mady.by.user Stéphane Denis

Sauvegardée le

Légende

  • Ces lignes ont été ajoutées. Ce mot a été ajouté.
  • Ces lignes ont été supprimées. Ce mot a été supprimé.
  • La mise en forme a été modifiée.

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


Notification | Vectors (Anciennement: SP Notification)
duration30
positiontop center
textceci est une notification- TopCenter 30secs
typeinfo

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

SP Expander Box


Conteneur d'extension | Vectors (Anciennement: SP expander container)
paramboxThemeCropped


Boite d'extension | Vectors (Anciennement: SP expander box)
paramboxColorFFFFFF
paramboxTitleSP Expander Box1
sizefontsmall
paramboxFontColor006BB6

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


Boite d'extension | Vectors (Anciennement: SP expander box)
paramboxColorFFFFFF
paramboxTitleSP Expander Box2
sizefontsmall
paramboxFontColor009BB9

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


Boite d'extension | Vectors (Anciennement: SP expander box)
paramboxColorFFFFFF
paramboxTitleSP Expander Box3
sizefontbig
paramboxFontColor8FA30A

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

Bouton | Vectors (Anciennement: SP macro Bouton)
backgroundColorFFFFFF
iconicon-sp-commenting-o
labelSP macro button - lien externe -icone bulles
fontColor006BB6
urlhttps://www.lapresse.ca/

Bouton | Vectors (Anciennement: SP macro Bouton)
backgroundColorFFFFFF
urlconfluenceJe suis J'étudie au premier cycle
iconicon-sp-graduation-cap
labelSP macro button - lien interne -icone acad
fontColor009EE9

Petit icone (62 choix) et couleurs de polic personnaliser

SP InfoBulle

Une bulle d'information apparait

Infobulle | Vectors (Anciennement: SP Infobulle)
DescriptionDescription SP InfoBulle
BackgroundHoneyDew
TermSP InfoBulle
peut-etre utile pour une infomation/définition.

Une bulle apparait si place le curseur sur la zone.

SP macro Panneau

Panneau | Vectors (Anciennement: SP macro Panneaux)
backgroundColorF7F7F7
iconicon-sp-bank
typecustomized
fontColor006BB6

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

Note de Bas de Page | Vectors (Anciennement: SP note en bas de page)
noteMacro SP note en bas de page = Note pas de personnalisation
dataReference dans le texte qui mène au bas de page
et un peu se texte après.  Il se passe quoi avec deux notes de bas de page
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page)
noteMacro SP note en bas de page = 2e Note
dataceci est ma reference
on vas voir ce qui se passe.

Fonctionnement clair, simple.  Utile pour document avec reference.  Fait le travail.

SP barre de progression


Barre de Progression | Vectors (Anciennement: SP Barre de progression)
current-step1
steps1

Barre de Progression | Vectors (Anciennement: SP Barre de progression)
current-step1
steps5

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


SP Statut page

Statut de Page | Vectors (Anciennement: SP Statut de page)
width400px
textSP 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

SP navigation horizontale
color#FFAB00


SP élément navigation horizontale
anchor99465843
iconicon-sp-powerpoint
namehori1

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.


SP élément navigation horizontale
anchor3208519
iconicon-sp-flag
namehor2

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.


SP élément navigation horizontale
anchor3208520
iconicon-sp-attention
namehor3

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

SP navigation verticale
color#403294


SP élement navigation verticale
anchor3615982
iconicon-sp-facebook
namever1
headerentete 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.


SP élement navigation verticale
anchor112095540
iconicon-sp-picture
namever1b
headerentete 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.


SP élement navigation verticale
anchor112095541
iconicon-sp-attention
namever1c
headerentete 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.


SP élement navigation verticale
anchor3615983
iconicon-sp-pinterest-circled
namever2
headerentete - 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.

SP navigation verticale
color#FF5630


SP élement navigation verticale
anchor3615982
iconicon-sp-facebook
namever1

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.


SP élement navigation verticale
anchor3615983
iconicon-sp-pinterest-circled
namever2

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"

Test Macro

Button Group

Button Hyperlink
titleRetour à l’accueil
typeprimary
classbtnmenu
urlBienvenue au Département de psychologie!

Info
titleMacro test

ceci est une macro Info

CSS Stylesheet.confluence-information

Inclusion d'extrait
CSS_bas_Page
CSS_bas_Page
nopaneltrue

-macro { background-color: 00a2ff; border-color: ff0049; }