Tag Archive > green

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 post with images

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

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum dolor risus, rutrum eu, porta id, hendrerit ac, diam. Curabitur ac sapien id dui lobortis feugiat. Sed mattis. Sed felis urna, aliquet at, malesuada et, molestie faucibus, ipsum. Duis id nulla. Aliquam erat volutpat. In laoreet vulputate eros. Proin ac pede. Etiam sit amet est. Phasellus vitae justo ac neque tempor egestas. Cras aliquam gravida risus. Proin non urna. Quisque pulvinar. Integer pharetra, erat vitae imperdiet molestie, sapien orci ultricies libero, eget porttitor nibh felis et sem. Quisque hendrerit eros quis nibh. Phasellus velit.

Mauris eleifend, neque vitae condimentum porttitor, metus lacus eleifend orci, sed mattis quam neque in odio. Aliquam mauris. Quisque eu sem ut felis posuere malesuada. In tristique suscipit mauris. Aliquam porttitor, tellus vel porttitor tincidunt, odio neque tristique lacus, at imperdiet arcu odio a erat. Suspendisse sed metus. Nulla ante arcu, porta et, congue id, porttitor ac, lacus. Proin rhoncus tristique ligula. Donec nec orci in metus scelerisque sollicitudin. Maecenas eu libero at ante viverra adipiscing. Etiam a lacus ut erat egestas vehicula. Cras venenatis erat eu enim. Nulla magna. Nunc ac metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque et ligula. Suspendisse a dolor sed ligula placerat imperdiet. Fusce in arcu dapibus eros volutpat blandit.

Continue reading...

Tags: , , , ,

Demonstrating Blockquotes

Cobus Bester » 12 June 2008 » In Lemons » No Comments

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed nulla. Ut eleifend auctor ligula. Ut vel arcu. Maecenas sed pede. Donec nisi quam, porta vitae, fringilla eu, fringilla eu, erat. Integer adipiscing gravida sem. Cras risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut ultrices purus ut dolor. Vestibulum sed nulla nec ante hendrerit ullamcorper. Vivamus placerat. Mauris ac enim. Donec ipsum. Praesent euismod mauris ac nulla bibendum rutrum. Cras enim tortor, consectetuer eget, hendrerit sed, vehicula eu, eros. Maecenas mi. Praesent lacinia nulla vitae libero. Aliquam porta enim non velit.

Vestibulum sed:

Fusce vel mauris et dolor volutpat vulputate. Nam venenatis. Aliquam feugiat metus at velit. Vestibulum interdum erat in tortor. Proin sit amet turpis eu lacus pellentesque malesuada. Aliquam tempor odio ac ante. Sed molestie.

Etiam convallis neque et odio. Nulla semper sem. Maecenas sodales ligula sed purus. Nullam a quam et purus tincidunt ornare. Fusce ligula justo, ultricies eu, varius non, volutpat at, justo. Nam ullamcorper tincidunt ligula. Donec sed diam nec enim dignissim vestibulum. Fusce ullamcorper accumsan lacus.

In fringilla nulla aliquam libero. Sed diam. Fusce congue ipsum hendrerit sem. Quisque vel nunc. Maecenas nisl eros, commodo sed, mattis sit amet, adipiscing quis, lorem. Sed et neque venenatis est tincidunt condimentum. Donec dui. In quis arcu at pede vulputate lobortis. Suspendisse augue. Etiam lectus erat, consequat convallis, fringilla et, vehicula pellentesque, nibh. Aenean ut quam. In sollicitudin. Curabitur turpis enim, pretium at, vulputate id, faucibus ullamcorper, turpis. Mauris justo. Praesent non arcu. Maecenas convallis.

Continue reading...

Tags: , ,