The forum of the forums
Welcome on the Forumotion Support Forum.

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're not yet....



Create a free forum like this one.

How to change the apperiance of quotes?

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives

View previous topic View next topic Go down

Solved How to change the apperiance of quotes?

Post by viankova on December 1st 2011, 10:59 am

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, 3:42 am; edited 1 time in total

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 1st 2011, 11:04 am

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, 11:16 am

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
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 2nd 2011, 11:05 am

bump.

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 11:32 am

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, 12: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
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 12: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, 12: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
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 2nd 2011, 12: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, 12:56 pm

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

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 4th 2011, 4:39 am

bump

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 4th 2011, 4: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 December 4th 2011, 5: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.

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by viankova on December 5th 2011, 5: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?

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

Solved Re: How to change the apperiance of quotes?

Post by Guest on December 5th 2011, 6: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 December 5th 2011, 8: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.

viankova
Forumotion Member

Female
Posts: 76
Language: Sumen
Points: 127
Join date: 2011-01-14

http://the-citadel.secretstories.org/forum

Back to top Go down

View previous topic View next topic Back to top

The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives

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