Web Design Workshop 12 Blockquotes and Pullquotes

by Yorgo Nestoridis

Web Design Workshop 12 Blockquote

A special set up allows you to use blockquotes as PullQuotes in Semiomantics XO without Java Script. This is a nice way to insert most anything into a post at any place in a Google efficient way.

The blockquote is defined on your style sheet (style-zero) on lines 434 – 447 or on the demo style sheet as from line 459 under the commented title

/* This is your blockquote style */

Pullquote Example 1

The default settings in the style sheet result in the following insert:

Pullquote in Semiomantics XO

Pullquote in Semiomantics XO

The Quote is a clean insert while the post text wraps around that insert; ideal for inserted ads or featured content within the loop.

Pullquote Example 2

You can now restyle this Pullquote easily and make it look as below:

Pullquote Gray Background Black Border

Pullquote Gray Background Black Border

Pullquote Example 3

Or how about putting your paypal button straight into your post?

Pullquote with PayPal Button

Pullquote with PayPal Button

This last one above uses the following code:

#leftcontent blockquote {
/*border: 1px solid #000000;*/
border-top: 6px double #B30000;
border-bottom: 6px double #B30000;
background: #ffffff;
width: 200px;
font-family: Times, Georgia, serif;
font-size: 14px;
line-height: 18px;
text-align: left;
float: right;
margin: 0 0 0 20px;
padding: 8px;
font-style: italic;
}

Or how about just showing an image … differently?

Pullquote Example 4

Pullquote Image Display

Pullquote Image Display

Code Modifications as per below:

#leftcontent blockquote {
/*border: 1px solid #000000;*/
/*border-top: 6px double #B30000;
border-bottom: 6px double #B30000;*/
background: #000;
width: 200px;
font-family: "Helvetica New", Verdana, sans-serif;
color: #fff;
font-size: 22px;
line-height: 26px;
text-align: center;
float: right;
margin: 0 0 0 20px;
padding: 8px;
font-style: normal;
}

Pullquote Example 5

Yeahh, you are an Artist …

Artistic

Artistic

More about this Topic

Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.

If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.

This page is wiki editable click here to edit this page.