Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Forums > Forum Quotes
Mottie (SuperAdmin) 11/25/2010 12:22 PM EST : Forum Quotes
ACK!
Mottie
Posts: 3884

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
TopBottom

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
TopBottom

Mottie (SuperAdmin) 11/26/2010 9:42 AM EST : RE: Forum Quotes
ACK!
Mottie
Posts: 3884

0
Like

1
Dislike

Hi Furor911!

Sorry!... I mixed the css from example 1 & example 2 together. It's fixed now
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%