By Steve Dondley on

I've seen somewhere on this site where there are large quotation marks surrounding quoted text. Does anyone know where I can find the code/css to do that nifty trick?

Comments

robertdouglass’s picture

robertdouglass commented

You can get them around your text here when you post something inside of a blockquote element:

Like this

You can recreate them for yourself by giving blockquote elements the appropriate background image, margin and padding in CSS. If you really want to see how it is done here, download the stylesheet. It isn't open source, like Drupal, but you can't hide the CSS or HTML of a website - no secrets here.

- Robert Douglass

-----
visit me at www.robshouse.net

Steve Dondley’s picture

Steve Dondley commented

Hey, it works here.

Hmmm...but can't seem to get it to work on my site. I've uploaded the images and cut and pasted the css code from drupal's css sheet. I'm sure I'll figure it out.

Thanks!

Steve Dondley’s picture

Steve Dondley commented

OK, I just refreshed my browser to force a download of the css sheet. But now only the left pair of quotation marks shows up and it's showing up on top of the text. I honestly don't know why people get so excited about the glories of css. Seems like it takes just as much tweaking to get right as old school web design. Thanks for listening. Later.

Steve Dondley’s picture

Steve Dondley commented

Looks like I need a filter to add some div tags to the regular <blockquote tag. Do you know where I can get this filter?

Tommy Sundstrom’s picture

Tommy Sundstrom commented

456 Berea Street has an excellent article on this.

attheshow’s picture

attheshow commented

You can do this in Drupal 6 using the Quotations module. http://drupal.org/project/quotations