Archive > 2008

Pullquotes!

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

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.

Continue reading...

Tags: , , ,

Custom paragraph styles

Cobus Bester » 16 June 2008 » In Grapes, Oranges » No Comments

Included with my themes are custom classes that you can add to your paragraphs. There are four differetn classes: download, info, update and warning. To use them, add class=”classname” to the opening p tag of any paragraph. You do this using the HTML editing function of the text editor.

Download something.

This is some random info

Update: Things are happening…

Warning: This might come as a surprise.

Continue reading...

Tags: , , ,

Comments styling example, this post title is also slightly longer…

Cobus Bester » 16 June 2008 » In Grapes, Lemons » 8 Comments

Morbi eget velit eget tellus pretium iaculis. Donec id risus tempus tortor aliquam scelerisque. Suspendisse potenti. Aliquam vestibulum ante et nisl. Cras venenatis ultrices est. Cras quam enim, porta eget, iaculis et, elementum sit amet, nibh. Curabitur eleifend mi sed arcu. Suspendisse mollis lorem sit amet augue iaculis fermentum. Sed eleifend, nisl vel mollis viverra, lectus velit ornare metus, sed tempus libero ligula eu orci. Donec ligula sapien, auctor lobortis, condimentum eget, facilisis nec, sapien. Etiam sodales, eros vel vehicula egestas, dolor erat ullamcorper lorem, ut adipiscing ante erat sit amet ipsum. Fusce rhoncus, nibh molestie suscipit vestibulum, erat libero sodales nunc, nec egestas nulla risus et pede. Donec libero. Proin lacinia nulla nec magna. Ut sed diam.

Continue reading...

Tags: , ,

A paginated post

Cobus Bester » 16 June 2008 » In Grapes, Oranges » No Comments

Aliquam laoreet erat vitae tortor. Maecenas nibh. Nullam at mauris at erat semper commodo. Aliquam ullamcorper risus vel tortor. Vivamus scelerisque consequat erat. Vivamus eget felis ut risus auctor facilisis. Nunc libero enim, rhoncus non, ullamcorper sit amet, consectetuer eget, nisl. Phasellus ligula erat, scelerisque nec, convallis non, feugiat in, metus. Integer quis mi vel purus congue commodo. Curabitur dictum vehicula orci. Mauris leo ipsum, auctor at, pellentesque eu, gravida eget, odio. Integer varius, mi vitae malesuada convallis, felis enim pharetra magna, vitae dapibus magna dolor vel tellus.

Continue reading...

Tags: , , ,

A Table in a post

Cobus Bester » 16 June 2008 » In Oranges » 1 Comment

This is an example of a table inside a post. By adding the class “altrow” to the every other
row of a table, you will have alternating colored rows…

Column 1 Column 2 Column 3
Vorttitor condimentum porttitor 432
Etiam neque tristique 443
Aliquam sociis natoque 234
Fusce placerat imperdiet 123

Continue reading...

Tags: , ,

Page 1 of 21