vb.org Archive - Miscellaneous Hacks - Better Quote Box (just like on vbulletin.org)

Page 1 of 3

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

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

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

- - Miscellaneous Hacks - Better Quote Box (just like on vbulletin.org) (https://vborg.vbsupport.ru/showthread.php?t=166865)

vietfancy

01-02-2008 10:00 PM

Better Quote Box (just like on vbulletin.org)

Upload this image to your image/misc folder: https://vborg.vbsupport.ru/external/2008/01/444.gif

Add this to your Additional CSS:

PHP Code:


		
			


.quote {

    margin:15px 10px;

    background: url(images/misc/q.gif) 0 0 no-repeat;

    padding-left:25px}

blockquote.bq {

    font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-left:3px solid #ccc; 

    margin:0px;

    padding:0 5px}

then replace templates bbcode_quote and blog_bbcode_quotewith this code:

PHP Code:


		
			
<div style="margin:3px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">

    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">

    <tr>

        <td><div class="quote" style="margin-bottom:2px">

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

                <div class="smallfont" style="margin-bottom:2px">

                    <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>

                </div>

                <blockquote class="bq" style="font-style:italic">$message</blockquote>

            <else />

                <blockquote class="bq" style="font-style:italic">$message</blockquote>

            </if>

        </div></td>

    </tr>

    </table>

</div>

Done!

And here is what it looks like:

Quote:

Originally Posted by vietfancy (Post 1)

This code can be use for many versions, not just 3.6.8 . Have fun people.

==========================
If you want to have quote at the end then upload this image https://vborg.vbsupport.ru/attachmen...1&d=1199648444 to misc folder and use this css instead.

PHP Code:


		
			
.quote {

    margin:15px 10px;

    background: url(images/misc/q.gif) 0 0 no-repeat;

    padding-left:25px}

blockquote.bq {

    background: url(images/misc/q1.gif) no-repeat bottom right;

    font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-left:3px solid #ccc; 

    margin:0px;

    padding:0 5px}

eNforce

01-03-2008 08:12 PM

Cool thanks!

Here's a white version of the quote image for those of you with dark styles.

(demo)

FaNtAzY

01-03-2008 08:14 PM

WOW... thank u very much dude... i postet a request some days ago and here it is.... awesome... it's such a nice look :) thank you man! :up:

nothing4me

01-03-2008 08:26 PM

Compressed CSS:

Code:

.quote{margin:15px 10px;background:url(images/misc/q.gif) 0 0 no-repeat;padding-left:25px}blockquote.bq{font:italic 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;border-left:3px solid #ccc;margin:0;padding:0 5px}

Thanks by the way. :)

Snake

01-03-2008 09:53 PM

Thanks for this! But is it possible to have a quote at the end, too? :D

FaNtAzY

01-03-2008 10:21 PM

Quote:

Originally Posted by Snake (Post 1414939)

Thanks for this! But is it possible to have a quote at the end, too? :D

.... i have not so good abilities in coding but I think you can easily add a vertical flipped version of the quote icon at the end of the code... (I have no time atm for testing it myself ^^) or wait for the coder who possibly can add your request... because your idea interesst me too :)

TTG	01-03-2008 10:24 PM

I'd be interested in adding this if it could be coded to include the end quote.
I always thought it looked unfinished when I see it used on vborg.

ran_iu_Conan

01-03-2008 10:27 PM

i very very like it
thanks thanks so much ;)

ran_iu_Conan

01-03-2008 10:29 PM

and bbcode php , code , htm ?
do you know ? ^_^

Snake

01-03-2008 10:49 PM

Quote:

Originally Posted by TTG (Post 1414965)

I'd be interested in adding this if it could be coded to include the end quote.
I always thought it looked unfinished when I see it used on vborg.

Yeah, that what I was talking about. It looks like a bit incomplete so it would be nicer if there's one at the end as well.

vietfancy

01-03-2008 11:05 PM

Quote:

Originally Posted by ran_iu_Conan (Post 1414971)

and bbcode php , code , htm ?
do you know ? ^_^

Will do when i have time

Quote:

Originally Posted by Snake (Post 1414939)

Thanks for this! But is it possible to have a quote at the end, too? :D

You can do that easily just by adding a few lines of css code. But it wouldn't look good anymore.

Snake

01-03-2008 11:09 PM

It's easy for you to say. :p The quote icon needs to be vertical flipped and I'm not really good at graphics, and not to mention CSS editing. Maybe you can help a brother out?

vietfancy

01-04-2008 02:41 AM

Quote:

Originally Posted by Snake (Post 1414991)

It's easy for you to say. :p The quote icon needs to be vertical flipped and I'm not really good at graphics, and not to mention CSS editing. Maybe you can help a brother out?

hahahaha bro! I'm not going to make that button for ya. you have to make it yourself and named it q1.gif, then upload it to misc folder, then replace the css with the code below.

Code:

.quote {

        margin:15px 10px;

        background: url(images/misc/q.gif) 0 0 no-repeat;

        padding-left:25px}

blockquote.bq {

        background: #FFF url(images/misc/q1.gif) no-repeat bottom right;

        font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

        border-left:3px solid #ccc; 

        margin:0px;

        padding:0 5px}

Quantnet

01-04-2008 04:50 AM

