Recent Topics

1 Aug 02, 2008 12:22    

My b2evolution Version: 2.4.2

hi all,

bit of an odd one

I'm looking to 'extend' the styling of the blockquotes by having images surround the text

obviously I can add a background image to the current stylesheet, but as I want to add images top and bottom of varying lengths of text that wont do what I need

what I think I need is a simple renderer plugin that replaces the <blockquote> with something like <blockquote_header>&nbsp;</blockquote_header><blockquote>

and something similar for the bottom

this will allow me to have styling for the 'new pieces'

or is there an easier way that I'm missing?

thanks

muff

2 Aug 09, 2008 20:22

muff - We use a similar blockquoting style. The hang-up is that you can only have one background image per element (and we use two quotes ... one at the beginning and one at the end).

Hence:



XHTML

<blockquote><div><p>First para of quote</p>
<p>Second para of quote</p>
</div></blockquote>

The BLOCKQUOTE gets the upper-left quote image, the DIV the lower-right.

The mistake we made, was not assigning a class-name for this behavior, which means if a commentor adds a single BLOCKQUOTE tag, it gets a bit of funky styling. :(

I'd recommend <blockquote class="unique_name"><div>, then your CSS won't wanker-up blockquotes that your visitors might add.



CSS 

blockquote.unique_name { background:url(upper-left-quote.png) no-repeat; }
blockquote.unique_name div { background:url(lower-right-quote.png) no-repeat; }

;)

Hope this helps.

-stk

( PS - Not sure how semantically correct a blockquote is inside a blockquote? :p Maybe it's just a quote of a quote? :D )

PPS - Once you've picked your XHTML, just modify the quicktoolbar plugin, so that hititng "blockquote" spits out the proper XTHML each time.


Form is loading...