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 do I make Quote Boxes? (With Pictures)

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 do I make Quote Boxes? (With Pictures)

Post by ReturnOfPeyton on July 19th 2012, 7:09 am

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 July 20th 2012, 3:31 pm; 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 July 20th 2012, 10:11 am

Hi,

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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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 July 20th 2012, 1:47 pm

@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 July 20th 2012, 2:14 pm

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


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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 July 20th 2012, 2:24 pm

@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 July 20th 2012, 3:19 pm

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

Change the red in the code to what ever you want.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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 July 20th 2012, 3:32 pm

@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 July 20th 2012, 3:33 pm

bye

Topic Solved & Locked

Nera.
Energetic

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

http://webartzforum.com

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