PDA

View Full Version : BB Code Enhancements - GTQuotes - custom quote box as seen on vbulletin.org


Princeton
02-11-2008, 10:00 PM
Now you can have the same bbcode_quote template modification as seen on vbulletin.org.

Why GTQuotes - A Custom bbcode_quote Template Modification?
Uses the <cite> element to markup the names of referenced quotes.
Uses the <blockquote> element for quoting paragraphs of text.
Less code.1.0.0 VERSION (download gtquotes.zip)

Show your support and click Mark As Installed and Nominate For MOTM.

Need Help?
For continued support and upgrades - support by donating via PayPal.


Instructions:

Download gtquotes.zip
Upload q.gif to your images/misc folder. (NOTE: I supplied a few quote gifs for you to choose from. Just upload the one that you will use.)
Go to ADMINCP / STYLE MANAGER / MAIN CSS
FIND "Additional CSS" table
ENTER custom CSS after your defined CSS: (NOTE: You may need to change image URL.)
Go to ADMINCP / STYLE MANAGER / Edit Templates
REPLACE bbcode_quote TEMPLATE Frequently Asked Questions

Q) What exactly does this modification do?
A) Once implemented, this modification will change the way quotes appear to the reader - similar to how it is here on vbulletin.org.
Not sure what this is suppose to do. Can you provide a screenshot?
Here's how it looks like. :D
Props to the new quote. :up:

yeah, looks cool.

Yeah, they're very cool!:up:

I love em :P. It looks perfect on the Blue lagoon style.
Q) Why don't you have a border around the quote?
A) It defeats the purpose as to why I created it. It was created because there's a difference in how the QUOTE and other (ie. PHP, HTML, CODE) bbcodes are displayed. For example, the default QUOTE bbcode is displayed with a 100% width whereas the others are a fixed width. To me, this wasn't consistent with the overall design. It looked fine by itself but in combination with others it just didn't flow. At least not for me. :)

Q) Why don't you use an endquote?
A) It just doesn't look right when using multiple quotes. It's actually a bit confusing.

Q) Why does my quote image not display?
A)
Make sure you uploaded the image.
Check custom CSS and:
check that the location of the image is correct (default : /forums/images/misc/q.gif)
check that the name of image is correct (default : q.gif) History:

