The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to add image or change style quote message?

4 posters

Go down

How to add image or change style quote message? Empty How to add image or change style quote message?

Post by Yoshi156 March 20th 2011, 11:00 am

Hello guys,

I would like to know how to add image or how to add style quote message like this?

How to add image or change style quote message? Untitled-42

Hope you can help me.Thanks in advance and god bless!

ForumMotion User,
Yoshi
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Nera. March 20th 2011, 3:43 pm

For phpbb2 find:
Code:
.quote {
Change background-color code or add background-image, what ever you want.
Do the same thing for other versions but in these CSS parts.

- punBB
Find:
Code:
.postmain blockquote {

- phpBB3
Code:
blockquote {
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 21st 2011, 3:22 am

I mean is like this: [url=How to add image or change style quote message? Untitled-43]How to add image or change style quote message? Untitled-43[/url]

How to add a quote image?
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 21st 2011, 11:34 am

Bummmppzz ...
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 22nd 2011, 2:06 am

Bummppppzz ....
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Nera. March 23rd 2011, 3:37 pm

Told you.

You add background-picture to your qoute box by adding =>
Code:
background: url("http://2img.net/i/fa/prosilver/quote.gif") no-repeat;
(this is FMs so you could use your own) under one of those parts in Display >> CSS depending on your forum version. I wrote you where to add it in CSS for phpBB2, punBB or phpBB3 in my post above.

Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Saxaca March 23rd 2011, 3:48 pm

Your selector is blockquote div cite.
Saxaca
Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 24th 2011, 2:45 am

No i mean is how to add image beside the quote message name.

Like this: How to add image or change style quote message? Untitled-43
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Nera. March 24th 2011, 12:11 pm

Yoshi, told you, you add that picture beside the quote message name by going to AP >> Display >> Colors >> CSS stylesheet and finding one of those three parts of CSS I wrote you in my first post (depending on your forum version) and adding this below =>
Code:
background: url("http://2img.net/i/fa/prosilver/quote.gif") no-repeat;
This => How to add image or change style quote message? Quote is default for phpbb3 so I don't think it's your version.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 28th 2011, 6:17 am

Not working.I want to add the image beside the name.I already try it, but not working.Kindly complete it? maybe i'm wrong in putting or adding that code.
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Nera. March 28th 2011, 12:05 pm

What is your forum version?
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 28th 2011, 2:24 pm

Phpbb2.Please complete the codes sir/ma'am, cause maybe their is wrong where in place or put the code at my css code.
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by sign da tits March 28th 2011, 4:13 pm

Code:
blockquote {
  margin: 1em 1px 1em 25px;
  padding: 5px;
  background: #fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;
  border: 1px solid #DBDBCE;
  font-size: 0.95em;
  margin: 1em 1px 1em 25px;
  overflow: hidden;
  }
blockquote div {
    margin-left: 20px;
    }
blockquote blockquote {
  background-color: #EFEED9;
  font-size: 1em;
  margin: 0.5em 1px 0pt 15px;
  }
blockquote blockquote blockquote {
    background-color: #fafafa;
    }
blockquote cite {
  font-style: normal;
  font-weight: bold;
  display: block;
  font-size: 0.9em;
  }
blockquote cite cite {
    font-size: 1em;
    }
blockquote.uncited {
    padding-top: 25px;
    }
sign da tits
sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 March 29th 2011, 8:46 am

Not working.
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 April 3rd 2011, 11:40 am

Bummmmppz ....
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 April 6th 2011, 2:36 pm

Bummmppz ....
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Nera. April 8th 2011, 3:57 pm

Yoshi156 wrote:Phpbb2.Please complete the codes sir/ma'am, cause maybe their is wrong where in place or put the code at my css code.
You can't add it next to cite cause it will be in many things in your forum, cause of cite properties in CSS.
Add this to your CSS and it will be in your qoute box.
Code:
.quote {
    background: url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") no-repeat scroll 6px 8px #999999;
    border-color: #526D75;
    border-right: 2px solid #526D75;
    border-style: solid;
    border-width: 3px 2px 2px 5px;
    font-size: 0.95em;
    margin: 7em 1px 7em 25px;
    overflow: hidden;
    padding: 5px;
}

Change settings if you want and see if it is OK. If not remove it but that's the closest you'll get without adding classes.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 April 9th 2011, 1:53 pm

How to put name inside the box?
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

How to add image or change style quote message? Empty Re: How to add image or change style quote message?

Post by Yoshi156 April 13th 2011, 2:44 pm

Bummmpppzz ...
Yoshi156
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Back to top

- Similar topics

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