How do I make Quote Boxes? (With Pictures)

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

Go down

Solved How do I make Quote Boxes? (With Pictures)

Post by ReturnOfPeyton on 19/7/2012, 07:09

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.


Last edited by ReturnOfPeyton on 20/7/2012, 15:31; edited 1 time in total

ReturnOfPeyton
Forumember

Posts : 37
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by Nera. on 20/7/2012, 10:11

Hi,

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

avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by ReturnOfPeyton on 20/7/2012, 13:47

@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

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by Nera. on 20/7/2012, 14:14

Code:
.postmain blockquote {
    border: 1px dashed gray !important;
}

avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by ReturnOfPeyton on 20/7/2012, 14:24

@Nera. wrote:
Code:
.postmain blockquote {
    border: 1px dashed gray !important;
}


Thanks again, Nera.
You certainly are on late/early.
How can I change the color of the box itself?
Sorry for all the questions. Wink

ReturnOfPeyton
Forumember

Posts : 37
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by Nera. on 20/7/2012, 15:19

Code:
.postmain blockquote {
    background: none repeat scroll 0 0 red !important;
}

Change the red in the code to what ever you want.
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by ReturnOfPeyton on 20/7/2012, 15:32

@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. Very good
/Solved. bye

ReturnOfPeyton
Forumember

Posts : 37
Reputation : 1
Language : English

Back to top Go down

Solved Re: How do I make Quote Boxes? (With Pictures)

Post by Nera. on 20/7/2012, 15:33

bye

Topic Solved & Locked
avatar
Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

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