Comparaison des versions

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 Macro Button - Ouvre un lien externe ou Confluence, customizable

Bouton | Vectors (Anciennement: SP macro Bouton)
backgroundColorFF0818
fontSize12
labelLa presse
fontColorFFFFFF
urlhttps://www.lapresse.ca/

Bouton | Vectors (Anciennement: SP macro Bouton)
backgroundColor3665FF
urlconfluenceAccéder au Centre corps professoral
fontSize12
labelAccéder au centre....
fontColorFFFFFF

SP Barre de progression - Mignon, pas sur ou l'utiliser. 

Barre de Progression par Pourcentage | Vectors (Anciennement: SP barre de progression de pourcentage)
backgroundColor0052CC
percentage30
width100
descriptionAvancement de la demande blablabla

SP note en bas de page- Ne s'insere pas dans certains autres macro

Note de Bas de Page | Vectors (Anciennement: SP note en bas de page)
noteDans la premiere partie gauche
dataSP note en bas de page

 SP Panneau

Panneau | Vectors (Anciennement: SP macro Panneaux)
backgroundColor30FF7C
fontSize12
typewarning
fontColorFF0D25

Warning

Panneau | Vectors (Anciennement: SP macro Panneaux)
backgroundColor30FF7C
fontSize12
typeerror
fontColorFF0D25

Error

Panneau | Vectors (Anciennement: SP macro Panneaux)
backgroundColor30FF7C
fontSize12
typecustomized
fontColorFF0D25

ceci est un SP Panneau - ILS SONT plus adaptable que les avertissements, notes, etc  Ceci est un custum type

Statut de Page | Vectors (Anciennement: SP Statut de page)
textcecic est un SP statut de page
Conteneur d'extension | Vectors (Anciennement: SP expander container)
paramboxThemeCropped


Button Group
classbtnmenu

Button Hyperlink
custom-icon<span class="aui-icon aui-icon-small aui-iconfont-home-circle">Menu</span>
titleRetour à l’accueil
typeprimary
urlL'Espace Enseignant du Département de psychologie


Button Group
classbtnmenu

Button Hyperlink
titleRetour à l’accueil
typeprimary
classbtnmenu
urlL'Espace Enseignant du Département de psychologie


Button Group
classbtnmenu

Button Hyperlink
custom-icon<span class="aui-icon aui-icon-small aui-iconfont-folder">Insert meaningful text here for accessibility</span>
iconappswitcher
titleRetour à l’accueil
typeprimary
classbtnmenu
urlL'Espace Enseignant du Département de psychologie
Button Hyperlink
iconview
titlePréparation d'un cours
typeprimary
classbtnmenu
urlPlan de cours et planification


Bloc de texte SP EXPANDER CONTAINER

Avec deux SP EXPANDER BOX - tres customizable

Boite d'extension | Vectors (Anciennement: SP expander box)
paramboxColorFF33F8
paramboxTitletitre de la boite
sizefontbig
paramboxFontColorFFF12E

SP EXPANDER BOX

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque vel magna vehicula sodales. Etiam mollis lacus id porta porttitor. Aenean in justo magna. Duis gravida, magna sed tristique molestie, lectus ante imperdiet ligula, eget dapibus mauris erat quis augue. In faucibus dolor eu nunc accumsan pulvinar. Integer malesuada nisl id purus venenatis tincidunt. Fusce porttitor velit a dapibus tristique. Sed mi ipsum, auctor nec libero vel, aliquam consequat orci. Phasellus condimentum nec nulla a sollicitudin. Nam imperdiet elementum turpis at mollis. Nam aliquam auctor odio, egestas varius urna lacinia sit amet.

Mauris ligula sapien, venenatis at dui posuere, volutpat commodo velit. Nullam at sagittis odio. Phasellus vulputate turpis enim, at bibendum eros mattis vel. Aliquam ligula libero, interdum at pharetra id, facilisis in lorem. Aenean rhoncus eleifend lacus eu sagittis. Fusce iaculis tellus elit, ut gravida massa aliquam id. In vestibulum dignissim iaculis. Etiam suscipit, elit sed iaculis convallis, neque quam pretium arcu, ut molestie est elit non augue. Sed faucibus velit eu sapien sollicitudin, non posuere lectus luctus. Duis efficitur at eros in rhoncus. Ut in ipsum quis neque iaculis laoreet.

Ut rutrum enim eget mattis iaculis. Nullam tempor turpis ipsum, id iaculis felis malesuada nec. Morbi et ex ultrices, condimentum sapien ac, facilisis quam. Vivamus iaculis, dui eu tempus aliquam, libero est convallis est, et vestibulum lorem urna sed purus. Pellentesque magna orci, fermentum dapibus leo non, consequat consequat tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris consectetur, risus eget interdum ornare, orci nisi suscipit tortor, a sodales urna leo vitae metus. Sed lacinia aliquam congue. Sed auctor posuere ligula ac semper.

