How to change the apperiance of quotes?

Go down

Solved How to change the apperiance of quotes?

Post by viankova on December 1st 2011, 6:59 pm

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.



Last edited by viankova on December 9th 2011, 11:42 am; edited 1 time in total
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 1st 2011, 7:04 pm

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

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 1st 2011, 7:16 pm

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.

avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 2nd 2011, 7:05 pm

bump.
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 7:32 pm

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;
}

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 2nd 2011, 8:01 pm

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?
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 8:13 pm

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;
}
}

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 2nd 2011, 8:41 pm

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.
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 8:47 pm

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;
}

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 2nd 2011, 8:56 pm

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

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 4th 2011, 12:39 pm

bump
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 4th 2011, 12:55 pm

Can you post a screenshot please? Very Happy

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 4th 2011, 1:31 pm



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.
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 5th 2011, 1:43 pm

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?
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 5th 2011, 2:38 pm

Add and:
Code:
td.quote div[align="justify"] {
padding: 10 10 10px;
}
By changing 10 10 10px you can get your liked result. Wink

Guest
Guest


Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 5th 2011, 4:14 pm

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.
avatar
viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum