How-to differentiate between internal and external links. (Without plugins or editing files!)

Prerequisites: (AdminCP >> Options >> BB Code Settings)

1. "Add nofollow attribute to URL BB Code" must be set to Yes
2. "URL nofollow domain Whitelist" must have your domain name(s)

Add the following to your additional.css template (for each style you have):
Upload the attached image to your misc folder (or substitute it for your own): external-link.png

End result:
Screenshot-14.png

Attached Images

• external-link.png‎ (180 Bytes)
• Screenshot-14.png‎ (6.9 KB)

AdminCP -> Custom BBCodes -> Add New BBCode

Tag Name: abbr
Replacement: Example: 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:
Capture.PNG


Preview:
29-Oct-11 14-55-51.png

Attached Images

• Capture.PNG‎ (58.0 KB)
• 29-Oct-11 14-55-51.png‎ (6.3 KB)

AdminCP -> Custom BBCodes -> Add New BBCode

Tag Name: abbr
Replacement: Example: 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:
Capture.PNG


Preview:
29-Oct-11 14-55-51.png

Maybe a mod will move this to the Tips and Tricks forum...

The vBCMS provides a user with the functionality to customize their site to meet their needs. I understand most users would prefer to have out of the box solutions to their needs but sometimes this is not always available. Luckily for us, we have the tools necessary to do the additions we want. As I go through customizing my site, I thought I would share some of the items I have done.

Add the authors avatar to the article page


1. Create a plugin:
Product - vBulletin CMS
Hook Location - vbcms_article_populate_end (vBulletin CMS)
Title - Whatever you like
Execution Order - 1
Plugin Code:
2. In the style you want to add the avatar to, edit template vbcms_content_article_page and add where you want the avatar to show:
Important: Use my code at your own risk. I take no responsibility for any problems or data loss this may cause.

Maybe a mod will move this to the Tips and Tricks forum...

The vBCMS provides a user with the functionality to customize their site to meet their needs. I understand most users would prefer to have out of the box solutions to their needs but sometimes this is not always available. Luckily for us, we have the tools necessary to do the additions we want. As I go through customizing my site, I thought I would share some of the items I have done.

Add the authors avatar to the article page


1. Create a plugin:
Product - vBulletin CMS
Hook Location - vbcms_article_populate_end (vBulletin CMS)
Title - Whatever you like
Execution Order - 1
Plugin Code:
2. In the style you want to add the avatar to, edit template vbcms_content_article_page and add where you want the avatar to show:
Important: Use my code at your own risk. I take no responsibility for any problems or data loss this may cause.

This will prevent PMs from being quoted in replies however, as there is no 'Reply with quote' option in PMs this will remove the option to quote completely unless a user copies and pastes the original text into the reply.

Change 'newpost_quote' to read as follows:

This will prevent PMs from being quoted in replies however, as there is no 'Reply with quote' option in PMs this will remove the option to quote completely unless a user copies and pastes the original text into the reply.

Change 'newpost_quote' to read as follows:

Add this code to your additional.css template to match the colors of the editor to the style you are using:

/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background:{vb:stylevar postbithead_background} !important;
}

/* Background Color for CKEditor Buttons (Note, this may be too dark for some styles. If so you can delete this one.) */
.cke_skin_kama .cke_toolgroup {
background: {vb:stylevar postbit_foot_background} !important;
}

/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
}

The additional.css template can be found here:

Admin CP -> Style Manager -> Edit Templates -> CSS Templates -> additional.css

---

Note: If you want to change these to your own custom colors, then use this code instead:

/* Background Color for CKEditor */
.cke_skin_kama .cke_wrapper {
background-color: #xxxxxx !important;
}

/* Background Color for CKEditor Buttons */
.cke_skin_kama .cke_toolgroup {
background-color: #xxxxxx !important;
}

/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background-color: #xxxxxx !important;
}

...with xxxxxx being the hexcode of the color you wish to use.

/* Background Color for CKEditor Hover Link*/
.cke_skin_kama a:hover {
background: {vb:stylevar control_content_hover_background} !important;
// background: {vb:stylevar doc_background} !important;
}

Note: Fixed typo, thanks to RS_Jelle.