SUR DIVI PIXEL, possibilité de sélectionner les plugins qu’on souhaite dans DIVI –> DIVI PIXEL

ADVANCED TAB

exemples
Peut utiliser un élément de la LIBRARY DIVI
Sinon fonctionne bien avec possibilité IMAGE, TEXTE, BOUTON
Les TABS peuvent STICK en haut de l’écran (comme un menu secondaire)
Comment faire le menu sur la gauche en vertical ?

[dipi_advanced_tabs _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ tabs_bg_color= »#0A4142″ tabs_bg_enable_color= »on » content_bg_color= »#0A4142″ content_bg_enable_color= »on » background_color= »#148486″ use_sticky_tabs= »off » use_active_arrow= »on » title_active_text_color= »#0A4142″ title_text_color= »#000000″ use_scroll_to_content= »off » enable_ts_on_wide= »off » tab_animation= »fadeIn »][dipi_advanced_tabs_item _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ title= »Web Design » use_button= »on » at_button_text= »En savoir plus » at_button_url= »# » subtitle_text_color= »#000000″ title_text_color= »#000000″ text_text_color= »#FFFFFF » custom_button= »on » button_text_color= »#FFFFFF » alt= »WeboCom agence de communication digitale en Dordogne » title_text= »accueil_webocom » image= »https://webocom.fr/wp-content/uploads/2024/12/accueil_webocom.webp » img_placement= »row » img_container_width= »18% » tab_media= »none »]

Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.

[/dipi_advanced_tabs_item][dipi_advanced_tabs_item _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ title= »Web Design »][/dipi_advanced_tabs_item][dipi_advanced_tabs_item _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ title= »Web Design »][/dipi_advanced_tabs_item][dipi_advanced_tabs_item _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ title= »Web Design »][/dipi_advanced_tabs_item][/dipi_advanced_tabs]

BALLOON

exemples
Ce sont des INFOBULLES qui peuvent être affichées au survol
A revoir mais reprend les éléments de la bibliotheque DIVI ?

BEFORE-AFTER

exemples

[dipi_before_after_slider _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » alt= »Agence web en Dordogne, WeboCom conçoit vos sites internet sur mesure » title_text= »site internet_webocom » before_image= »https://webocom.fr/wp-content/uploads/2024/12/accueil_webocom.webp » after_image= »https://webocom.fr/wp-content/uploads/2024/12/site-internet_webocom.webp » hover_enabled= »0″ sticky_enabled= »0″ width= »51% »][/dipi_before_after_slider]

BLOG SLIDER

exemples
C’est la seule présentation possible

[dipi_blog_slider _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » include_categories= »11,13,12″ card_clickable= »on » show_author= »off » columns= »3″ loop= »on » navigation= »on » navigation_on_hover= »on » pagination= »on » image_animation= »zoomin » overlay_bg_color= »rgba(20,132,134,0.08) » overlay_bg_enable_color= »on » item_bg_color= »#E0C9AA » item_bg_enable_color= »on » body_text_color= »#000000″ body_text_align= »justify » cat_text_color= »#ff2323″ header_text_color= »#0A4142″ date_circle_icon= »on » date_text_color= »#FFFFFF » date_circle_color= »#148486″ custom_button= »on » button_text_size= »17px » button_text_color= »#000000″ show_more= »on » show_more_text= »En savoir plus » hover_enabled= »0″ sticky_enabled= »0″][/dipi_blog_slider]

BREADCRUMPS

exemples
Peut de choix visuels

[dipi_breadcrumbs _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » bc_custom_home= »on » bc_home_text= »Accueil » bc_home_url= »https://webocom.fr/ » bc_home_icon= »on » bc_items_alignment= »dipi-bc-center » bc_schema= »off » bc_home_color= »#FFFFFF » bc_item_bg_color= »#1CB6B9″ bc_item_padding= »10px|10px|10px|10px|false|false » bc_active_item_color= »#0A4142″ active_text_color= »#FFFFFF » bc_active_item_padding= »10px|10px|10px|10px|false|false » bc_separator_icon= »I||divi||400″ hover_enabled= »0″ sticky_enabled= »0″][/dipi_breadcrumbs]

BUTTON GRID

exemples
Très bien, possibilité de mettre plein de bouton les uns à la suite des autres
En ligne ou en colonne

[dipi_button_grid _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ flex_direction= »row »][dipi_button_grid_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » button_type= »dp_button » button_id= »Bouton 1″ button_text= »Bouton 1″ button_link= »# » hover_enabled= »0″ sticky_enabled= »0″][/dipi_button_grid_child][dipi_button_grid_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » button_type= »dp_button » button_id= »Bouton 1″ button_text= »Bouton 1″ button_link= »# » hover_enabled= »0″ sticky_enabled= »0″][/dipi_button_grid_child][dipi_button_grid_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » button_type= »dp_button » button_id= »Bouton 1″ button_text= »Bouton 1″ button_link= »# » hover_enabled= »0″ sticky_enabled= »0″][/dipi_button_grid_child][/dipi_button_grid]

CAROUSSEL

exemples
Carroussel avec qui fait défiler soit du contenu format RESUME, soit des images seulements, …

[dipi_carousel _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″ title_in_lightbox= »on » loop_wide= »on » pagination= »on » navigation= »on » desc_in_lightbox= »on »][dipi_carousel_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » alt= »WeboCom agence de communication digitale en Dordogne » img_src= »https://webocom.fr/wp-content/uploads/2024/12/accueil_webocom.webp » desc_text= »

Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.

» show_button= »on » carousel_button_text= »En savous plus » title_font_size= »22px » desc_font_size= »16px » desc_font= »–et_global_heading_font|||||||| » desc_line_height= »1.4em » custom_carousel_button= »on » carousel_button_text_size= »15px » hover_enabled= »0″ sticky_enabled= »0″][/dipi_carousel_child][dipi_carousel_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » alt= »WeboCom agence de communication digitale en Dordogne » img_src= »https://webocom.fr/wp-content/uploads/2024/12/accueil_webocom.webp » desc_text= »

Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.

» show_button= »on » carousel_button_text= »En savous plus » title_font_size= »22px » desc_font_size= »16px » desc_font= »–et_global_heading_font|||||||| » desc_line_height= »1.4em » custom_carousel_button= »on » carousel_button_text_size= »15px » hover_enabled= »0″ sticky_enabled= »0″][/dipi_carousel_child][dipi_carousel_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » alt= »WeboCom agence de communication digitale en Dordogne » img_src= »https://webocom.fr/wp-content/uploads/2024/12/accueil_webocom.webp » desc_text= »

Hanc regionem praestitutis celebritati diebus invadere parans dux ante edictus per solitudines Aboraeque amnis herbidas ripas, suorum indicio proditus, qui admissi flagitii metu exagitati ad praesidia descivere Romana. absque ullo egressus effectu deinde tabescebat immobilis.

» show_button= »on » carousel_button_text= »En savous plus » title_font_size= »22px » desc_font_size= »16px » desc_font= »–et_global_heading_font|||||||| » desc_line_height= »1.4em » custom_carousel_button= »on » carousel_button_text_size= »15px » hover_enabled= »0″ sticky_enabled= »0″][/dipi_carousel_child][/dipi_carousel]

CONTENT SLIDER

exemples
Super bien mais pas compris encore le fonctionnement 🙁

[dipi_content_slider _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » hover_enabled= »0″ sticky_enabled= »0″][dipi_content_slider_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » label= »PROJET_1″ selector= »PROJET_1″ active_item= »on » activate_tab_selector= »PROJET_1″ hover_enabled= »0″ sticky_enabled= »0″][/dipi_content_slider_child][dipi_content_slider_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » label= »PROJET_2″ selector= »PROJET_2″ active_item= »on » activate_tab_selector= »PROJET_2″ hover_enabled= »0″ sticky_enabled= »0″][/dipi_content_slider_child][dipi_content_slider_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » label= »PROJET 1″ selector= »dzdz » active_item= »on » activate_tab_selector= »dzdz » hover_enabled= »0″ sticky_enabled= »0″][/dipi_content_slider_child][dipi_content_slider_child _builder_version= »4.27.4″ _module_preset= »default » theme_builder_area= »post_content » label= »PROJET 1″ selector= »dzdz » active_item= »on » activate_tab_selector= »dzdz » hover_enabled= »0″ sticky_enabled= »0″][/dipi_content_slider_child][/dipi_content_slider]

WeboCom agence de communication digitale en Dordogne

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.