Pullquotes!

Cobus Bester » 29 June 2008 » In Oranges, Strawberries »

This post demonstrates how to use pullquotes. Pull quotes are used to extract and highlight pieces of copy. To use pullquotes, wrap the text you want to pull in a blockquote. Then add ‘class=”pullquote_left”‘ to the blockquote to float it left. Or ‘class=”pullquote_right” to float it right. Example below…

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Left pullquote. Imperdiet tellus ac orci. Iaculis, consectetuer quis, mattis nec, odio Lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et, lacinia non, euismod et, velit. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Left pullquote. Imperdiet tellus ac orci. Iaculis, consectetuer quis, mattis nec, odio.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Praesent diam odio, scelerisque quis, tempus sit amet, interdum vulputate, nisi. Sed justo. Mauris porta, elit id pellentesque blandit, lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et, lacinia non, euismod et, velit. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Right pullquote. Pellentesque imperdiet, tellus ac orci!.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In diam. Phasellus leo tellus, vulputate eu, ultrices at, viverra sit amet, magna. Donec ultrices neque vestibulum ligula. Sed mauris mauris, condimentum id, iaculis vel, luctus eu, est. Ut tempus risus sed ipsum. Praesent diam odio, scelerisque quis, tempus sit amet, interdum vulputate, nisi. Sed justo. Mauris porta, elit id pellentesque blandit, lorem erat accumsan risus, vel posuere mi nibh sed odio. Ut erat purus, vulputate et. Right pullquote. Pellentesque imperdiet, tellus ac orci!. Integer rutrum, nulla sed venenatis posuere, elit urna ultricies ante, in commodo ipsum quam a nisl. Pellentesque neque. Donec posuere fermentum ante. Pellentesque ultrices. Suspendisse massa augue, sodales non, sollicitudin eu, placerat quis, odio. Donec venenatis nibh ac augue.

Pellentesque libero ligula, dignissim ac, varius a, dapibus ac, nulla. Aliquam tellus sapien, dapibus ut, rhoncus nec, semper id, pede. Duis ac purus. Sed tellus velit, tempor in, lobortis vitae, fermentum dapibus, dui. Nullam sodales tellus et mauris. Donec turpis. Integer lorem. Duis sit amet nulla. Ut vehicula ante. Morbi malesuada molestie odio. Proin quis nisi. Suspendisse purus nisi, ultricies nec, tempus ac, pharetra nec, nisi. Ut tellus. Maecenas venenatis, dui quis commodo ultrices, justo risus ultrices purus, quis bibendum ante orci ut lectus. Proin semper interdum orci. Integer odio mauris, convallis vitae, iaculis vitae, tincidunt sed, erat. Curabitur ligula dolor, fermentum nec, hendrerit a, consectetuer vitae, dolor. Aliquam malesuada, magna ut volutpat rutrum, nisl ipsum tempus sapien, et viverra ipsum pede fringilla metus. Ut tellus massa, convallis in, condimentum in, volutpat non, erat. Morbi congue, ante vitae congue fermentum, lacus diam rhoncus augue, imperdiet dignissim tortor nunc eget orci.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Mixx

Tags: , , ,

Trackback URL

5 Comments on "Pullquotes!"

  1. Cobus
    Sparanoid
    25/07/2008 at 6:28 am Permalink

    great work, just here to see wut a comment looks like

  2. Cobus
    AgentSully
    05/08/2008 at 9:42 pm Permalink

    cool theme!

  3. Cobus
    Kresten
    09/09/2008 at 9:37 am Permalink

    Also just testing the comments…

  4. Cobus
    test
    11/10/2008 at 11:05 pm Permalink

    Yet another comment test

  5. Cobus
    Mare
    14/01/2009 at 10:54 am Permalink

    Very nice!

Hi Stranger, leave a comment:

ALLOWED XHTML TAGS:

Subscribe to Comments