Boite d'extension | Vectors (Anciennement: SP expander box)
paramboxColor40FF40
paramboxTitletitre de la boite
sizefontsmall
paramboxFontColorFFAA99

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque vel magna vehicula sodales. Etiam mollis lacus id porta porttitor. Aenean in justo magna. Duis gravida, magna sed tristique molestie, lectus ante imperdiet ligula, eget dapibus mauris erat quis augue. In faucibus dolor eu nunc accumsan pulvinar. Integer malesuada nisl id purus venenatis tincidunt. Fusce porttitor velit a dapibus tristique. Sed mi ipsum, auctor nec libero vel, aliquam consequat orci. Phasellus condimentum nec nulla a sollicitudin. Nam imperdiet elementum turpis at mollis. Nam aliquam auctor odio, egestas varius urna lacinia sit amet.

Mauris ligula sapien, venenatis at dui posuere, volutpat commodo velit. Nullam at sagittis odio. Phasellus vulputate turpis enim, at bibendum eros mattis vel. Aliquam ligula libero, interdum at pharetra id, facilisis in lorem. Aenean rhoncus eleifend lacus eu sagittis. Fusce iaculis tellus elit, ut gravida massa aliquam id. In vestibulum dignissim iaculis. Etiam suscipit, elit sed iaculis convallis, neque quam pretium arcu, ut molestie est elit non augue. Sed faucibus velit eu sapien sollicitudin, non posuere lectus luctus. Duis efficitur at eros in rhoncus. Ut in ipsum quis neque iaculis laoreet.

Ut rutrum enim eget mattis iaculis. Nullam tempor turpis ipsum, id iaculis felis malesuada nec. Morbi et ex ultrices, condimentum sapien ac, facilisis quam. Vivamus iaculis, dui eu tempus aliquam, libero est convallis est, et vestibulum lorem urna sed purus. Pellentesque magna orci, fermentum dapibus leo non, consequat consequat tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris consectetur, risus eget interdum ornare, orci nisi suscipit tortor, a sodales urna leo vitae metus. Sed lacinia aliquam congue. Sed auctor posuere ligula ac semper.

SP groupe d'onglets + SP Infobulle + SP note en bas de page dans le 2e paragaphe de 1er onglet

Groupe d'onglets | Vectors (Anciennement: SP Groupe d'onglets)
dispositionhorizontal
color#FFAB00
Onglet | Vectors (Anciennement: SP Onglet)
anchor1346200652
namePremier

Mauris ligula sapien, venenatis at dui posuere, volutpat commodo velit. Nullam at sagittis odio. Phasellus vulputate turpis enim, at bibendum eros mattis vel. Aliquam ligula libero, interdum at pharetra id, facilisis in lorem. Aenean rhoncus eleifend lacus eu sagittis. Fusce iaculis tellus elit, ut gravida massa aliquam id. In vestibulum dignissim iaculis. Etiam suscipit, elit sed iaculis convallis, neque quam pretium arcu, ut molestie est elit non augue. Sed faucibus velit eu sapien sollicitudin, non posuere lectus luctus. Duis efficitur at eros in rhoncus. Ut in ipsum quis neque iaculis laoreet.

Ut rutrum enim eget mattis iaculis. Nullam tempor turpis ipsum,

Infobulle | Vectors (Anciennement: SP Infobulle)
Descriptionceci est la decription du terme
BackgroundPaleTurquoise
Termterme
id iaculis felis malesuada nec. Morbi et ex ultrices, condimentum sapien ac, facilisis quam. Vivamus iaculis, dui eu tempus aliquam, libero est convallis est, et vestibulum lorem urna sed purus. Pellentesque magna orci, fermentum dapibus leo non, consequat consequat tortor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris consectetur, risus eget interdum ornare, orci nisi suscipit tortor, a sodales urna leo vitae metus. Sed lacinia aliquam congue. Sed auctor posuere ligula ac
Note de Bas de Page | Vectors (Anciennement: SP note en bas de page)
noteDans le prmier onglet derniere ligne
dataSP note en bas de page
semper.

Onglet | Vectors (Anciennement: SP Onglet)
anchor1822412652
nameSecond

Mauris ligula sapien, venenatis at dui posuere, volutpat commodo velit. Nullam at sagittis odio. Phasellus vulputate turpis enim, at bibendum eros mattis vel. Aliquam ligula libero, interdum at pharetra id, facilisis in lorem. Aenean rhoncus eleifend lacus eu sagittis. Fusce iaculis tellus elit, ut gravida massa aliquam id. In vestibulum dignissim iaculis. Etiam suscipit, elit sed iaculis convallis, neque quam pretium arcu, ut molestie est elit non augue. Sed faucibus velit eu sapien sollicitudin, non posuere lectus luctus. Duis efficitur at eros in rhoncus. Ut in ipsum quis neque iaculis laoreet.

SP navigation horizontal  - pas sur de voir de différence avec les onglets

SP navigation horizontale
color#FF5630

SP navigation horizontal

SP élément navigation horizontale
anchor1346200652
namePremier

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae rutrum ligula. Cras tincidunt, eros quis euismod consequat, nibh diam ultricies elit, vitae varius dui nibh eu lorem. Etiam non feugiat erat. Maecenas sed euismod urna. Maecenas consectetur elit sed sem vestibulum ornare. Cras gravida sem nibh, sed porta felis accumsan dignissim. Donec imperdiet efficitur quam, in tincidunt ipsum auctor vitae. Etiam lobortis congue imperdiet. Vivamus orci dui, scelerisque eu consectetur sit amet, sollicitudin nec libero. Aenean interdum, lorem vitae consequat mattis, turpis metus tincidunt velit, at feugiat urna libero eget nulla.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vestibulum hendrerit nunc, quis scelerisque erat consectetur sed. Nullam interdum elementum mi, ut finibus ipsum eleifend id. Mauris quis porttitor dui. Morbi consequat ligula non arcu tincidunt, quis porta velit porta. Nullam eu faucibus dolor. Suspendisse in rhoncus mi, et cursus purus. Aliquam erat volutpat. Praesent sed finibus nibh. Cras fringilla viverra ipsum a pellentesque. 

SP élément navigation horizontale
anchor1822412652
nameSecond

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae rutrum ligula. Cras tincidunt, eros quis euismod consequat, nibh diam ultricies elit, vitae varius dui nibh eu lorem. Etiam non feugiat erat. Maecenas sed euismod urna. Maecenas consectetur elit sed sem vestibulum ornare. Cras gravida sem nibh, sed porta felis accumsan dignissim. Donec imperdiet efficitur quam, in tincidunt ipsum auctor vitae. Etiam lobortis congue imperdiet. Vivamus orci dui, scelerisque eu consectetur sit amet, sollicitudin nec libero. Aenean interdum, lorem vitae consequat mattis, turpis metus tincidunt velit, at feugiat urna libero eget nulla.

SP navigation vertical - INTERSSANT PAS SIMPLE... 

SP navigation verticale
color#403294
SP élement navigation verticale
anchor913671554
namePremier V
headerentete1v

SP element navigation vertical - premierV

 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae rutrum ligula. Cras tincidunt, eros quis euismod consequat, nibh diam ultricies elit, vitae varius dui nibh eu lorem. Etiam non feugiat erat. Maecenas sed euismod urna. Maecenas consectetur elit sed sem vestibulum ornare. Cras gravida sem nibh, sed porta felis accumsan dignissim. Donec imperdiet efficitur quam, in tincidunt ipsum auctor vitae. Etiam lobortis congue imperdiet. Vivamus orci dui, scelerisque eu consectetur sit amet, sollicitudin nec libero. Aenean interdum, lorem vitae consequat mattis, turpis metus tincidunt velit, at feugiat urna libero eget nulla.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vestibulum hendrerit nunc, quis scelerisque erat consectetur sed. Nullam interdum elementum mi, ut finibus ipsum eleifend id. Mauris quis porttitor dui. Morbi consequat ligula non arcu tincidunt, quis porta velit porta. Nullam eu faucibus dolor. Suspendisse in rhoncus mi, et cursus purus. Aliquam erat volutpat. Praesent sed finibus nibh. Cras fringilla viverra ipsum a pellentesque. 

SP élement navigation verticale
anchor660217278
nameSecondV
headerentete2v

SP element navigation vertical - secondV
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vestibulum hendrerit nunc, quis scelerisque erat consectetur sed. Nullam interdum elementum mi, ut finibus ipsum eleifend id. Mauris quis porttitor dui. Morbi consequat ligula non arcu tincidunt, quis porta velit porta. Nullam eu faucibus dolor. Suspendisse in rhoncus mi, et cursus purus. Aliquam erat volutpat. Praesent sed finibus nibh. Cras fringilla viverra ipsum a pellentesque. 

SP élement navigation verticale
anchor1008100912
nameSecondV2
headerentete2v2

SP element navigation vertical - secondV2
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vestibulum hendrerit nunc, quis scelerisque erat consectetur sed. Nullam interdum elementum mi, ut finibus ipsum eleifend id. Mauris quis porttitor dui. Morbi consequat ligula non arcu tincidunt, quis porta velit porta. Nullam eu faucibus dolor. Suspendisse in rhoncus mi, et cursus purus. Aliquam erat volutpat. Praesent sed finibus nibh. Cras fringilla viverra ipsum a pellentesque. 

Extrait
CSS Stylesheet
/* DANS TOUTE LES PAGES ou cet extrait est utiliser. */ 
/* Ariane et Stef 2023 */ 
/* ================================================================ */

/* Masque le bouton like et commentaire en bas des pages.  */ 
#comments-section {  
display:none;  
}  
 
#likes-section  {  
display:none;  
}


/* ================================================================ */
/* Tous les Macroboutons : Button Hyperlink de menu sont modifiés.changés   */  
.contentf-buttonbtnmenu { 
background-color: #006bb6#0057ac !important}


/* Les tableaux de haut de page - menu.  Le fond et le cadre sont effacés. */ 
/*  .confluenceTh { 
border-color: #ffffff;  background: #ffffff !important}   */

.btnmenu { 
border-color: white !important} 

.btnmenu { 
border-width: 1px !important} 

.btnmenu {  
border-radius: 5px;}

.btnmenu:hover { 
background-color: #0b113a !important}