Feb 12th 2008 - GTQuotes - A Custom bbcode_quote Template Modification releaseRecently Released Modifications:
GTSearch: Google? Custom Search Engine (https://vborg.vbsupport.ru/showthread.php?t=162072)
GTQuickreply Smilies Popup (https://vborg.vbsupport.ru/showthread.php?t=161690)
GTUserCP - Enhanced USERCP Interface + USERCP Menu (https://vborg.vbsupport.ru/showthread.php?t=136321)
GTPrivate Messages Enhanced Listing (preview message) (https://vborg.vbsupport.ru/showthread.php?t=149710)
GTHighlight Unread Announcements (https://vborg.vbsupport.ru/showthread.php?t=149780)
vbulletin.org Info Footer Panel (https://vborg.vbsupport.ru/showthread.php?t=149651)
New Private Message Alert Popup (https://vborg.vbsupport.ru/showthread.php?t=149658)
Other modifications (https://vborg.vbsupport.ru/member.php?u=925)..

vietfancy
02-12-2008, 10:40 PM
is it the same as this mod i made here awhile ago?
https://vborg.vbsupport.ru/showthread.php?t=166865

Audentio
02-13-2008, 02:58 AM
Lovely, thanks Princeton!

Pcwolfx?
02-13-2008, 08:39 AM
thanks princeton :up:

Princeton
02-13-2008, 11:27 AM
is it the same as this mod i made here awhile ago?
https://vborg.vbsupport.ru/showthread.php?t=166865
no, this is the exact same "quote box" we use here on vbulletin.org - less code

Amenadiel
02-13-2008, 05:13 PM
This should become integrated on every style. Thank you.

MotoUp
02-13-2008, 06:28 PM
is it the same as this mod i made here awhile ago?
https://vborg.vbsupport.ru/showthread.php?t=166865
It has to be because I'm using it on my site, and this shows it was just released today.

iogames
02-13-2008, 10:21 PM
I love the Old One, is self contained and it doesn't create confusion on what you have to read.
Anyways good work P

Jase2
02-14-2008, 01:36 AM
This work with 3.7 BETA 4?

Regards Jason

Princeton
02-14-2008, 12:24 PM
This work with 3.7 BETA 4?

Regards Jason
It hasn't been tested on 3.7. You are free to try it. (most likely it will work)

Jase2
02-14-2008, 01:14 PM
Ok -- I'll test it out now.

Do you plan to release it for 3.7?

Regards Jason :)

Princeton
02-14-2008, 01:34 PM
yes, it will be released when 3.7 (not BETA) is available

SEOvB
02-15-2008, 10:53 PM
It works fine on 3.7 versions

Princeton
02-16-2008, 03:59 AM
It works fine on 3.7 versions
thanks for the update :up:

katie hunter
04-08-2008, 10:54 PM
thanks for the update :up:

Hey nice mod (= but what if i want to add this by the end of the quote, to close quote

https://vborg.vbsupport.ru/attachment.php?attachmentid=74266&stc=1&d=1199648444

how to do that ?

Front Range
04-11-2008, 03:42 AM
Great, installed and nominated - love it!

Thanks!

mikkitine
05-12-2008, 06:25 PM
Just thought I might provide additional quote images.

Attached are .png versions of the quote image. These can be used on any background and you won't see any white bits hanging off them.

All you need to do is change.quote{
margin:15px 10px;
background: url(forums/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}To.quote{
margin:15px 10px;
background: url(forums/images/misc/b-q.png) 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}Before placing it in additional css. If you want to use the white quote image change the file name to "w-q.png". Oh, and don't forget to upload the images, hehehe.

gamerscms
06-04-2008, 08:31 PM
Thanks for the great mod *INSTALLED*
could anyone tell me why i am getting a black boarder around the whole of the quote.

seen here (http://www.13ghosts.co.uk/forums/showthread.php?t=490)

Thanks in advance for any replys.

EDIT: fixed just added a CSS boarder.

Kinneas
06-13-2008, 12:17 PM
Very nice :)

ArnyVee
06-23-2008, 07:09 PM
Anyone know how to get the 'end quote' done?

By the way, works in 3.7.1 P1 :D

TimberFloorAu
07-05-2008, 08:23 AM
I must be the only one who hasnt got a clue what :

Go to ADMINCP / STYLE MANAGER / Edit Templates

1. REPLACE bbcode_quote TEMPLATE


Refers to ?

I goto admincp>styles and templates>style manager>edit templates>

and then STUCK ! lol

< on 3.7.2 is it different admincp >?

TimberFloorAu
07-05-2008, 08:00 PM
Bump.

Anyone ?

Replace what with what ?

ArnyVee
07-05-2008, 08:12 PM
I must be the only one who hasnt got a clue what :



Refers to ?

I goto admincp>styles and templates>style manager>edit templates>

and then STUCK ! lol

< on 3.7.2 is it different admincp >?


Go to .... admincp > styles and templates > style manager > edit templates > BB Code Template Layouts > bbcode_quote ....that'll get you where you need to go :D

TimberFloorAu
07-05-2008, 08:24 PM
Go to .... admincp > styles and templates > style manager > edit templates > BB Code Template Layouts > bbcode_quote ....that'll get you where you need to go :D


LOL that much I figured.

What then ?

The installation of this hack, doesnt include a "what to do" when you get there bit.

veenuisthebest
07-05-2008, 09:03 PM
then simply replace all the code in bbcode_quote template with this:-

<div class="quote">
<if condition="$show['username']">
<cite class="smallfont"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></cite>
<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>
</if>
<blockquote class="bq" cite="$vboptions[bburl]/showthread.php?$session[sessionurl]p=$postid#post$postid" dir="ltr">
<div>$message</div>
</blockquote>
</div>

TimberFloorAu
07-06-2008, 12:36 AM
then simply replace all the code in bbcode_quote template with this:-

<div class="quote">
<if condition="$show['username']">
<cite class="smallfont"><phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase></cite>
<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>
</if>
<blockquote class="bq" cite="$vboptions[bburl]/showthread.php?$session[sessionurl]p=$postid#post$postid" dir="ltr">
<div>$message</div>
</blockquote>
</div>

Thanks

In the ZIP i downloaded, there was no txt file. Just images. Hence I couldnt see what code needed to be replaced. Many thanks

Ozzy

TimberFloorAu
07-06-2008, 12:41 AM
okies we do have an issue....

multi quoted posts, now all appear under each other. rather than staggered inwards.

Any suggestions? could it be our template?

FReeSTER
07-07-2008, 12:29 AM
TY so much Princeton :D;):up:

Shazz
07-07-2008, 02:20 AM
Works nice prince :)

TimberFloorAu
07-07-2008, 11:45 AM
Okies one more...

Could the css be changed slightly so that the quoted message had a diff background colour ?

Salar
08-09-2008, 07:09 AM
one thing, how can i move the gray line from right to left?

GrendelKhan{TSU
10-07-2008, 08:06 AM
Okies one more...

Could the css be changed slightly so that the quoted message had a diff background colour ?

love this, but same question.

just want to offset the tone of the regular content area a bit more.

CLUB AMPLE
10-14-2008, 04:54 AM
yes works great on 3.7 very nice clean look compared to default! great job.

Kurgan
10-17-2008, 11:37 AM
love this, but same question.

just want to offset the tone of the regular content area a bit more.

I modified my additional CSS in style template so it included a

background-color: white;



within the blockquote.bq CSS style.

e.g.

blockquote.bq {
background-color: white;
font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border-left:3px solid #ccc;
margin:0px;
padding:0 5px
}



Only thing is, it only colors the background of the area where the quoted text is, not the whole section that includes the "quoted by" and the quotation marks itself. Change the color here to whatever color you want as the background for your quote (you can use #000000 - #FFFFFF for custom colors).

It does look better with a slightly different background color, in my opinion.

You'll want to flush the signature cache out after doing this since you may have users using the quote bbcode in their signatures. (Admin CP -> Maintenance -> Update Counters, then click Empty Signature Cache)

Vindictive
10-18-2008, 01:26 PM
Works great on 3.8.0 Beta 1.

Valyx
11-11-2008, 01:58 AM
installed and working on 3.6.12.

Stubbed
01-19-2009, 03:29 AM
Works great on 3.8.0 Beta 1.
And on 3.8 Gold :)

Taragon
02-08-2009, 02:11 AM
with some adjustments it works for vb blog :)

Arcade Fire
02-13-2009, 04:18 AM
And on 3.8 Gold :)

And on 3.8.1 ;)

Thanks.

farsgsm
05-10-2009, 08:16 PM
and pelase some one let me know:

as i'm using arabic language forum, i want to put background picture (q.gif) to the other side, from left to right.

which code i should use for it?

thanks friends.

alfaowner
05-28-2009, 01:35 PM
Installed on 3.8.2 with no problems at all! :)

bluej
11-23-2009, 04:29 AM
Just thought I might provide additional quote images.

Attached are .png versions of the quote image. These can be used on any background and you won't see any white bits hanging off them.

All you need to do is change.quote{
margin:15px 10px;
background: url(forums/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}To.quote{
margin:15px 10px;
background: url(forums/images/misc/b-q.png) 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}Before placing it in additional css. If you want to use the white quote image change the file name to "w-q.png". Oh, and don't forget to upload the images, hehehe.

thanks for the images :D

thanks for a great mod, works great on 3.8.4 PL1 :)

afed
07-05-2011, 07:28 PM
thank s for the code, works on 4x as well

ngocol
09-02-2011, 04:04 AM
thanks just installed on my 4.1.4