Blockquotes can be formatted using but one thing you can’t do with pure CSS is put rounded borders on your blockquotes.
You can insert a box with rounded corners if you are happy to do the HTML but would you really want to do that with every post on your blog?
Well, the good news is, you don’t have to with this BlockQuotes plugin for WordPress.
[quote]This is what you get using the default graphics but you can easily customise it to fit in with your site style.[/quote]
Despite the name “BlockQuotes”, the rounded corner effect isn’t actually produced with a blockquote tag (what you get when you click the button). What it actually does is replace all instances of [quote] and [/quote] with several divs to build up the box where the blockquote would normally go. It will also do the same for blockquote tags although you can turn this off.
There are a couple of things to bear in mind when using this plugin:
- If you don’t close your tags properly then it will probably mess up your template but WordPress will do that everywhere, not just with this plugin.
- If you have a floated image that overlaps the blockquote, it will sit over the top of the image rather than wrapping round the overlapped part of the image like a proper blockquote.
- Nested blockquotes look crap with this plugin. Why would you want to use nested blockquotes though, they look crap!
- If you add any parameters (such as style or cite) to your blockquote tag, it won’t convert your blockquote.
Anyway, give it a whirl and see what you think. Download the plugin, unzip the contents, copy the blockquotes.php file to /wp-content/plugins and then activate it. Simple as that, no initial customisation required as the plugin looks here for the images unless you tell it to look elsewhere. The default images are in the zip file with the plugin if you want to host them yourself or use them as a template to base your own images on.
Crap. You can do rounded corners with CSS3. Unfortunately, as per fucking usual, IE won’t support it. Because Micro-fucking-soft’s cocking shit fuck IE doesn’t even support CSS1 yet, the bunch of cocking-shite fucktard bastards.
All of you using IE: you are fucking scum who should die a painful fucking death, you suckers of Satan’s inadequate cock. I hate you with a very real hate because you make my job a fucking nightmare.
Fuck you.
DK
DK sounds like a Moslem.
Ok, you can’t do rounded corners in pure CSS that’s got cross-platform support. Is that better?
Updated to work in comments as well as posts.
Thanks for this plugin, I tried for days to get my blockquotes to look like warcraft admin forum posts but couldn’t figure it out. With a bit of editing to the images this worked great. Thanks 🙂