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” ]img-wordpress_1000 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”]
[/table_esm]

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]

Contenu multimedia

Vidéo (via un code HTML embarqué)

Non responsive

[video_esm_embed responsive=”false”][/video_esm_embed]

Responsive

[video_esm_embed responsive=”true”][/video_esm_embed]

Gallerie WordPress par défaut (Via “Ajouter un média”)

Reseaux sociaux

Liste de tweets

[esm_tweets type=”user” value=”@mbamultimedia”] [esm_tweets type=”hashtag” value=”#w3dproject”]