Web www.sabahan.com

Sabahan.com

About Computers, Blogging, Making Money Online, Marketing and Interesting Stuff


 

Spicing up your Wordpress ‘blockquote’ style

One of my readers, Kurniawan asked what I did to make my blockquote box looks like this

Instead of writing my reply via the comment section I thought I reply his question in this new post so that others who might be interested can read it too.

The effect is achieved by setting several Cascading Style Sheet (CSS) properties in my style.css file.

For my template, I am using this code

blockquote {
border: 1px solid #5c5656;
margin: 1em 0;
padding: 10px;
background: #f8f7f6 url(images/blq.gif);
}

Just put this code or edit your existing blockquote properties. Then download blg.gif and place it into the appropriate folder.



Did you enjoy this post? Please Subscribe via RSS or email.
1 User Browsing This Page.
Users: 1 Guest
April 19th, 2006
Filed under: Blogging & Wordpress | 1406 Views


Your Ad Here



Related posts



RSS feed | Trackback URI

2 Comments »

Comment by hwa
2006-10-02 06:25:15

cool effect! use it in my blog ;) thanks for the tips!! :)

 
2007-05-02 11:56:07

[...] Side note: Thanks to Nerdaphernalia for the pullquote plugin and Sabahan for the cool blockquote effect. [...]

 
Name (required)
E-mail (required - never shown publicly)
URI

Subscribe to comments via email

Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.