Module DP Image accordeon

[dipl_image_accordion icon_color= »#ffffff » _builder_version= »4.5.3″ _module_preset= »default » custom_button= »on » button_text_color= »#e02b20″ text_orientation= »left » height= »413px » custom_margin= »||36px||| » global_colors_info= »{} »][dipl_image_accordion_item title= »Titre » icon= »=||divi||400″ show_button= »on » button_text= »Bouton » button_url= »# » accordion_bg_color= »#7cda24″ active_accordion_bg_color= »#63ad1d » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Description

Lien

[/dipl_image_accordion_item][dipl_image_accordion_item title= »Titre 2″ icon= »E||divi||400″ show_button= »on » button_text= »Bouton 2″ button_url= »# » accordion_bg_use_color_gradient= »on » accordion_bg_color_gradient_start= »rgba(43,135,218,0.36) » accordion_bg_color_gradient_end= »rgba(41,196,169,0.32) » accordion_bg_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/restaurant-hero-03-1024×683.jpg » accordion_bg_blend= »screen » active_accordion_bg_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/restaurant-hero-03-1024×683.jpg » _builder_version= »4.5.3″ _module_preset= »default » text_orientation= »left » global_colors_info= »{} »]

Description

[/dipl_image_accordion_item][/dipl_image_accordion]

Module DP Masonry gallery

[dipl_masonry_gallery image_ids= »32,26,25″ number_of_columns= »2″ show_title= »on » show_caption= »on » enable_lightbox= »on » enable_overlay= »on » overlay_icon= »P||divi||400″ lightbox_close_icon_color= »#ffffff » lightbox_arrows_color= »#ffffff » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][/dipl_masonry_gallery]

Module DP Modal

[dipl_modal modal_id= »ModalID » trigger_button_text= »Lancement fenêtre modale » close_on_esc= »on » modal_title= »Titre modale » close_button_text= »Fermer » trigger_element_bg_color= »#ffffff » modal_bg_color= »#fffab5″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Ceci est le texte de la fenêtre modale, mais cela peut aussi être un modèle Divi ! 🙂

[/dipl_modal]

Module DP How to schema

[dipl_how_to_schema title= »How to schema » how_to_content= »

Texte

 » howto_image= »http://form.agence-alternative.com/wp-content/uploads/2020/09/404-150×150.png » step_main_title= »Préliminaire » _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][dipl_how_to_schema_item step_title= »Etape 2″ step_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/D812685-150×150.png » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte etape 2

[/dipl_how_to_schema_item][dipl_how_to_schema_item step_title= »Etape 2″ step_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/D812685-150×150.png » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte etape 2

[/dipl_how_to_schema_item][dipl_how_to_schema_item step_title= »Etape 2″ step_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/D812685-150×150.png » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte etape 2

[/dipl_how_to_schema_item][/dipl_how_to_schema]

Module DP Text animator

[dipl_text_animator prefix_text= »Je suis » animated_text= »génial | doué | beau | modeste » postfix_text= »comme mec » animation_layout= »typing » _builder_version= »4.9.4″ _module_preset= »default » global_text_settings_font= »|700||||||| » main_text_text_color= »#0c71c3″ global_colors_info= »{} »][/dipl_text_animator]

Module DP Text highlighter

[dipl_text_highlighter pre_highlighter_content= »Ceci est un texte » highlighter_content= »avec des items soulignés » post_highlighter_content= »comme je veux » svg_type= »highlight_circle » use_as_heading= »on » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][/dipl_text_highlighter]

Module DP Timeline

[dipl_timeline _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][dipl_timeline_item timeline_title= »Etape 1″ display_time= »on » timeline_custom_time= »2016″ use_timeline_icon= »on » select_timeline_icon= »;||divi||400″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte étape 1

[/dipl_timeline_item][dipl_timeline_item timeline_title= »Etape 2″ display_time= »on » timeline_custom_time= »2017″ use_timeline_icon= »on » select_timeline_icon= »;||divi||400″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte étape 2

[/dipl_timeline_item][dipl_timeline_item timeline_title= »Etape 1″ display_time= »on » timeline_custom_time= »2016″ use_timeline_icon= »on » select_timeline_icon= »;||divi||400″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »]

Texte étape 1

[/dipl_timeline_item][/dipl_timeline]

Module Supreme Contact form 7

[dsm_contact_form_7 cf7_library= »86″ show_validation= »on » input_background_color= »#f4f4f4″ _builder_version= »4.5.3″ _module_preset= »default » labels_font= »|||on||||| » labels_text_color= »#0c71c3″ labels_font_size= »11px » input_textarea_select_font= »|||||||| » input_textarea_select_text_color= »#000000″ box_shadow_style_input_field= »preset3″ box_shadow_vertical_input_field= »4px » box_shadow_blur_input_field= »13px » box_shadow_spread_input_field= »-7px » global_colors_info= »{} »][/dsm_contact_form_7]

Module Supreme Google maps embed

[dsm_embed_google_map address= »4 clos Jean 54700 pont à mousson, france » zoom= »15″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][/dsm_embed_google_map]

Module Supreme Menu

[dsm_menu title= »Titre du menu » menu_id= »2″ menu_link_text_color= »#E09900″ list_style_type= »none » _builder_version= »4.9.4″ _module_preset= »default » menu_font= »|||on||||| » menu_font_size= »15px » global_colors_info= »{} »][/dsm_menu]

Module DP Hotspot

[dipl_hotspot hotspot_image= »http://form.agence-alternative.com/wp-content/uploads/2018/10/restaurant-hero-03.jpg » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][dipl_hotspot_item marker_icon= »P||divi||400″ marker_position_top= »20% » marker_position_left= »44% » single_marker_shape= »use_circle » single_marker_shape_color= »#e09900″ _builder_version= »4.5.3″ _module_preset= »default » single_marker_text_settings_text_color= »#ffffff » link_option_url= »# » global_colors_info= »{} »]

Tooltip du marker (éditeur WP)

[/dipl_hotspot_item][dipl_hotspot_item marker_icon= »P||divi||400″ marker_position_top= »19% » marker_position_left= »58% » single_marker_shape= »use_circle » single_marker_shape_color= »#7cda24″ _builder_version= »4.5.3″ _module_preset= »default » single_marker_text_settings_text_color= »#ffffff » global_colors_info= »{} »]

On peut aussi intégrer des tooltip depuis une librairie Divi ou un lien dans le texte

[/dipl_hotspot_item][dipl_hotspot_item marker_type= »image » marker_image= »http://form.agence-alternative.com/wp-content/uploads/2019/05/sigle-seul-150×150.png » marker_position_top= »83% » marker_position_left= »79% » single_marker_shape= »use_circle » single_marker_shape_color= »#e09900″ _builder_version= »4.5.3″ _module_preset= »default » single_marker_text_settings_text_color= »#ffffff » link_option_url= »# » global_colors_info= »{} »]

Tooltip du marker (éditeur WP)

[/dipl_hotspot_item][/dipl_hotspot]

Module DIVI Menus

[et_pb_divimenus show_open= »off » inside_container= »off » central_item_select= »central_item_text_option » menu_item_font_icon= »'||divi||400″ central_item_circle_color= »#e09900″ central_item_font_options= »off|off » menu_item_circle_color= »#f9e6a7″ tooltip_width= »200″ central_item_image_size_tablet= »57″ central_item_image_size_phone= »57″ mb_title_position_tablet= »bottom » mb_title_position_phone= »bottom » mb_title_offset_tablet= »10px » mb_title_offset_phone= »10px » mb_title_width_tablet= »200″ mb_title_width_phone= »200″ tooltip_position_tablet= »bottom » tooltip_position_phone= »bottom » tooltip_padding_tablet= »10px » tooltip_padding_phone= »10px » tooltip_width_tablet= »200″ tooltip_width_phone= »200″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} » central_item_image_height= »57″ central_item_image_height_t= »57″ central_item_image_height_p= »57″][et_pb_divimenus_item title= »Item 1″ url= »# » title_disable= »off » title_position_tablet= »inherit » title_position_phone= »inherit » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} » disable_items= »off » menu_item_font_icon= »'||divi||400″ menu_item_image= »data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQwIiBoZWlnaHQ9IjU0MCIgdmlld0JveD0iMCAwIDU0MCA1NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNFQkVCRUIiIGQ9Ik0wIDBoMTA4MHY1NDBIMHoiLz4KICAgICAgICA8cGF0aCBkPSJNNDQ1LjY0OSA1NDBoLTk4Ljk5NUwxNDQuNjQ5IDMzNy45OTUgMCA0ODIuNjQ0di05OC45OTVsMTE2LjM2NS0xMTYuMzY1YzE1LjYyLTE1LjYyIDQwLjk0Ny0xNS42MiA1Ni41NjggMEw0NDUuNjUgNTQweiIgZmlsbC1vcGFjaXR5PSIuMSIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICAgICAgPGNpcmNsZSBmaWxsLW9wYWNpdHk9Ii4wNSIgZmlsbD0iIzAwMCIgY3g9IjMzMSIgY3k9IjE0OCIgcj0iNzAiLz4KICAgICAgICA8cGF0aCBkPSJNMTA4MCAzNzl2MTEzLjEzN0w3MjguMTYyIDE0MC4zIDMyOC40NjIgNTQwSDIxNS4zMjRMNjk5Ljg3OCA1NS40NDZjMTUuNjItMTUuNjIgNDAuOTQ4LTE1LjYyIDU2LjU2OCAwTDEwODAgMzc5eiIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICA8L2c+Cjwvc3ZnPgo= » menu_item_show_title= »on » menu_item_equal_size= »on » menu_item_select= »icon_option » menu_item_use_border= »off » title_clickable= »off » tooltip_use_background= »off » tooltip_behavior= »hover » child_order= »0″ item_padding_lr= »15″ item_padding_tb= »15″ item_padding_lr_t= »15″ item_padding_tb_t= »15″ item_padding_lr_p= »15″ item_padding_tb_p= »15″][/et_pb_divimenus_item][et_pb_divimenus_item title= »Item 2″ url= »# » title_disable= »off » title_position_tablet= »inherit » title_position_phone= »inherit » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} » disable_items= »off » menu_item_font_icon= »'||divi||400″ menu_item_image= »data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQwIiBoZWlnaHQ9IjU0MCIgdmlld0JveD0iMCAwIDU0MCA1NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNFQkVCRUIiIGQ9Ik0wIDBoMTA4MHY1NDBIMHoiLz4KICAgICAgICA8cGF0aCBkPSJNNDQ1LjY0OSA1NDBoLTk4Ljk5NUwxNDQuNjQ5IDMzNy45OTUgMCA0ODIuNjQ0di05OC45OTVsMTE2LjM2NS0xMTYuMzY1YzE1LjYyLTE1LjYyIDQwLjk0Ny0xNS42MiA1Ni41NjggMEw0NDUuNjUgNTQweiIgZmlsbC1vcGFjaXR5PSIuMSIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICAgICAgPGNpcmNsZSBmaWxsLW9wYWNpdHk9Ii4wNSIgZmlsbD0iIzAwMCIgY3g9IjMzMSIgY3k9IjE0OCIgcj0iNzAiLz4KICAgICAgICA8cGF0aCBkPSJNMTA4MCAzNzl2MTEzLjEzN0w3MjguMTYyIDE0MC4zIDMyOC40NjIgNTQwSDIxNS4zMjRMNjk5Ljg3OCA1NS40NDZjMTUuNjItMTUuNjIgNDAuOTQ4LTE1LjYyIDU2LjU2OCAwTDEwODAgMzc5eiIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICA8L2c+Cjwvc3ZnPgo= » menu_item_show_title= »on » menu_item_equal_size= »on » menu_item_select= »icon_option » menu_item_use_border= »off » title_clickable= »off » tooltip_use_background= »off » tooltip_behavior= »hover » child_order= »1″ item_padding_lr= »15″ item_padding_tb= »15″ item_padding_lr_t= »15″ item_padding_tb_t= »15″ item_padding_lr_p= »15″ item_padding_tb_p= »15″][/et_pb_divimenus_item][et_pb_divimenus_item title= »Item 3″ url= »# » title_disable= »off » title_position_tablet= »inherit » title_position_phone= »inherit » _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} » disable_items= »off » menu_item_font_icon= »'||divi||400″ menu_item_image= »data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQwIiBoZWlnaHQ9IjU0MCIgdmlld0JveD0iMCAwIDU0MCA1NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGZpbGw9IiNFQkVCRUIiIGQ9Ik0wIDBoMTA4MHY1NDBIMHoiLz4KICAgICAgICA8cGF0aCBkPSJNNDQ1LjY0OSA1NDBoLTk4Ljk5NUwxNDQuNjQ5IDMzNy45OTUgMCA0ODIuNjQ0di05OC45OTVsMTE2LjM2NS0xMTYuMzY1YzE1LjYyLTE1LjYyIDQwLjk0Ny0xNS42MiA1Ni41NjggMEw0NDUuNjUgNTQweiIgZmlsbC1vcGFjaXR5PSIuMSIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICAgICAgPGNpcmNsZSBmaWxsLW9wYWNpdHk9Ii4wNSIgZmlsbD0iIzAwMCIgY3g9IjMzMSIgY3k9IjE0OCIgcj0iNzAiLz4KICAgICAgICA8cGF0aCBkPSJNMTA4MCAzNzl2MTEzLjEzN0w3MjguMTYyIDE0MC4zIDMyOC40NjIgNTQwSDIxNS4zMjRMNjk5Ljg3OCA1NS40NDZjMTUuNjItMTUuNjIgNDAuOTQ4LTE1LjYyIDU2LjU2OCAwTDEwODAgMzc5eiIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+CiAgICA8L2c+Cjwvc3ZnPgo= » menu_item_show_title= »on » menu_item_equal_size= »on » menu_item_select= »icon_option » menu_item_use_border= »off » title_clickable= »off » tooltip_use_background= »off » tooltip_behavior= »hover » child_order= »2″ item_padding_lr= »15″ item_padding_tb= »15″ item_padding_lr_t= »15″ item_padding_tb_t= »15″ item_padding_lr_p= »15″ item_padding_tb_p= »15″][/et_pb_divimenus_item][/et_pb_divimenus]

Module DP Blog Slider

[dipl_blog_slider post_per_slide_tablet= »2″ post_per_slide_phone= »1″ _builder_version= »4.5.3″ _module_preset= »default » global_colors_info= »{} »][/dipl_blog_slider]

Module DP Breadcrumps

[dipl_breadcrumb breadcrumb_layout= »layout2″ separator_color= »#E09900″ use_home_link_custom_text= »on » home_link_text= »Accueil » use_home_link_icon= »on » hide_home_text= »on » home_link_icon= »||divi||400″ home_link_icon_color= »#E09900″ home_link_icon_size= »22px » _builder_version= »4.9.4″ _module_preset= »default » global_text_settings_font_size= »15px » global_colors_info= »{} »][/dipl_breadcrumb]

Module DP Button

[dipl_button inline_buttons= »on » buttons_alignment= »left » _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][dipl_button_item button_type= »conversion » button_text= »BTN type Conversion » secondary_text= »Texte secondaire » button_url= »# » button_bg_color= »#E09900″ button_alignment= »left » _builder_version= »4.9.4″ _module_preset= »default » button_text_color= »#FFFFFF » secondary_text_text_color= »#FFFFFF » global_colors_info= »{} »][/dipl_button_item][dipl_button_item button_text= »BTN type classic » button_url= »# » button_bg_color= »#7CDA24″ _builder_version= »4.9.4″ _module_preset= »default » button_text_color= »#FFFFFF » global_colors_info= »{} »][/dipl_button_item][/dipl_button]

Module DP Button

[dipl_double_color_heading heading_pre_part= »Fancy pre heading » heading_main_part= »Fancy heading » heading_post_part= »Post heading » display_in_stack= »on » pre_part_text_background= »on » pre_background_color= »#eaeaea » post_part_text_background= »on » post_background_color= »#eeefb8″ pre_part_custom_padding= »0px|6px|5px|6px|false|true » _builder_version= »4.9.4″ _module_preset= »default » pre_header_text_color= »#adadad » pre_header_font_size= »19px » main_header_font= »|||on||||| » main_header_font_size= »30px » post_header_font_size= »17px » global_colors_info= »{} »][/dipl_double_color_heading]

Module Supreme Icon List

[dsm_icon_list _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][dsm_icon_list_child text= »Item numéro 1″ font_icon= »=||divi||400″ _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][/dsm_icon_list_child][dsm_icon_list_child text= »Item numéro 1″ font_icon= »=||divi||400″ _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][/dsm_icon_list_child][dsm_icon_list_child text= »Item numéro 1″ font_icon= »=||divi||400″ _builder_version= »4.9.4″ _module_preset= »default » global_colors_info= »{} »][/dsm_icon_list_child][/dsm_icon_list]

Test d’une section avec Particules