CSS help for quotes

Dec

2011

I'm having trouble putting the quotation mark and the original person who wrote the quote into the quote box just like when you quote someone on this help forum. Can someone please show me how to do this?

Here is the code I'm using:

Code:: .quote { font-style:italic,Verdana,Arial,Helvetica,sans-serif; border-width: 2px; background-image: url("http://i43.servimg.com/u/f43/16/73/76/02/quoteb11.png"); border-left: 4px solid grey; border-top-left-radius: 0px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 6px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; padding-right: 20px }

Code:: div.postbody span.genmed { color:white; background-image: url("http://i43.servimg.com/u/f43/16/73/76/02/quote111.png"); background-repeat:no-repeat; padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:20px; }

1 Guest, on 12/12/2011 at 21h20

I don't understand what you want. You'll gave the codes for quotes, for with what I can help you? Sorry, I really don't understanded. Very Happy

2 iamthestreets, on 12/12/2011 at 22h16

If you look at the first image i want to make it look like this... You will notice how the quotes and iamthestreet|A is inside the same box as the text.

3 ankillien, on 13/12/2011 at 06h50

Hi,

Can you give link to your forum please?

4 iamthestreets, on 13/12/2011 at 14h28

ankillien wrote:Hi,

Can you give link to your forum please?

I want it to look just like the quote above with my own style.

http://www.mystreetlife.com/

5 ankillien, on 14/12/2011 at 05h14

Thanks for the link.

Try this code...

Code:: $(function(){ $('.quote').parent().parent().parent().css({ 'background-image': 'url(http://i43.servimg.com/u/f43/16/73/76/02/quoteb11.png)', 'border-left': '2px solid grey', 'border-radius': '0 25px 25px 6px', 'border-width': '2px', 'padding': '15px 20px' }); $('.quote').css({ 'background': 'none', 'border': 'none', 'padding': '0px', 'border-radius': '0px' }); });

Add it via Admin CP > Modules > Javascript management for 'In the topics' option.

Hope it helps Very Happy

6 iamthestreets, on 14/12/2011 at 21h27

That worked perfectly. Thanks for all the help.

I had a friend of mine help me with some of the javascript to add a few things. so here it is for those that will need help with this in the future.

Code:: $(function(){ $('.quote').parent().parent().parent().css({ 'background-image': 'url(http://i43.servimg.com/u/f43/16/73/76/02/quoteb14.png)', 'border-left': '2px solid grey', 'border-radius': '0 25px 25px 6px', 'border-width': '2px', 'padding': '10px 15px' }); //save quote text var quoteText = $('.quote').html(); //clear out inside of quote td cell $('.quote').html(""); //add div to quote class var $insideDiv = $('<div class="insideQuote"/>'); $insideDiv.html(quoteText ); $('.quote').append($insideDiv); //move text into new tag $('.insideQuote').css({ 'background': 'none', 'padding-left': '10px', 'padding-top': '0px', 'border-radius': '0px', 'margin-left': '30px', 'border-left': '2px solid grey' }); });

End results:

7 Jophy, on 14/12/2011 at 23h52

Topic Solved & Moved

Note: You can also help the staff member's work by EDITING your topic and marking it as solved.