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

[sulasno]

tagged and thanks;
is it possible to put the arrow in front of the link?

[AURFSCAN]

sure sulasno, change in the code both 'right' to 'left'

eg.

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

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

}

[sulasno]

thanks

my present code is

/* change link color in posts */
.postcontent a {
[HERE]
font-weight: bold;
color: #FF0000;
[THERE]
}

where do I add your code ? [HERE] or [THERE]

[AURFSCAN]

easy just to add it underneath

/* change link color in posts */
.postcontent a {
[HERE]
font-weight: bold;
color: #FF0000;
[THERE]
}


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

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

}

but this will work aswell

/* change link color in posts and add Image*/
.postcontent a { 
  font-weight: bold;
  color: #FF0000;
  margin: 0px;
  padding-left: 15px;
  background-image: url('/images/link1.gif');
  background-position:left center;
    background-repeat: no-repeat;

}


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

}

[Taurus1]

Now that is so cool man. Thanks! Looks great.

[Boofo]

I'm confused here. Why would you want to add an arrow image to a link if it doesn't lead anywhere? That is what the arrow image is used for in posts.

[Taurus1]

Originally Posted by Boofo

I'm confused here. Why would you want to add an arrow image to a link if it doesn't lead anywhere? That is what the arrow image is used for in posts.

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.

[sulasno]

I have installed it but I can't see the image using Palemoon; going to trying using another browser; personally I prefer a dancing girl instead of an arrow :-)

[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.