Contents
[ hide ]
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
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 Example 3
Or how about putting your paypal button straight into your post?
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
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
If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.
Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.
One Comment
. . . MAJA ON THE GO . . . . . .