Miscellaneous Hacks - Arrow Image next to posted links - Wiki style.

This is a really neat mod I just figured out

While messing around with another mod I just posted https://vborg.vbsupport.ru/showthread.php?p=2170434 I worked out how to add an Image after links in posts and sigs.

Image in this example is a small arrow - see attached Image


add to additional.css

.signature a { 
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

}
.postcontent a { 
  margin: 0px;
  padding-right: 15px;
  background-image: url('/images/link1.gif');
  background-position:right center;
    background-repeat: no-repeat;

}

change the url to point to your Image location

.postcontent arrow image will apply itself to attachment and quote boxes too

also you dont have to have them both (post link and sig link Images) , just add what you want



remove Image from Internal links - see post 18

[Boofo]

Originally Posted by Taurus1

HUH? The arrow is right behind the link, so clicking it takes you to where the link goes. To me, it makes links stand out a bit more in posts. Looks good.

If the arrow takes you to the same place the link goes, then clicking the link or using the arrow is the same thing? That is kind of ambiguous, don't you think? To each their own, I guess.

[sulasno]

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]

Originally Posted by AURFSCAN

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]

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

cheers

[Boofo]

Originally Posted by AURFSCAN

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:

/* 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]

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]

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

[AURFSCAN]

'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

/* 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]

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

[AURFSCAN]

cmps article preview

.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