Boutons
Bouton charte (Design spécifique MBA par projet)
button_effet_esm[button_effet_esm content= »test » target= »_self » url= »http://www.mba-mulimedia.com/ »]
Bouton couleur
button_color_esm[button_color_esm text= »Bouton gauche » target= »_blank » url= »http://www.mba-mulimedia.com/ » align= »left » size= »small » bgcolor= »red »] [button_color_esm text= »Bouton centré » target= »_blank » url= »http://www.mba-mulimedia.com/ » align= »center » size= »medium » bgcolor= »red »] [button_color_esm text= »Bouton droite » target= »_blank » url= »http://www.mba-mulimedia.com/ » align= »right » size= »large » bgcolor= »red »]
Bouton lightbox modale
modal_esm[modal_esm text= »Bouton modal gauche » align= »left » size= »small » bgcolor= »yellow » dialogtitle= »Titre popup » dialogsize= »tiny »]Contenu TEST[/modal_esm] [modal_esm text= »Bouton modal centré » align= »center » size= »medium » bgcolor= »yellow » dialogtitle= »Titre » dialogsize= »small »]Contenu[/modal_esm] [modal_esm text= »Bouton modal droite » align= »right » size= »large » bgcolor= »yellow » dialogtitle= »Titre » dialogsize= »large »]Contenu[/modal_esm]
Boites & cadres
Boite avec en-tête coloré
[box_colorful_header_esm color= »#336699″ title= »Titre de la boite en-tête »]Texte de la boite à en-tête colorée ici…[/box_colorful_header_esm]Note de couleur
[color_note_esm color= »#97e018″]Texte de la note colorée ici…[/color_note_esm]Note de couleur refermable
[box_color_esm color= »blue » align= »left »]Ici le texte de la note de couleur refermable…[/box_color_esm] [box_color_esm color= »#ef2323″]Texte de la note colorée ici…[/box_color_esm]Cadre image
[frame_esm align= »center » ]
Légende de l’image[/frame_esm]
Eléments graphiques
[icon_esm style= »arrow-right » color= »#1970c6″ format= »1″] Icône / Pictogramme
icon_esm[icon_esm style= »google-plus » color= »#336699″ format= »1″] [icon_esm style= »google-plus » color= »#336699″ format= »2″] [icon_esm style= »google-plus » color= »#336699″ format= »3″] [icon_esm style= »google-plus » color= »#336699″ format= »4″] [icon_esm style= »google-plus » color= »#336699″ format= »5″] [icon_esm style= »exclamation-triangle » color= »#f48857″ format= »4″] [icon_esm style= »dropbox » color= »#16b4ed » format= »3″]
En-tête
heading_esm[heading_esm]Votre contenu en-tête ici…[/heading_esm]
Infobulles/tooltips
tooltip_esm
Dans ce texte des [tooltip_esm style= »square » position= »top » tooltipcontent= »Texte de l’infobulle ici… »]infobulles[/tooltip_esm] avec des [tooltip_esm style= »radius » position= »left »]Tooltips arrondis a gauche[/tooltip_esm] ou encore des [tooltip_esm style= »round » position= »right » tooltipcontent= »Test infobulle ! »]Tooltips ronds à droite[/tooltip_esm]
Contenu accès restreint
Par rôle
private_content_role_esm[private_content_role_esm role= »administrator,editor,contributor »]Votre contenu ici…[/private_content_role_esm] [private_content_role_esm role= »subscriber »]Votre contenu ici…[/private_content_role_esm]
Par ID
private_content_login_esm[private_content_login_esm login= »mbamultimedia,user1″]Votre contenu ici…[/private_content_login_esm] [private_content_login_esm login= »user1″]Votre contenu ici…[/private_content_login_esm]
Contenu à visibilité restreinte
Masquer contenu
responsive_content_esm[responsive_content_esm display= »block » size= »hide-for-small-only »]Contenu masqué petit écran seulement…[/responsive_content_esm] [responsive_content_esm display= »block » size= »hide-for-medium-only »]Contenu masqué écran moyen seulement…[/responsive_content_esm] [responsive_content_esm display= »block » size= »hide-for-large-only »]Contenu masqué grand écran seulement…[/responsive_content_esm]
Afficher contenu
responsive_content_esm[responsive_content_esm display= »block » size= »show-for-small-only »]Contenu affiché petit écran seulement…[/responsive_content_esm] [responsive_content_esm display= »block » size= »show-for-medium-only »]Contenu affiché écran moyen seulement…[/responsive_content_esm] [responsive_content_esm display= »block » size= »show-for-large-only »]Contenu affiché grand écran seulement…[/responsive_content_esm]
[responsive_content_esm display= »inline » size= »show-for-small-up »]Contenu affiché petit écran et +… [/responsive_content_esm] [responsive_content_esm display= »inline » size= »show-for-medium-up »]Contenu affiché écran moyen et +… [/responsive_content_esm] [responsive_content_esm display= »inline » size= »show-for-large-up »]Contenu affiché grand écran et +… [/responsive_content_esm]
Structures statiques
Retour haut de page
divider_esm[divider_esm]Retour haut de page[/divider_esm]
Tableau
table_esm
<table>
...
</table>
/table_esm
[table_esm nbcol= »4″ nbrow= »6″]
| Titre col-1 | Titre col-2 | Titre col-3 | Titre col-4 |
| Contenu cellule col-1 ligne- 1 | [icon_esm style= »twitter » color= »#4a9933″ format= »2″] | Contenu cellule col-3 ligne- 1 | Contenu cellule col-4 ligne- 1 |
| Contenu cellule col-1 ligne- 2 | Contenu cellule col-2 ligne- 2 | Contenu cellule col-3 ligne- 2 | Contenu cellule col-4 ligne- 2 |
| Contenu cellule col-1 ligne- 3 | Contenu cellule col-2 ligne- 3 | Contenu cellule col-3 ligne- 3 | Contenu cellule col-4 ligne- 3 |
| Contenu cellule col-1 ligne- 4 | Contenu cellule col-2 ligne- 4 | Contenu cellule col-3 ligne- 4 | Contenu cellule col-4 ligne- 4 |
| Contenu cellule col-1 ligne- 5 | Contenu cellule col-2 ligne- 5 | Contenu cellule col-3 ligne- 5 | Contenu cellule col-4 ligne- 5 |
| [button_color_esm text= »Bouton dans cellule » target= »_blank » url= »http://www.test.com/ » align= »center » size= »small » bgcolor= »green »] | [button_color_esm text= »Autre bouton » target= »_blank » url= »http://www.test.com/ » align= »center » size= »small » bgcolor= »yellow »] | [button_color_esm text= »Un autre » target= »_blank » url= »http://www.test.com/ » align= »center » size= »small » bgcolor= »orange »] | [button_color_esm text= »Un dernier… » target= »_blank » url= »http://www.test.com/ » align= »center » size= »small » bgcolor= »red »] |
Espace en hauteur
spacer_esm[spacer_esm size= »200″]
Colonnes
ligne_esm
colonne_esm
colonne_esm
/ligne_esm
Tailles égales
[ligne_esm][colonne_esm width= »6″]Contenu colonne 1/2[/colonne_esm][colonne_esm width= »6″]Contenu colonne 2/2[/colonne_esm][/ligne_esm][ligne_esm][colonne_esm width= »4″]Contenu colonne 1/3[/colonne_esm][colonne_esm width= »4″]Contenu colonne 2/3[/colonne_esm][colonne_esm width= »4″]Contenu colonne 3/3[/colonne_esm][/ligne_esm]
[ligne_esm][colonne_esm width= »3″]Contenu colonne 1/4[/colonne_esm][colonne_esm width= »3″]Contenu colonne 2/4[/colonne_esm][colonne_esm width= »3″]Contenu colonne 3/4[/colonne_esm][colonne_esm width= »3″]Contenu colonne 4/4[/colonne_esm][/ligne_esm]
[ligne_esm][colonne_esm width= »2″]Contenu colonne 1/6[/colonne_esm][colonne_esm width= »2″]Contenu colonne 2/6[/colonne_esm][colonne_esm width= »2″]Contenu colonne 3/6[/colonne_esm][colonne_esm width= »2″]Contenu colonne 4/6[/colonne_esm][colonne_esm width= »2″]Contenu colonne 5/6[/colonne_esm][colonne_esm width= »2″]Contenu colonne 6/6[/colonne_esm][/ligne_esm]
Tailles variables
[ligne_esm][colonne_esm width= »4″] Contenu colonne 1/2[/colonne_esm][colonne_esm width= »8″] Contenu colonne 2/2[/colonne_esm][/ligne_esm][ligne_esm][colonne_esm width= »8″] Contenu colonne 1/2[/colonne_esm][colonne_esm width= »4″] Contenu colonne 2/2[/colonne_esm][/ligne_esm]
[ligne_esm][colonne_esm width= »3″] Contenu colonne 1/3[/colonne_esm][colonne_esm width= »3″] Contenu colonne 2/3[/colonne_esm][colonne_esm width= »6″] Contenu colonne 3/3[/colonne_esm][/ligne_esm]
[ligne_esm][colonne_esm width= »3″] Contenu colonne 1/3[/colonne_esm][colonne_esm width= »6″] Contenu colonne 2/3[/colonne_esm][colonne_esm width= »3″] Contenu colonne 3/3[/colonne_esm][/ligne_esm]
[ligne_esm][colonne_esm width= »6″] Contenu colonne 1/3[/colonne_esm][colonne_esm width= »3″] Contenu colonne 2/3[/colonne_esm][colonne_esm width= »3″] Contenu colonne 3/3[/colonne_esm][/ligne_esm]
Structures animées
Toggle
toggle_esm[toggle_esm title= »Titre section toggle »]Lorem 1 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/toggle_esm]
Onglets
tabs_esm
tab_esm
tab_esm
tab_esm
/tabs_esm
[tabs_esm orientation= »horizontal » nbtabs= »4″][tab_esm id= »1″ title= »Titre de l’onglet 1″]Lorem 1 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »2″ title= »Titre de l’onglet 2″]Lorem 2 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »3″ title= »Titre de l’onglet 3″]Lorem 3 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »4″ title= »Titre de l’onglet 4″]Lorem 4 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][/tabs_esm] [tabs_esm orientation= »vertical » nbtabs= »4″][tab_esm id= »1″ title= »Titre de l’onglet 1″]Lorem 1 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »2″ title= »Titre de l’onglet 2″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »3″ title= »Titre de l’onglet 3″]Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][tab_esm id= »4″ title= »Titre de l’onglet 4″]Lorem 4 ipsum dolor sit amet, consectetur adipisicing elit. Et, culpa, eos, laboriosam delectus sequi asperiores labore fuga ex molestias a assumenda nesciunt libero consequatur nulla deserunt eveniet ea nobis magni![/tab_esm][/tabs_esm]
Accordéon
accordion_esm
section_esm
section_esm
/accordion_esm
[accordion_esm nbtabs= »3″][section_esm id= »1″ title= »Titre du volet 1″]Ici le contenu du volet 1[/section_esm][section_esm id= »2″ title= »Titre du volet 2″]Ici le contenu du volet 2[/section_esm][section_esm id= »3″ title= »Titre du volet 3″]Ici le contenu du volet 3[/section_esm][/accordion_esm]
Contenu masquable
spoiler_esm[spoiler_esm title= »Titre de la section masquable » open= »0″]Votre contenu masquable ici…[/spoiler_esm]