thanks, bro
do you have to change the bb_quote template as well if you want quote at the end ? It only show the first quote after i add the q1.gif and the css

SBlueman

01-04-2008 05:55 AM

Not showing at the end for me either.

drhimadri82

01-04-2008 06:22 AM

Any solution for legacy???

vietfancy

01-04-2008 07:08 AM

Quote:

Originally Posted by drhimadri82 (Post 1415162)

Any solution for legacy???

Quote:

Originally Posted by SBlueman (Post 1415150)

Not showing at the end for me either.

Quote:

Originally Posted by Quantnet.org (Post 1415128)

thanks, bro
do you have to change the bb_quote template as well if you want quote at the end ? It only show the first quote after i add the q1.gif and the css

Done, sorry, i misspelled "images" in the css

drhimadri82

01-04-2008 08:53 AM

Images now not appearing in quotes.....I mean these https://vborg.vbsupport.ru/

vietfancy

01-04-2008 09:24 AM

Quote:

Originally Posted by drhimadri82 (Post 1415202)

Images now not appearing in quotes.....I mean these http://lacloi.com/forum/FancyiMac/misc/q1.gif

had you uploaded the image yet?

use this css instead:

Code:

.quote {

    margin:15px 10px;

    background: url(images/misc/q.gif) 0 0 no-repeat;

    padding-left:25px}

blockquote.bq {

    background: url(images/misc/q1.gif) no-repeat bottom right;

    font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-left:3px solid #ccc; 

    margin:0px;

    padding:0 5px}

drhimadri82

01-04-2008 10:12 AM

Quote:

Originally Posted by vietfancy (Post 1415211)

had you uploaded the image yet?

use this css instead:

Code:

.quote {

    margin:15px 10px;

    background: url(images/misc/q.gif) 0 0 no-repeat;

    padding-left:25px}

blockquote.bq {

    background: url(images/misc/q1.gif) no-repeat bottom right;

    font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;

    border-left:3px solid #ccc; 

    margin:0px;

    padding:0 5px}

I already found the images in the previous code when the legacy layout got messy....so images are fine I guess....still I am checking once again...

EDIT: working...

*installed

princeedward

01-04-2008 11:44 AM

thanks for sharing this... ;)

chimaira

01-04-2008 12:36 PM

Worked for me. Cheers

BigDog56

01-05-2008 12:58 AM

Works for me too! Thank you!

Derek Chai

01-05-2008 01:15 AM

Thanks!

alqloob alsahya

01-05-2008 09:54 AM

nice thank"S

kiFF	01-05-2008 03:57 PM

The space between quotes is too big.

http://politicity.net/showpost.php?p=3038&postcount=6

Also, since I added this mod, the code for the quoted text and the new text are automatically moved to the same line. For example:

PHP Code:


		
			
[quote]Quoted Text[/quote]New Text

Instead of:

PHP Code:


		
			
[quote]Quoted Text[/quote]



New Text

If I type the new text on a second line, when I press "Preview", it automatically puts it on the same line. I don't like this because some people like to space their quotes differently to make it easier to read.

EDIT: I think I figured out how to change the spacing in the CSS. However, I still don't know why it won't let you add a space between the quoted text and the new text. Can someone help me please?

Ozdemir

01-05-2008 05:43 PM

thanx ı will try

ultrmn

01-06-2008 12:48 AM

That's great. Thanks very much.

Pirat3

01-06-2008 04:47 AM

did everything you said, does not work on my custom theme. any ideas?

vietfancy

01-06-2008 05:11 AM

Quote:

Originally Posted by Pirat3 (Post 1416335)

did everything you said, does not work on my custom theme. any ideas?

look into the css and change this images/misc/q.gif and images/misc/q1.gifto fit yours

bhen13

01-06-2008 12:35 PM

I like it, it looks great :D Installed

RedFoxy

01-06-2008 12:45 PM

hey i'm searching the q1.gif image... the link is broken

RedFoxy

01-06-2008 12:53 PM

i did it: http://www.softairmania.it/forum/images/misc/q1.gif

sensimilla

01-06-2008 01:21 PM

Worked fine for me , thanks!

Pirat3

01-06-2008 02:31 PM

I edited this on my new theme, would their be a images/misc directory for it? (not sure).

Also which block of additonal.css would I edit? There are 2, the first box or second?

bluvega

01-06-2008 03:08 PM

Thanks, I like it!!!

RedFoxy

01-06-2008 03:34 PM

Quote:

Originally Posted by Pirat3 (Post 1416540)

I edited this on my new theme, would their be a images/misc directory for it? (not sure).

Also which block of additonal.css would I edit? There are 2, the first box or second?

yep! Always in images/misc an you must use the alternative css (edit it by admin control panel) in the second box

Pirat3

01-06-2008 05:34 PM

Never mind working now!

tanyeri24

01-06-2008 09:16 PM

doesnt work on pm's

vietfancy

01-06-2008 09:24 PM

Quote:

Originally Posted by tanyeri24 (Post 1416772)

doesnt work on pm's

yes, it does!

All times are GMT. The time now is 06:25 PM.

Page 1 of 3

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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01443 seconds Memory Usage 1,851KB 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 (4)bbcode_code_printable (5)bbcode_php_printable (14)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)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: