Nützliche Seiten im Netz
Links die weiterhelfen können
Die Links sind so eingesetzt wie Du sie bei Onkel Google suchen würdest, also schaust Du hier genauso wie in einer Suchmaschine.
Beispiel: Du suchst z.B. Infos über einen “Button” also schaust Du unter “B“, wenn Du etwas über einen “Slider” suchen möchtest dann schaust Du unter “S” usw…. 😉
Auswahl von Seiten mit Snippets / Tutorials:
- ElegantThemes-Blog ansehen…
- Tipps und Tricks auf Marketingunited Wiki-Divi ansehen…
- ElegantThemes auf YouTube ansehen…
- ElegantMarketplace ansehen…
- Quiroz ansehen…
- DiviSoup ansehen…
- Divi-Den ansehen…
- DiviNotes ansehen…
- Wplo ansehen…
- Divi-Sensei ansehen…
- DiviThemeExamples ansehen…
- Extras für Chrome Browser ansehen…
Blog/Categories
- Blog Design – https://www.elegantthemes.com/blog/divi-resources/how-to-add-custom-templates-and-design-to-divis-blog-post-formats-part-1-of-3
- Blog Design – https://www.elegantthemes.com/blog/divi-resources/how-to-add-custom-templates-and-design-to-divis-blog-post-formats-part-2-of-3
- Blog Design – https://www.elegantthemes.com/blog/divi-resources/how-to-add-custom-templates-and-design-to-divis-blog-post-formats-part-3-of-3
- Changing length of Excerpts – https://www.elegantthemes.com/blog/divi-resources/changing-the-length-of-your-divi-blog-post-excerpts
- Blog grid slide down Effect – https://quiroz.co/divi-blog-grid-slide-down-effect/
- Reveal Post on Hover – https://www.teqme.com/2017/05/jquery-divi-and-the-blog-module-reveal-post-excerpt-on-hover/
- Divi Extended Styling Plugin – https://elicus.com/style-website-divi-category-blog-layout-divi-extended/
- Blog Post grid equal Height – https://www.inlinecreative.co.uk/make-divi-blog-grid-posts-height/
- Thumbnails to recent Posts – https://quiroz.co/add-thumbnails-to-your-sidebar-recent-post-list/
- Disable Gravatar and Add Own – https://www.elegantthemes.com/blog/resources/how-to-disable-gravatar-author-images-and-add-your-own
- Add Social Sharing to Blog Module – https://divisoup.com/how-to-add-social-sharing-to-the-divi-blog-module/
Blurb
- Icon Animations – https://quiroz.co/12-divi-blurb-icon-animations/
- Change Colors on Hover – https://quiroz.co/change-all-colors-when-hovering-over-the-divi-blurb/
- Zoom and Rotate on Hover – https://quiroz.co/divi-blurb-module-zoom-rotate-on-hover/
- Custom Blurb Module – https://divisoup.com/custom-blurb-module/
- 6 Blurb Layout – https://divisoup.com/six-column-blurb-style-layout/
- Blurb Image Hover Animations – https://quiroz.co/divi-blurb-image-hover-animations/
- Blurb Styles – https://www.elegantthemes.com/blog/divi-resources/5-fun-ways-to-style-divis-blurb-module
- Blurb Icon Hover Animations – https://www.elegantthemes.com/blog/divi-resources/6-microinteractions-that-will-make-your-divi-site-more-enjoyable-how-to-achieve-them
- 3d Hover Effect – https://webdesign101.berlin/style-divi-blurbs-3d-hover-effect/
- Custom Blurbs 1 – https://www.b3multimedia.ie/custom-divi-blurbs-part-1/
- Custom Blurbs 2 – https://www.b3multimedia.ie/custom-divi-blurbs-part-2/
Buttons
- Custom Button Animation – https://blog.youdivi.com/buttons/divi-custom-buttons-1/.
- Style Back to Top Button – https://blog.youdivi.com/tutorials/style-back-top-button-divi-theme/
- Divi Double Button – Plugin https://elegantmarketplace.com/downloads/divi-double-button/
- Liquid Button Effect – http://divicio.us/effects/liquid-hover-effect-divi-button-module/
- Bottom aligning Buttons – http://sundari-webdesign.com/divi-bottom-aligning-the-last-element-in-a-multi-column-row/
- Vertically align Buttons in Columns – https://octygon.com/3-ways-to-vertically-align-buttons-in-divi/
Dividers/Sections/Modules
- ET Divider Styles – https://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project
- Vertically Center Content – https://divisoup.com/quick-snack-vertically-center-any-content-in-divi/
- Creating a Boxed Section – https://quiroz.co/creating-boxed-section-on-fullwidth-layouts/
- Module Hover Effect – https://quiroz.co/divi-module-hover-animations/
- Even Column Heights – http://www.divithemeexamples.com/equalize-column-heights-in-divi/
- Section Divider Styles – https://www.elegantthemes.com/blog/divi-resources/15-fun-divi-section-divider-styles-you-can-use-on-your-next-project
- Section Dividers – https://www.diviguide.com/section-dividers/
- Zig Zag Column Separator – https://divithemedesigner.com/zig-zag-column-separator-divi/
- Adjust Column Order on Mobile – https://www.elegantthemes.com/blog/divi-resources/how-to-change-divis-column-stacking-order-on-mobile-devices
- Background Image Designs – https://www.elegantthemes.com/blog/divi-resources/10-background-design-tricks-now-possible-with-divis-new-background-settings
- Using the Background Editor – https://www.elegantthemes.com/blog/divi-resources/how-to-create-gradient-background-overlays-with-divis-background-settings
- Tips on using Gradient Feature – https://www.teqme.com/2017/05/5-creative-divis-gradient-background/
- Video Background with Text Mask – https://www.duswebdesign.nl/background-video-text-mask-for-divi/
- Person Module Hover Effect – https://www.b3multimedia.ie/divi-person-module-hover-effect/
Forms
- Creating Stylish Bloom Form – https://divicake.com/blog/create-stylish-inline-bloom-optin/
Header/Menu
- Promotion bar PopUp in Header/Footer – https://www.elegantthemes.com/blog/divi-resources/how-to-duplicate-elegant-themes-primary-menu-with-divi
- Customizing Secondary Menu with CTA – https://www.elegantthemes.com/blog/divi-resources/customizing-divis-secondary-menu-bar-with-a-call-to-action
- Create Slide in Top Bar with Code Module – https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-slide-in-top-bar-ad-with-the-divi-code-module
- Header Customization – PBE Plugin – https://creativechildthemes.com/blog/5-steps-to-make-it-more-cool-the-divi-header/
- Dropdown Menu Animations – https://divi.tutsdirectory.com/listing/10-dropdown-animations-for-divi-submenu/
- Menu with Zoom in Buttons – https://quiroz.co/divi-menu-bar-with-zoom-in-buttons/
- Rotating Top and Bottom Borders – https://quiroz.co/divi-menu-rotating-top-bottom-borders/
- Expanding Bottom Border – https://quiroz.co/divi-menu-expanding-bottom-border/
- Menu Hover Effects – https://divisoup.com/five-subtle-menu-hover-effects/
- Mobile Menu to Button – https://quiroz.co/turn-your-mobile-menu-hamburger-icon-into-a-menu-button-with-text/
- Make Logo Bigger on Mobile – https://divisoup.com/quick-snack-make-the-logo-bigger-on-mobiles-and-tablets/
- Divi Full Width Header Module – https://www.elegantthemes.com/blog/divi-resources/divi-plugin-highlight-the-fullwidth-header-extended-module
- Header Styling – https://www.elegantthemes.com/blog/divi-resources/5-creative-divi-header-module-styles-you-can-achieve-using-built-in-settings
- Divi Header UI-Kit – https://www.elegantthemes.com/blog/divi-resources/free-divi-download-the-divi-header-ui-kit
- 20 Hamburger Menu Styles – https://www.elegantthemes.com/blog/divi-resources/free-divi-header-extension-provides-20-new-hamburger-menu-styles
- Hamburger Icon for Mega Menu – https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-hamburger-icon-for-your-divi-mega-menu
- Background Color of Menu on Different Pages – https://www.elegantthemes.com/blog/divi-resources/how-to-make-the-background-color-of-the-menu-different-on-every-page
- Adding Images to Mega Menu – https://www.elegantthemes.com/blog/divi-resources/adding-images-to-your-divi-mega-menu
- Add Icons to Divi Menu – https://www.elegantthemes.com/blog/divi-resources/how-to-add-icons-to-the-divi-menu-divi-nation-short
- Mega Menu – https://www.youtube.com/watch?v=sTJahrP0a4k
Images/Gallery
- Stripe Title Overlay – http://www.twobluetoucans.co.uk/divi/adding-striped-title-top-image-divi/
- ET Guide to using Images – https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi
- Gallery Skins – https://quiroz.co/divi-image-gallery-slider-skins/
- Imager Hover Effects – https://divisoup.com/four-more-linkable-image-hover-effects/
- Image Filter Effects – https://divisoup.com/how-to-use-css3-filters-to-create-captivating-images/
- Change Grid Image Thumbnail Size – https://divibooster.com/change-divi-image-gallery-grid-thumbnail-sizes/
- Scrolling Image Carousel – https://divisoup.com/how-to-create-a-scrolling-image-carousel-in-divi/
- Animated Image Caption Hover Effects – https://divilife.com/animated-image-caption-hover-effects-in-divi/
- Image Size Guide – https://www.elegantthemes.com/blog/divi-resources/the-ultimate-guide-to-using-images-within-divi
- Image Blending with CSS – https://www.duswebdesign.nl/image-blending-with-css/
- Circle Hover Effects – http://divihelp.com/circle-hover-effects/
Map
- Floating Modules Over Map – https://quiroz.co/float-divi-modules-over-fullwidth-map/
Misc/CSS Snippets
- https://www.elegantthemes.com/blog/tips-tricks/9-useful-divi-css-snippets-you-can-add-to-epanel-in-seconds
- Gravity Forms Hidden Labels – https://gravitywiz.com/how-to-hide-gravity-form-field-labels-when-using-placeholders/
- Icon Fonts – https://www.elegantthemes.com/blog/resources/elegant-icon-font
- Typing Effect Plugin – https://wordpress.org/plugins/animated-typing-effect/
- Add Title and Search term to Search results Page – https://quiroz.co/add-title-search-term-divi-search-results-page/
- How to Vertically Center Text/Images – http://howtocenterincss.com/
- 3 Ways to Automatically Show Date – https://www.elegantthemes.com/blog/tips-tricks/3-different-ways-to-automatically-show-todays-date-in-wordpress
- Divi CSS Tricks & Fixes – https://nexusstudios.net/divi-css-tricks-and-fixes/
- Divi Fonts – http://www.divithemeexamples.com/divi-fonts-preview/
Pricing Tables
- Customizing – https://quiroz.co/customizing-pricing-table-divi/
- Best Practices – https://www.elegantthemes.com/blog/divi-resources/pricing-best-practices-you-should-be-using-with-divis-pricing-table-module
- Styling – https://www.elegantthemes.com/blog/divi-resources/how-to-style-a-beautiful-pricing-table-in-divi
- Divi Layout Kit – https://www.elegantthemes.com/blog/divi-resources/free-divi-downloads-creative-pricing-tables-layout-kit-1
- Changing Pricing Based on Plans – https://blog.youdivi.com/tutorials/change-pricing-tables-based-plans/
Sliders
- Slider Tutorial – http://www.divithemeexamples.com/the-divi-daily-divi-slider-tutorials/
- Ken Burns Effect- https://www.youtube.com/watch?v=4muaXLaxKzA&feature=youtu.be
- Custom Fly in Animations – https://quiroz.co/custom-fly-in-animations-with-varying-timing/