The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to change the apperiance of quotes?

View previous topic View next topic 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

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.


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.

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?

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.

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.

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

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.

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?

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.

viankova
Forumember

Female Posts : 133
Reputation : 0
Language : Sumen

Back to top Go down

View previous topic View next topic Back to top


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