Text Links with image

Unmaintained Text Links with image v1

No permission to download
E0esU.png
Summary: First off I think i got this working in text links only (it's been a pain in the arse showing in quotes) so there might be some adverse affects with the icon showing in other places I may have missed.

Install: upload icon in the archive to your /gradients folder and paste the following in your EXTRA.CSS template.

Code:
.message .messageText a {
    color: #7BA455;
    padding-left: 18px;
    background: url("@imagePath/xenforo/gradients/link-icon.png") no-repeat scroll left transparent;
}
.message .messageText a:hover {
    color: red;
    background: url("@imagePath/xenforo/gradients/link-icon.png") no-repeat scroll left transparent;
    box-shadow: none !important;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    opacity: 0.5;
}
 
.bbCodeQuote a, .bbCodeQuote a:hover
{
    @property "baseHtml signature ugc";
        padding-left: 5px !important;
    background: none transparent !important;
    @property "/baseHtml signature ugc";
}
  • link-with-images.webp
    link-with-images.webp
    78.9 KB · Views: 115

Latest reviews

Useful for my board. Thanks!
Love this!:)
makes links more obvious for my members on certain styles.
This is very helpful for noticing spam links. Keep up the good work.
Excellent.
Great little addition to just make your site stand out all the more. I would have never even thought of having an Icon like this before. Now I couldn't imagine not having it. Works fine with XF 1.2 as well.
Excellent mod! Thank you!
Great Job Shelley! The little things count!
Works perfect for me. Again, little things to make your forum a much better area. Thanks!
Thank You, i like this..
Back
Top Bottom