Nützliche Seiten im Netz
WordPress / Divi Theme
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/
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/
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/