Recherche dans l'Espace Étudiant :
Section | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Section | ||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Notification | Vectors (Anciennement: SP Notification) | ||||||||
---|---|---|---|---|---|---|---|---|
|
En haut au centre de l'écran en bleu pour 30 secondes
paramboxTheme | Cropped |
---|
Boite d'extension | Vectors (Anciennement: SP expander box) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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...
|
|
Voir plus bas exemple navigation vertical
Notification | Vectors (Anciennement: SP Notification) | ||||||||
---|---|---|---|---|---|---|---|---|
|
En haut au centre de l'écran en bleu pour 10 secondes
Boite d'extension | Vectors (Anciennement: SP expander box) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Ceci est une expander box Attention PAS dans un conteneur d'extension |
Conteneur d'extension | Vectors (Anciennement: SP expander container) | |||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||
|
Effet sympa... même cute...
Bouton | Vectors (Anciennement: SP macro Bouton) | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
Bouton | Vectors (Anciennement: SP macro Bouton) | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
Petit icone (62 choix) et couleurs de polic personnaliser
Une bulle d'information apparait
Infobulle | Vectors (Anciennement: SP Infobulle) | ||||||
---|---|---|---|---|---|---|
|
Une bulle apparait si place le curseur sur la zone.
Panneau | Vectors (Anciennement: SP macro Panneaux) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
SP macro Panneau - custom. Possible de changer fond et couleurs de police et icône - |
Moyennement utile
Un peux de texte avant
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page) | ||||
---|---|---|---|---|
|
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page) | ||||
---|---|---|---|---|
|
Fonctionnement clair, simple. Utile pour document avec reference. Fait le travail.
Barre de Progression | Vectors (Anciennement: SP Barre de progression) | ||||
---|---|---|---|---|
|
Barre de Progression | Vectors (Anciennement: SP Barre de progression) | ||||
---|---|---|---|---|
|
Aucune idée ce que ce truc là fait !!!
Statut de Page | Vectors (Anciennement: SP Statut de page) | ||||
---|---|---|---|---|
|
Stef : Peut-être intéressant pour toi et moi pour suivre nos modifs de page ou si nous impliquons d'autres personnes...
SP navigation horizontale | |||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||
|
SP navigation verticale | ||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||||||||||||||||||||||||||||
|
Bouton | Vectors (Anciennement: SP macro Bouton) | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
Petit icone (62 choix) et couleurs de polic personnaliser
Une bulle d'information apparait
Infobulle | Vectors (Anciennement: SP Infobulle) | ||||||
---|---|---|---|---|---|---|
|
Une bulle apparait si place le curseur sur la zone.
Panneau | Vectors (Anciennement: SP macro Panneaux) | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
SP macro Panneau - custom. Possible de changer fond et couleurs de police et icône - |
Moyennement utile
Un peux de texte avant
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page) | ||||
---|---|---|---|---|
|
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page) | ||||
---|---|---|---|---|
|
Fonctionnement clair, simple. Utile pour document avec reference. Fait le travail.
Barre de Progression | Vectors (Anciennement: SP Barre de progression) | ||||
---|---|---|---|---|
|
Barre de Progression | Vectors (Anciennement: SP Barre de progression) | ||||
---|---|---|---|---|
|
Aucune idée ce que ce truc là fait !!!
Statut de Page | Vectors (Anciennement: SP Statut de page) | ||||
---|---|---|---|---|
|
Stef : Peut-être intéressant pour toi et moi pour suivre nos modifs de page ou si nous impliquons d'autres personnes...
SP navigation horizontale | |||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||
|
Intéressant. L'utilisation de "en-tête" (header) permet de grouper des thèmes.
SP navigation verticale | ||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||||||
SP navigation verticale | ||||||||||||||||||
| ||||||||||||||||||
|
| |||||||||||||||||||||||
|
Deuxieme essai sans "en-tete"
Quisque nec egestas lacus. Maecenas maximus accumsan nisl. In hac habitasse platea dictumst. Etiam euismod accumsan rutrum. Integer dapibus aliquam diam in sagittis. Praesent venenatis urna convallis lacus pulvinar rutrum. Nulla pulvinar blandit elit. Suspendisse ut enim ac massa condimentum accumsan. Curabitur iaculis vestibulum massa, ultrices semper nunc tristique quis. Mauris sollicitudin est eu odio tincidunt bibendum. Aliquam euismod, quam ac faucibus sodales, tellus nisi elementum enim, non eleifend metus metus ut enim. Aliquam ultricies massa vel tortor aliquet, at commodo mauris fringilla. Ut lobortis sapien eu enim egestas, non fringilla elit cursus. Fusce convallis ligula et augue malesuada, nec ullamcorper quam blandit.
Aliquam vel arcu ut quam porttitor posuere eget sit amet nibh. Vestibulum viverra libero in aliquet porta. Aliquam tempor maximus scelerisque. Nam eget finibus nisl, vel hendrerit nisl. Nullam ultrices vestibulum quam. Vestibulum sit amet augue iaculis, molestie purus hendrerit, pellentesque magna. Morbi ac ipsum non tortor tempor placerat cursus venenatis sapien.
Infobulle | Vectors (Anciennement: SP Infobulle) | ||
---|---|---|
|
|
Curabitur volutpat turpis a diam tempor facilisis.
Infobulle | Vectors (Anciennement: SP Infobulle) | ||||||
---|---|---|---|---|---|---|
|
Volet | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
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. |
Test UIExpand VS Développer
Background Color | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
toto
tot2
|
LE SECOND (BLUE) CSS SERA SUREMENT APPLIQUER A TOUS
Background Color | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||
toto
tot2
|
Test de css avec
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 | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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 | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
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.
border | true |
---|---|
color | #FF5630 |
SP élement navigation verticale | ||||||
---|---|---|---|---|---|---|
| ||||||
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 | ||||||
---|---|---|---|---|---|---|
| ||||||
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. |
Inclusion d'extrait | ||||||
---|---|---|---|---|---|---|
|