Animate On Scroll

Een knappe module... Zorgt er voor dat je bij scrollen wat animaties kunt voorzien. Bekijk het overzicht van de mogelijkheden op hun site. De codes die je dan ziet moet je toepassen op je div's. dit kan je door bvb in een view de velden te herschrijven.

Screen001041.png

Ik heb een animatie gezet op dit overzicht:

Screen001042.png

Layout Builder

Vanaf Drupal 8.5 zit deze module in de kern. Het is eigenlijk een vervanger van Panels.

Activeer de module

Screen001015.png

Vanaf nu kan je bij een inhoudstype de layout beheren. Er is ook een optie voorzien om per node dit te overrulen indien nodig.

Screen001016.png

Je krijgt dan bij een node de optie layout te zien.

Sticky

Je kunt met CSS elk stukje van je pagina Sticky maken. Een menubalk blijft dan mooi bovenaan staan bij het scrollen. Je geeft het gedeelte een class of ID naam en je voegt position:sticky toe. Een CSS instructie die tamelijk recent is. Oudere browsers kunnen het dus niet.

Screen000841.png

De module 'sticky' doet het zelfde maar dan met meer opties.

Kijk naar de menubalk

Color field

Een module die je toelaat om een kleur te kiezen. Je vraagt je af waarvoor dit kan dienen? Wel... ik combineer het met de Token module en ik laat zo iemand zelf de achtergrondkleur van de site bepalen, zonder dat de persoon er Drupal kennis voor nodig heeft.

Een voorbeeldje

Screen000800.png

Je kunt in plaats van de HTML5 widget ook het Color spectrum kiezen.
Screen000790.png

AutoFloat

Deze module zal in je CKEditor de afbeeldingen alternerend links en rechts plaatsen binnen de tekst..

Screen000509.png

Je kunt het ook omdraaien.. eerst links. Werkt ook met de insert module.
Screen000510.png

CSS Editor

Het kleinere broertje van de CSS injector (onderdeel van de Asset injector). Deze CSS wordt toegekend per thema. Je kunt het niet per pagina, inhoudstype,... instellen. Het is altijd voor gans het thema.

Bij de instellingen van een thema kan je de CSS plaatsen en activeren. Normaal gezien is er een autopreview om het resultaat te zien. In drupal 8 werkt dit (nog) niet.

Screen000407.png
 

 

jQuery Auto Height

Als je floating blocks (een beetje CSS ) gebruikt in je node of view, dan zijn ze meestal niet van dezelfde hoogte. Dit is soms storend omdat je lege plaatsen krijgt.

Deze module kijkt per rij wat de hoogste inhoud is en past de hoogte van alle andere blokken in de rij aan. Ook als je dezelfde rij in een ander scherm bekijkt waar er dan meer of minder items worden getoond, blijft het programma kijken naar de hoogste inhoud.

Screen000374.png

Boxout

Een eenvoudige module waarmee je gelijk waar in je tekst, een apart stukje kunt inbrengen om de aandacht er op te vestigen. Het heeft zelf een eigen opmaak om op te vallen. Zie het stukje tekst hier rechts.

Screen000283.png

Je moet eerst de knop in de teksteditor invoegen


Screen000284.png

Bij klikken kan je een titel, wat opmaak en de tekst inbrengen.