vb.org Archive - Show Thread Enhancements - Better Quotes

Page 1 of 2

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)

- - Show Thread Enhancements - Better Quotes - Round Quotes (https://vborg.vbsupport.ru/showthread.php?t=214643)

Sofia

05-26-2009 10:00 PM

Better Quotes - Round Quotes

1 Attachment(s)

Better Quotes - Round Quotes 3.8.x

Description:

Little mod. This modification allows you to have round quotes.

https://vborg.vbsupport.ru/vborg_mis...hreadid=214643

https://vborg.vbsupport.ru/external/2009/08/27.png

0. PSD

You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

I'm not willing to modify background colors for each member.

1. Upload

Upload images in the zip into "images/misc"

2. CSS

ACP >> Styles & Templates >> Styles Manager >> Choose a style >> All Style Options (Go) >> At the bottom : Additional CSS Definitions, in the second box :

Enter:

HTML Code:

.quote_body {

    padding: 3px;

    background-color: #F8F8F8;

    color: #444;

}

.quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top right no-repeat; }

.quote_global {

    background-color: #FAFAFA;

    margin: 3px 20px 3px 20px;

}



.quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {

    margin: 0;

    padding: 0;

    overflow: hidden;

    line-height: 1px;

    font-size: 1px;

    height: 5px;

}

.quote_head, .quote_head div {

    background: url(images/misc/bg_quote1.gif) top right no-repeat;

}

.quote_foot, .quote_foot div {

    background: url(images/misc/bg_quote2.gif) top right no-repeat;

}

.quote_head div, .quote_foot div {

    background-position: 0 -5px;

    height: 5px;

    padding: 0 5px;

}

.quote_head span {

    display: block;

    border-top: solid 1px #CCC;

    height: 4px;

}

.quote_foot span {

    display: block;

    border-bottom: solid 1px #CCC;

    height: 4px;

}

.quote_name, .quote_body {

    border-left: solid 1px #CCC;

    border-right: solid 1px #CCC;

    padding: 4px;

}

3. Template

In the template bbcode_quote,

Replace all your code by:

HTML Code:

<table class="quote_global quote_global-quote" cellspacing="0">

<tr>

    <td class="quote_head"><div><span></span></div></td>

</tr>

<tr>

    <td class="quote_name">

        <if condition="$show['username']">

            <phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>

            <if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if>

        <else />

            <div class="smallfont">$vbphrase[quote]:</div>

        </if>

    </td>

</tr>

<tr>

    <td class="quote_body">

        $message

    </td>

</tr>

<tr>

    <td class="quote_foot"><div><span></span></div></td>

</tr>

</table>

Enjoy! :)

Emrah Kaya

05-27-2009 09:51 AM

wawww :) excellent

SkyCatcher

05-27-2009 12:57 PM

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

Sofia

05-27-2009 04:27 PM

Quote:

Originally Posted by SkyCatcher (Post 1818080)

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

Yes. Sorry. I'will create transparent images.

SpeedyHire

05-27-2009 06:05 PM

i just get a square white box, dont see any rounded corners.
will have a go at redoing it again l8r

Sayid

05-27-2009 06:10 PM

Wow
Very beautiful . installed + Nominated
thanks 4 sharing

Sofia

05-27-2009 07:00 PM

Quote:

Originally Posted by SpeedyHire (Post 1818262)

i just get a square white box, dont see any rounded corners.
will have a go at redoing it again l8r

You must upload images into images/misc.

Akademiks

05-27-2009 08:09 PM

its not working for me

Sofia

05-27-2009 11:34 PM

Quote:

Originally Posted by SkyCatcher (Post 1818080)

I assume the colors are set to the default vb theme of white and light blue? Are the image corners at least transparant?

I include PSD Files. Background can't be transparent because there is a color background of the table. So edit PSD Files (2 images) and change the red color by your posts color (class alt1).

Quote:

Originally Posted by Akademiks (Post 1818359)

its not working for me

Please read installation. This mod works. What's your problem?

RaptorJesus

05-28-2009 03:32 AM

Hey there, this words great, only 1 thing, it's not showing Rounded edges for me, what might be the problem ? Also is there a way to EXPAND it beyond the post a bit ? Because the "quote" Image is overlaying the users Nick if the post is too short.

Sofia

05-28-2009 04:30 AM

Quote:

Originally Posted by RaptorJesus (Post 1818520)

Did you do that?

Quote:

0. PSD You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

To expand the quote :

In the template bbcode-quote,

Replace (first line):

HTML Code:

<table class="quote_global quote_global-quote" cellspacing="0">

By:

HTML Code:

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

RaptorJesus

05-28-2009 04:53 AM

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

Sofia

05-28-2009 05:22 AM

Quote:

Originally Posted by RaptorJesus (Post 1818543)

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

You find this color here: ACP >> Styles & Templates >> Styles Manager >> Choose a style - All Style Options (Go). You find this class : alt1 (First Alternating Color), and color code near "Background". Replace red color of my PSD by this color. ;)

RaptorJesus

05-28-2009 05:29 AM

EDIT: Never mind Sofia, great job on this I figured it out I was stupid enough to just follow through with this without paying too much attention to the CSS addition.

You're using a different URL for the images then I am in there, switched up, and it works perfectly! Great job! :)

Sofia

05-28-2009 06:31 AM

Quote:

Originally Posted by RaptorJesus (Post 1818557)

You're welcome ;)

I'm using different URL for images? I don't think, my URL indicate "images/misc", like must be uploaded images. :)

dilbert

05-28-2009 12:13 PM

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

Sofia

05-28-2009 12:25 PM

