vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.7 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=228)
-   -   BB Code Enhancements - Quote It! Emphasize a quote to draw attention (https://vborg.vbsupport.ru/showthread.php?t=186496)

davidw 07-26-2008 10:00 PM

Quote It! Emphasize a quote to draw attention
 
What does this do?
This allows you to add an extra quote to your news/stories/blogs/etc/ anywhere that bbcode is used practically (although not 100% tested, but it does quote as that has been tested) and emphasize and make stand out an area (left or right depending on how you set it up). You've probably all seen news stories where there was a little quote - even in a magazine that stood out and immediately you read it - something interesting. This gives you the ability to do just that.

Any issues?
None really, aside from the fact that you really wouldn't want to use this if you don't have the need to. For example, if you only have one paragraph of text, it will not look right. Also, based on the <style> it will push the quote down and may appear in the signature area. I would only use this if you have a lot of text - see screenshots/examples.


Step 1:
Upload quoteit.png to http://www.yoursite.com/forums/image...or/quoteit.png
Quoteit.png is a famfamfam silk icon - it is a free icon and if you wish, you can use something else. If you use a different image or different location, edit the Button image in the BBCode.

Step 2:
Upload your quote.png/quote2.png image to your website and put the location in the replacement area (see <blockquote> tag line for details). I created quote.png/quote2.png for this use only - please do not claim it as your own.

Step 3:
Add New BBCode:

Title: Quote It!

BB Code Tag Name: quoteit

Replacement:
Code:

<style type="text/css">
blockquote {
        color: #AA0;
        display: block;
        padding: 2px 20px 2px;
        font-size: 110%;
        width: 350px;
}
img.floatLeft {
    float: left;
    margin: 3px;
}
blockquote.floatLeft {
    float: left;
    margin: 4px;
}
blockquote.floatRight {
    float: right;
    margin: 4px;
}
</style>
<blockquote class="floatLeft"><p><span><img class="floatLeft" src="http://www.yoursite.com/forums/images/quote.png" alt="" /></span>{param}</p></blockquote>

Example: [quoteit]This is quotable Text![/quoteit]

Description: This allows you to quote a certain part of a news story and emphasize it.

Use {option}: No

Button Image: http://www.yoursite.com/forums/image...or/quoteit.png

Remove Tag If Empty: Yes

Disable BB Code: No

Disable Smilies: No

Disable Word Wrapping: No


Note:
If you want your quote on right side, change:
Code:

<blockquote class="floatLeft">
to
Code:

<blockquote class="floatRight">
Also, if you want to change the color of the quoted text, just look for this:
Code:

<style type="text/css">
blockquote {
        color: #AA0;

and change the #AA0; to whatever color you want.

Temporary Demo (may only last a week or two):
http://www.christianboards.org/forum...74&postcount=1

davidw 07-27-2008 05:34 PM

I am not currently supporting this, although if there are any issues with this, I will attempt to address them.

PoetJA-1975 07-27-2008 10:31 PM

Wow! Looks quite nice!
Thanx DAVID ;)

Jacquii.

davidw 07-27-2008 11:26 PM

Thanks - been considering something like this for a couple months and there are a few inline image modifications, but nothing on quotes. I almost considered putting in the option use for class=" " so that the user could use either floatLeft or floatRight, but it might prove too difficult for a few out there and I just decided to keep it simple.

rapidphim 08-01-2008 04:12 AM

thanks for this beautiful add-on. It works on vB Blog too right? Also, what will be the CSS italic code for the quote section?

davidw 08-01-2008 04:14 AM

I don't see why it wouldn't work on a blog. Are you wanting it italicized?

rapidphim 08-01-2008 04:18 AM

Yes... I did try font-style: italic; but not working :-) and you think it looks best on the left or right side?

davidw 08-01-2008 04:22 AM

Try this (I've not tested this, so it may not work)
Change
{param}
to
<i>{param}</i>

Personally, I think left side actually looks a little better, but it also depends on your layout as well.

rapidphim 08-01-2008 04:26 AM

yup... that worked. I thought it should be font-style and under blockquote section. Didn't know that it's infront of param. thanks for this, again. Is it possible for you to create the quoteit.png icon but this time for the right side?

davidw 08-01-2008 04:29 AM

Give me a moment...
Fixed it.


All times are GMT. The time now is 02:42 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02271 seconds
  • Memory Usage 1,736KB
  • 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
  • (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
  • (10)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