"Forum Quotes" : Forums : Help-Site - World of Warcraft Durotan server - Guild Hosting - GuildPortal

• Login: Password: Save New User? Forgot?

Code

Forums

: > Forum Quotes

Mottie (SuperAdmin)

11/25/2010 12:22 PM EST : Forum Quotes

ACK!

Posts: 3873

0
Like

1
Dislike

Forum Quotes

GuildPortal admin site link to the original post

Use the following CSS to add Forum Quotes around quote blocks, so they look like this:

Example 1

Example 2 (ignore the arrow icon, the image is from another site)

CSS
Add the following to your custom css (Control Panel > Custom HTML & Script > Custom CSS > CSS Additions to Standard tab).

Example 1 css:
.MessageBodyCell1 .quoteTitle {
background: #444;
padding: 5px 80px;
}
.MessageBodyCell1 .quoteContainer {
background: #222 url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/quote-left.png) 2% 2% no-repeat;
border: #444 1px solid;
margin: 0;
}
.MessageBodyCell1 .quoteBody {
background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/quote-right.png) no-repeat 98% 98% !important;
padding: 5px 80px !important;
}
Example 2 css:

.MessageBodyCell1 .quoteTitle {
padding: 10px;
background: #000 url(http://www.axiomfiles.com/Files/278466/theme-quotes.png) right center no-repeat;
border: #444 1px solid;
}
.MessageBodyCell1 .quoteContainer {
background: #2a1011 !important;
border: #444 1px solid;
border-top-width: 0;
margin: 0;
}
.MessageBodyCell1 .quoteBody {
background: transparent url();
padding: 20px !important;
}

Customizing

Modify the color in blue to change the background and border colors. Do not change the "transparent" background color otherwise the second background image won't be seen.
If you have your own quote images, change the URL in orange. The left quote image should go into the ".quoteTitle" css and the right quote image will go into the ".quoteBody" css.
Adjust the padding (in red) in the title and body as needed to show the quote images, otherwise the text will overlap.

Update (11/26/2010): Correct the css and added example 2, since I inadvertantly mixed the css from the two examples together.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems

•

Furor911 (Member)

11/26/2010 6:26 AM EST : RE: Forum Quotes

Furor911 Posts: 4 0 Like 1 Dislike	I have tried it on my site, but its showing in different form in kind of borders, i am little bit confused how do I exactly make the one you have on your forum. can you please look into it : furor.guildportal.com secondly i am unable to change the color of forum handle ( the one appear with date / time of the post ) , can you please help me out how to change its color. Characters: Danmed
•

Mottie (SuperAdmin)

11/26/2010 9:42 AM EST : RE: Forum Quotes

ACK! Mottie Posts: 3873 0 Like 1 Dislike	Hi Furor911! Sorry!... I mixed the css from example 1 & example 2 together. It's fixed now >>help-site<< Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
•

Key

%title%