vb.org Archive - Miscellaneous Hacks - Arrow Image next to posted links

Page 2 of 3

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

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

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Miscellaneous Hacks - Arrow Image next to posted links - Wiki style. (https://vborg.vbsupport.ru/showthread.php?t=259978)

AURFSCAN

03-07-2011 09:16 AM

sulasno - make sure the Image path to where your have the Image uploaded is correct

Code:

background-image: url('/images/link1.gif');

Taurus1 - thanks, glad you like it.

Boofo - sorry for any confusion, its basically what Taurus1 said in that it makes any links stand out and lets the reader know that its a link off site or just a link in general and says 'click here and I'll take you somewhere else' .... kinda wiki style :)

sulasno

03-07-2011 09:22 AM

I found the problem; had to add "/forum" :-)
now to go and look for a good indicator

not sure whether it is a bug though; the image also appears when someone edits a post

Boofo

03-07-2011 09:49 AM

Quote:

Originally Posted by AURFSCAN (Post 2170513)

Boofo - sorry for any confusion, its basically what Taurus1 said in that it makes any links stand out and lets the reader know that its a link off site or just a link in general and says 'click here and I'll take you somewhere else' .... kinda wiki style :)

Actually, this might come in handy for my wiki bbcode tags. I can't see using it for all links but wiki links might be okay to use the image with.

AURFSCAN

03-07-2011 08:23 PM

Good Idea boofo, just a thought that if you use for wiki tags and all links it'll display arrow twice.

cheers

Boofo

03-07-2011 10:14 PM

1 Attachment(s)

Quote:

Originally Posted by AURFSCAN (Post 2170682)

Good Idea boofo, just a thought that if you use for wiki tags and all links it'll display arrow twice.

cheers

I ended up just using it for my wiki tags. Here is what I added to the additional.css template:

HTML Code:

/* Arrow image next to wiki bbcode links */

.wikicontent {

  margin: 0px;

  padding-right: 15px;

  background-image: url('images/boofo/wiki_link.gif');

  background-position:right center;

  background-repeat: no-repeat;

}

and the attached pic is the result. Thanks for steering me in the right direction. ;)

LifesGreatestGift

03-14-2011 12:28 AM

The "arrow" image link is supposed to identify "external" links. Any link that is "internal" would theoretically not have an "arrow" image. i doubt that is the case here.

Boofo

03-14-2011 12:51 AM

I use it only to show wiki links. Makes them easier to spot in long posts.

AURFSCAN

03-14-2011 01:11 AM

1 Attachment(s)

'supposed to' and 'theoretically' are nice words... are they written in the Internet bible???

'Image in this example is a small arrow' says the Initial post.... example!

remove Image from Internal links

add to additional.css

Code:



/* remove Image from Internal links*/

.postcontent a[href^="http://www.yourdomain.com"] , a[href^="http:// yourdomain.com"] , a[href^="attachment.php?"] {

  color: #306091;

   background-image: none;

   padding-right: 0;

   

}

I found an Image for the bible thumpers that dont add the above code.

:)

ClErK1991

02-07-2012 07:22 PM

thanks for this, however dont work on CMPS :P
marked as installed

AURFSCAN

02-13-2012 08:27 PM

cmps article preview

Code:

.article_preview_contents a {color: #306091;margin: 0px;padding-right: 13px;background-image: url('/images/link1.png');

background-position:right center;background-repeat: no-repeat;}

.article_preview_contents a[href^="http://www.domain.com"] , a[href^="http:// domain.com"], a[href^="attachment.php?"] {

color: #306091;background-image: none;padding-right: 0;}

change bold

:)

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

Page 2 of 3

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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01171 seconds Memory Usage 1,740KB 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 (3)bbcode_code_printable (1)bbcode_html_printable (2)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 (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: