Bodem CSS-sjablonen

Creatieve onderste CSS-templates voor grid-rijen, contactbalken en footers

Onderste CSS-templates bevatten de visuele regels voor de laatste sectie van een pagina, tot aan padding en kleuren toe. In deze collectie neemt die sectie verschillende vormen aan, van een rij grid-cellen met tekst en knoppen tot een gesplitst tekstblok of een contactbalk. Hoe dichter de standaardwaarden van een template bij uw content liggen, hoe minder regels u later hoeft te herschrijven.

Kolommen die op telefoons onder elkaar worden geplaatst

Bredere schermen kunnen meerdere parallelle groepen tonen, terwijl smallere lay-outs ze in een leesbare volgorde onder elkaar kunnen stapelen. Grid- of Flexbox-regels verzorgen die aanpassing bij ingestelde breekpunten, zodat vier linkkolommen op een laptop op een telefoon veranderen in één enkele kolom.

De documentatie van Nicepage over het Grid Element beschrijft de instellingen voor kolommen, rijen en tussenruimtes binnen een blok. In templates die zijn gebouwd met een Grid Repeater past de vormgeving van één cel automatisch de rest aan, en kan het aantal kolommen variëren per responsieve modus.

Elke beginindeling past bij een ander type content aan de onderzijde van de pagina:

• Meerdere kolommen naast elkaar zijn geschikt voor een footer met veel links, mits de tussenruimtes de groepen duidelijk scheiden.
• Een gestapelde lay-out past bij een korte afsluitende boodschap gecentreerd boven één knop en verandert nauwelijks op een telefoon.
• Een compacte enkele rij is ideaal voor een smalle balk met een copyrightvermelding en een paar pictogrammen, zolang de tekst kort blijft.

Padding en contrast waar de inhoud eindigt

Onderste CSS-templates variëren van ruim opgezet tot compact gevuld. Royale padding rond een rustig onderste gedeelte zorgt ervoor dat een paar regels contacttekst er bewust geplaatst uitzien. Bij dichte linkkolommen zorgen kleinere marges ervoor dat de balk niet te ver naar beneden uitloopt.

Ook het contrast met de bovenliggende inhoud varieert. Een donkere balk sluit de onderkant scherp af, terwijl een dunne rand op de achtergrond van de pagina voor een zachtere overgang zorgt. Die zachtere rand is de veiligere keuze na een donkere inhoudssectie, omdat een donkere balk er direct onder zou samensmelten tot één zwaar blok.

Grote typografie, kleine lettertjes

Het ene template maakt de merknaam of een contactkoptekst groter en contrastrijker, terwijl links naar beleidsregels kleiner en lichter blijven. Een ander template houdt elke regel even groot en vertrouwt puur op de positionering. Als uw onderste sectie één belangrijk element bevat waar bezoekers naar op zoek zijn, zoals een telefoonnummer, sluit het eerste type beter aan op een direct resultaat.

Nicepage Theme Colors passen één kleurenschema toe op een heel project, en het wijzigen van een voorinstelling kleurt alles wat deze gebruikt automatisch opnieuw. Een balk met een aangepaste kleur behoudt deze na de overschakeling en oogt daardoor alsof hij van een andere site is geleend. Een template waarvan het onderste gedeelte al gebruikmaakt van Theme Colors volgt uw kleurenpalet zonder extra werk.