April 23, 2007

Quote Me On That

Pullquotes

The pullquote tag makes for easy and attractive magazine-style pullquotes.
The pullquote tag makes for easy and attractive magazine-style pullquotes. You can place the pullquote to the left or right of the text, set your own colour schemes, control the line breaks yourself or let the system handle it for you, and select different text for the quote and the main body.

Code: [pullquote left strip scheme=orange]The pullquote tag|makes for|easy and attractive|magazine-style|pullquotes.[/pullquote]

Usage: [pullquote {left|right} {strip} {nobody} {scheme=scheme_name}]
  • The quote can be
    placed either left or right
    placed either left or right (the default) of the body text.
  • Markup in the body text may cause problems in the pullquote. The strip option removes any markup from the pullquote, leaving it in the body.
  • This text appears only in the pullquote.
    When needed, the pullquote text can be different to the body text. To specify that the contents are to appear in the pullquote only, specify the nobody option.
  • Schemes can be user-defined in your CSS. The standard schemes include
    red, orange, green, blue, and purple
    red, orange, green, blue, and purple. The default scheme (if no scheme is specified) is black and grey.  The CSS code for the blue scheme, for example, is simply:
    .pullquote-blue-1,.pullquote-blue-5  { color: #55D; }
    .pullquote-blue-2,.pullquote-blue-4 { color: #339; }
    .pullquote-blue-3 { color: #004; }
  • Pullquotes are automatically split into five sections, unless you specify the break points using pipes | as shown in this example.

Posted by: Pixy Misa at 02:50 PM | Comments (4) | Add Comment
Post contains 204 words, total size 2 kb.

1

I love this! Thank you for developing it.

I can't seem to get the pipes to break my quote into four lines in this entry. Here's the code I'm using:

"Oh, that's very impressive."

Any suggestions?

Posted by: Michael Rittenhouse at September 27, 2007 11:07 AM (/2Jf1)

2

Oops. The code executed in the comment. Preview is the friend I ignore.

With square brackets in place of the parentheses, the code looks like:

(pullquote right nobody)"Oh,|that's|very|impressive."(/pullquote)

I also tried adding "strip" but it didn't change the line breaks.

Posted by: Michael Rittenhouse at September 27, 2007 11:12 AM (/2Jf1)

3 Hmm..  Haven't looked at this in a little while; what you are doing seems right.  I'll grab a copy of your blog to my test environment so I can see why it's not working.

Posted by: Pixy Misa at September 28, 2007 11:24 AM (PiXy!)

4

As I noted before, I love the pullquotes for the way they break up copy and help draw the reader into a longer article.

I am having trouble getting them to appear alongside a longer paragraph without the code (apparently) causing a break in the paragraph itself.

If I put the code at the very beginning of the paragraph (before the first sentence), the pullquote is nicely positioned but I get a couple of blank spaces in the first line of the paragraph, where the code is hidden.

If I put the code at the end of the previous paragraph to eliminate the blank spaces, the pullquote can only be positioned alongside the opening lines of the following paragraph. I can't move the pullquote down to a more attractive location, several lines into the paragraph. (See this example.)

If I splice the code down inside the paragraph a few lines, it breaks the paragraph like a stray line break.

Any suggestions?

Posted by: Michael Rittenhouse at January 27, 2008 10:18 PM (FPLdZ)

Hide Comments | Add Comment

Comments are disabled. Post is locked.
14kb generated in CPU 0.012, elapsed 0.042 seconds.
32 queries taking 0.0334 seconds, 56 records returned.
Powered by Minx 1.1.6c-pink.