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 add image or change style quote message?

View previous topic View next topic Go down

How to add image or change style quote message?

Post by Yoshi156 on 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?



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

ForumMotion User,
Yoshi

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

Post by Nera. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

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

I mean is like this: [url=][/url]

How to add a quote image?

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Bummmppzz ...

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Bummppppzz ....

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Told you.

You add background-picture to your qoute box by adding =>
Code:
background: url("http://illiweb.com/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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

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

Your selector is blockquote div cite.

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

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

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

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

Like this:

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

Post by Nera. on 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://illiweb.com/fa/prosilver/quote.gif") no-repeat;
This => is default for phpbb3 so I don't think it's your version.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

Post by Yoshi156 on 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
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

What is your forum version?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

Post by Yoshi156 on 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
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

Post by sign da tits on 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
Forumember

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

http://www.devforumz.com/

Back to top Go down

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

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

Not working.

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Bummmmppz ....

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Bummmppz ....

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

Post by Nera. on 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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

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

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

How to put name inside the box?

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

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

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

Bummmpppzz ...

Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

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