How to change the apperiance of quotes?

Dec

2011

Hello. I have a help request. I want to to change the appearance of quotes. From square quotations to round.

Here is a screenshot where I saw it.

My forum version is phpBB2. My forum url - click here

I don't know what version is the forum on the screen.

I will appreciate any help.

1 Guest, on 01/12/2011 at 19h04

Code:: td.quote{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

2 viankova, on 01/12/2011 at 19h16

Gassy wrote:
Code:
td.quote{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

Thank you for the help Gassy.

And how can I add this picture so it appears the picture [member name] said: and the rounded quote?

Here is the pic.

3 viankova, on 02/12/2011 at 19h05

bump.

4 Guest, on 02/12/2011 at 19h32

Try:

Code:: td.quote{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-image: url(http://www.indowebster.web.id/images/misc/quote_icon.png); background-repeat: no-repeat; background-position: top left; }

5 viankova, on 02/12/2011 at 20h01

It's working. But how can I add it before "Username said..." not in the quotation itself?

I mean - picture Usarname said.... and the quoted text.

Is this possible?

6 Guest, on 02/12/2011 at 20h13

Try:

Code:: tr.post td.row1 table tbody tr td div.postbody div table tbody tr{ padding-left: 13px; background-image: url(http://www.indowebster.web.id/images/misc/quote_icon.png); background-repeat: no-repeat; background-position: left; } }

or:

Code:: tr.post td.row1 table tbody tr td div.postbody div table tbody tr:before{ padding-left: 13px; background-image: url(http://www.indowebster.web.id/images/misc/quote_icon.png); background-repeat: no-repeat; background-position: left; } }

7 viankova, on 02/12/2011 at 20h41

With both codes I get this message:

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

8 Guest, on 02/12/2011 at 20h47

Oh, sorry, my fault:

Code:: tr.post td.row1 table tbody tr td div.postbody div table tbody tr{ padding-left: 13px; background-image: url(http://www.indowebster.web.id/images/misc/quote_icon.png); background-repeat: no-repeat; background-position: left; }

Code:: tr.post td.row1 table tbody tr td div.postbody div table tbody tr:before{ padding-left: 13px; background-image: url(http://www.indowebster.web.id/images/misc/quote_icon.png); background-repeat: no-repeat; background-position: left; }

9 viankova, on 02/12/2011 at 20h56

The picture is not visible. Everything else is working but the picture is not showing itself.

10 viankova, on 04/12/2011 at 12h39

bump

11 Guest, on 04/12/2011 at 12h55

Can you post a screenshot please? Very Happy

12 viankova, on 04/12/2011 at 13h31

Here. Also there is no border.

This is when I use the second code you gave me.

When I use the first one the quote looks like this.

The picture is in the username. Not before it.

13 viankova, on 05/12/2011 at 13h43

bump

and I have a question about this code

Code:: td.quote{ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

When I set it it works but when I make a text justify the text merge in with the border itself. How to correct that?

14 Guest, on 05/12/2011 at 14h38

Add and:

Code:: td.quote div[align="justify"] { padding: 10 10 10px; }

By changing 10 10 10px you can get your liked result. Wink

15 viankova, on 05/12/2011 at 16h14

It's not working. And what about the other codes? I made screen shots.

viankova wrote:

Here. Also there is no border.

This is when I use the second code you gave me.

When I use the first one the quote looks like this.

The picture is in the username. Not before it.