Quote:

Originally Posted by dilbert (Post 1818718)

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

Only 1 image is transparent but there is a background color behind it so this quote works with nearly all browser, old and recent. Just 3 images are used, 1 PNG and 2 GIF :)

tekidea

05-31-2009 06:42 PM

this version work with 3.7.2?

Sofia

05-31-2009 08:18 PM

Quote:

Originally Posted by tekidea (Post 1820796)

this version work with 3.7.2?

Yes :) All versions :)

goxy63

06-01-2009 09:08 PM

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with

Code:

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

as you suggested

Just one small noob question
What's for that PSD file for, I only uploaded two gif images and that PNG one !?

And one more question
How to change colour within quote field, I would like that quoted txt stick out a bit more?

Cheers

Sofia

06-01-2009 10:16 PM

Quote:

Originally Posted by goxy63 (Post 1821592)

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with

Code:

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

Hi goxy.
PNG image is a trensparent image, so you mustn't edit this image.
If you want to change colour within quote field, you must modify grey color in PSD. You can try it. Moreover, you must change color in CSS (background-color).

goxy63

06-01-2009 10:37 PM

Will try it out

Thanks once more for this hack

trotskid

06-02-2009 09:18 AM

Very nice addon, thanks ;)

But two questions: I?ve edited the PSD files (the red colour) and the backbroung code for the default style, but still appears the inner corners of white color (#FAFAFA).

https://vborg.vbsupport.ru/

Also when quoting a message, the line you post next them is very close to the quote. It?s possible to make a marge like default quote? (it?s more aesthetic).

https://vborg.vbsupport.ru/

Thank you

Tacama

06-02-2009 09:45 AM

Installed & nominated.

Simple, functional and smooth as always.

Thank you Sofia :)

hqlman

06-02-2009 12:04 PM

Does some one know how to change BG colour behin the text u quote? as u can see from the attached image of the mod

W!cKeD

06-02-2009 12:05 PM

Hello,

have a question, ive a dark skin and the link-color is hmm i think its grey..any hints i can make a custom hover, link etc. css code? without edit my CSS-Option in Style-Manager.. only for Qoute-Box? :)

Thanks in Advance

Sofia

06-02-2009 11:23 PM

Quote:

Originally Posted by trotskid (Post 1821903)

Very nice addon, thanks ;)

But two questions: I?ve edited the PSD files (the red colour) and the backbroung code for the default style, but still appears the inner corners of white color (#FAFAFA).

http://img512.imageshack.us/img512/2601/cornerr.jpg

Also when quoting a message, the line you post next them is very close to the quote. It?s possible to make a marge like default quote? (it?s more aesthetic).

http://img512.imageshack.us/img512/2774/margei.jpg

Thank you

To change the background color, you must also change grey color in PSD.

for the space, you must enter <br /> at the end of the template

Sofia

06-02-2009 11:24 PM

Quote:

Originally Posted by hqlman (Post 1821971)

Does some one know how to change BG colour behin the text u quote? as u can see from the attached image of the mod

See this post: https://vborg.vbsupport.ru/showpost....2&postcount=21

trotskid

06-03-2009 12:27 AM

Quote:

Originally Posted by Sofia (Post 1822406)

To change the background color, you must also change grey color in PSD.

for the space, you must enter <br /> at the end of the template

Thanks!

Nominated :up:

SpeedyHire

06-03-2009 04:34 AM

cant change the corners to work with a black bg, can anyone help please

hqlman

06-03-2009 12:37 PM

Sorry i meant to change this colour to EEEEEE like the bottom half

https://vborg.vbsupport.ru/external/2009/06/152.jpg

Sofia

06-03-2009 01:53 PM

Quote:

Originally Posted by hqlman (Post 1822707)

Sorry i meant to change this colour to EEEEEE like the bottom half

https://vborg.vbsupport.ru/external/2009/06/152.jpg

Yes, you must modify this colors in CSS :
#FAFAFA
#F8F8F8

hqlman

06-03-2009 03:55 PM

Quote:

Originally Posted by Sofia (Post 1822736)

Yes, you must modify this colors in CSS :
#FAFAFA
#F8F8F8

thanks, worked fine,

oh and u didnt reply to my PM

down.low

06-04-2009 12:43 AM

Works great, looks soo much better then the norm. Appreciate the mod Sophia, thanks.

SpeedyHire

06-04-2009 08:50 AM

So can anyone help me with getting the corners made black, as i have no experiance with photoshop

W!cKeD

06-05-2009 10:07 AM

Quote:

Originally Posted by W!cKeD (Post 1821972)

Need Help for this :confused::confused:

Thanks

hqlman

06-06-2009 08:39 AM

Quote:

Originally Posted by W!cKeD (Post 1823820)

Need Help for this :confused::confused:

Thanks

Yes im looking for an easy way of changing URL colours in posts only, so far there are ways but require quite a bit of template code change

W!cKeD

06-06-2009 09:30 PM

Quote:

Originally Posted by hqlman (Post 1824354)

Yes im looking for an easy way of changing URL colours in posts only, so far there are ways but require quite a bit of template code change

Thanks :)

Mistah Roth

07-07-2009 01:43 PM

Marked as installed.

Hi, this works brilliantly in posts but doesn't have any effect on quotes in sigs. Obviously that looks silly. I can't find a template for the quote box in sigs, I figured it'd be the same.

Any help? Thanks.

SirHappy

07-07-2009 05:16 PM

Nice work! :) Tagged!

All times are GMT. The time now is 03:28 AM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01381 seconds Memory Usage 1,846KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (4)bbcode_html_printable (19)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: