xoops forums

irmtfan

Module Developer
Posted on: 2007/3/25 6:22
irmtfan
irmtfan (Show more)
Module Developer
Posts: 3419
Since: 2003/12/7
#1

how to show quote marks with start and end icons?

i just want to know if its possible to show quotes with small icons like this:
http://news.bbc.co.uk/2/hi/middle_east/6492139.stm

there is only one xoopsQuote in CSS

anyone have an idea?

rabideau

Home away from home
Posted on: 2007/3/25 18:38
rabideau
rabideau (Show more)
Home away from home
Posts: 1042
Since: 2003/4/25
#2

Re: how to show quote marks with start and end icons?

Hi...

You could create a <div> class for quotes in your css and use the gif image(s) there.

Of course your stuff will then run the risk of being incompatible with other XOOPS sites.
Pax vobiscum,
...mark

may the road rise to meet your feet!

http://treemagic.org

JMorris

XOOPS is my life!
Posted on: 2007/3/25 23:51
JMorris
JMorris (Show more)
XOOPS is my life!
Posts: 2722
Since: 2004/4/11
#3

Re: how to show quote marks with start and end icons?

One approach is CSS pseudo classes, like p:before, p:after.

A word of caution though, this approach does not work well with IE. Must like most cool things you can do with standards compliant CSS. But I digress...

HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

irmtfan

Module Developer
Posted on: 2007/3/26 5:01
irmtfan
irmtfan (Show more)
Module Developer
Posts: 3419
Since: 2003/12/7
#4

Re: how to show quote marks with start and end icons?

thank you both
rabideau,
it should be done with [ quote ] [ /quote ] tags
i dont want to touch core php files.


JMorris,
yes its a nice trick but as you said that MICRO$OFT IE is a big issue with its incompatibilities with CSS3 and even CSS2.
see here:
http://www.css3.info/selectors-test/
and unfortunately about 60 percents of all of my visitors using IE.
anyway i work on it