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 Thu Dec 01, 2011 12: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 Fri Dec 09, 2011 5: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 Thu Dec 01, 2011 1: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 Thu Dec 01, 2011 1: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 Fri Dec 02, 2011 1: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 Fri Dec 02, 2011 1: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 Fri Dec 02, 2011 2: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 Fri Dec 02, 2011 2: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 Fri Dec 02, 2011 2: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 Fri Dec 02, 2011 2: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 Fri Dec 02, 2011 2: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 Sun Dec 04, 2011 6:39 am

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 Sun Dec 04, 2011 6:55 am

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 Sun Dec 04, 2011 7:31 am



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 Mon Dec 05, 2011 7:43 am

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 Mon Dec 05, 2011 8:38 am

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 Mon Dec 05, 2011 10:14 am

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

View previous topic View next topic Back to top


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