How do I make Quote Boxes? (With Pictures)
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1 • Share •
How do I make Quote Boxes? (With Pictures)
When someone quotes I want the quotes to look like this:
(I would like to put a logo in the top left corner, but if this isn't possible, that's fine.)

Can someone give me a CSS code for PunBB?
I'll change the colors myself, just need the style to look that way.
Thanks.
(I would like to put a logo in the top left corner, but if this isn't possible, that's fine.)

Can someone give me a CSS code for PunBB?
I'll change the colors myself, just need the style to look that way.
Thanks.
Last edited by ReturnOfPeyton on July 20th 2012, 3:31 pm; edited 1 time in total
ReturnOfPeyton- Forumember
- Posts : 37
Reputation : 1
Language : English
Re: How do I make Quote Boxes? (With Pictures)
Hi,

- Code:
.postmain cite {
background-image: url("http://cdn4.iconfinder.com/data/icons/Sizicons/16x16/info.png");
background-repeat: no-repeat;
padding-left: 20px;
}

Re: How do I make Quote Boxes? (With Pictures)
@Nera. wrote:Hi,
- Code:
.postmain cite {
background-image: url("http://cdn4.iconfinder.com/data/icons/Sizicons/16x16/info.png");
background-repeat: no-repeat;
padding-left: 20px;
}
Thank you, Nera.
How can I make the lines on the border of the quote box dashed?
ReturnOfPeyton- Forumember
- Posts : 37
Reputation : 1
Language : English
Re: How do I make Quote Boxes? (With Pictures)
- Code:
.postmain blockquote {
border: 1px dashed gray !important;
}

Re: How do I make Quote Boxes? (With Pictures)
Thanks again, Nera.
You certainly are on late/early.
How can I change the color of the box itself?
Sorry for all the questions.

ReturnOfPeyton- Forumember
- Posts : 37
Reputation : 1
Language : English
Re: How do I make Quote Boxes? (With Pictures)
- Code:
.postmain blockquote {
background: none repeat scroll 0 0 red !important;
}
Change the red in the code to what ever you want.
Re: How do I make Quote Boxes? (With Pictures)
@Nera. wrote:
- Code:
.postmain blockquote {
background: none repeat scroll 0 0 red !important;
}
Change the red in the code to what ever you want.
Thanks.

/Solved.

ReturnOfPeyton- Forumember
- Posts : 37
Reputation : 1
Language : English
The forum of the forums :: Support forum :: Forum Design & Appearance Help :: Design & Appearance Problems Archives
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum