vb.org Archive - BB Code Enhancements - Tooltip or Abbreviation Custom BBCode

Page 1 of 2

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

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

- vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)

- - BB Code Enhancements - Tooltip or Abbreviation Custom BBCode (https://vborg.vbsupport.ru/showthread.php?t=273008)

CvP	10-28-2011 10:00 PM

Tooltip or Abbreviation Custom BBCode

1 Attachment(s)

Originally posted here.
Pretty simple bbcode that uses pure html (no js) :)

AdminCP -> Custom BBCodes -> Add New BBCode

Tag Name: abbr
Replacement:

Code:

<abbr title="{option}">{param}</abbr>

Example:

Code:

[abbr="vBulletin Solutions Inc."]VBSI[/abbr]

Description: This tag allows you to put a "tooltip" over a text. You can use this for words like UN (United Nations) or WWW (World Wide Web) etc.
Use Option: YES

Settings Screenshot and preview attached.

If the abbr word does not look different than normal text (it should look like the preview image), you can add this code to
admincp > style manager > edit templates > additional.css

Code:

abbr {

 border-bottom: 1px dotted black;

 cursor: help;

}

Note: Tested on vB 4.1.7 but should work for all vB4 and even vB3.

MyPeSePe

10-29-2011 11:38 AM

This pretty well, but as he realizes the user if that text is a description?

http://img846.imageshack.us/img846/6...nttulo2ysd.png

CvP	10-29-2011 01:08 PM

Can you please rephrase your question?

Depending on the browser, the text will have dotted underline (as shown in preview image). You can also apply custom styles on it. Would you like me to provide some?

RonH.

10-29-2011 04:01 PM

I like it. Marked Installed.

MyPeSePe

10-29-2011 05:34 PM

Code:

<abbr title="{option}">{param}</abbr>

put it this way, to make it. thanks

stator

10-29-2011 05:39 PM

Wrong section, post it here: vBulletin 4.x Template Modifications

abdobasha2004

10-29-2011 08:51 PM

nice idea
thanks

CvP	10-30-2011 03:31 PM

Quote:

Originally Posted by MyPeSePe (Post 2262722)

Code:

<abbr title="{option}">{param}</abbr>

put it this way, to make it. thanks

Understood. You are free to use it that way but I wont put it like that. I don't like tag soup.

vBulletin 4 has default css codes what will make it look as the preview. If it does not for you, add this to additional.css template:

Code:

abbr {

 border-bottom: 1px dotted black;

 cursor: help;

}

Quote:

Originally Posted by stator (Post 2262723)

Wrong section, post it here: vBulletin 4.x Template Modifications

I'm pretty sure this is the right place for bbcodes. Moderators can move it if needed. Thanks.

grey_goose

10-30-2011 05:06 PM

1. Awww, I don't even get a mention for prompting this? :D

2. The css didn't work for me. I added a

Code:

in the bbcode and then it worked.

CvP	11-01-2011 10:20 PM

Quote:

Originally Posted by grey_goose (Post 2262957)

1. Awww, I don't even get a mention for prompting this? :D

2. The css didn't work for me. I added a

Code:

in the bbcode and then it worked.

that means you put a . before abbr in css. There should not be any dots.

All times are GMT. The time now is 02:05 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.01005 seconds Memory Usage 1,738KB 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 (8)bbcode_code_printable (3)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 (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
Messages: