pull quote
met een minimale hoeveelheid css maak je een pull-quote

home | index | menu | help

Er is geen CSS ondersteuning.


		

Er moet flink wat tekst op de pagina gezet worden om de pull-quote te demonstreren. De pull-quote dient er voor om op een over-volle pagina de aandacht te geven aan belangrijke tekst.

Het is lastig om een pull-quote (ook wel call-out genoemd) over het hoofd te zien.

Eerst maar eens een paar korte stukjes tekst. De pull-quote wordt overigens ook wel een call-out genoemd. Wat een mens moet doen om een pagina te vullen. Normaliter probeer ik zo min mogelijk tekst op een pagina te zetten.

Er wordt wel eens geklaagd dat er soms te weinig tekst op een pagina staat.

Dit gezegd hebbende wordt het langzaam-aan tijd om de bron-code van de call-out-procedure beschikbaar te maken. De code mag eigenlijk geen naam hebben. Het zijn slechts een paar regels css-code en een blockquote in de body-sectie van de pagina. De kleuren en afmetingen zijn te wijzigen in de style-sheet, en je kan zelf bepalen of je borders wilt gebruiken of niet.

Zo zie je maar weer dat je met een minimale hoeveelheid code, maximale effecten kan bereiken.

Nu kan ik wel blijven zeuren over de pull-quote, maar dat is geheel overbodig natuurlijk. Ik ben alleen nog niet gestopt met typen, omdat ik zeker wil weten dat de call-out correct ingesloten wordt door tekst. Op een lege pagina kan je geheel niets van het effect zien. Nou, wat dacht je ervan? Genoeg? Ik dacht het wel!

cache 26-05-2010