Blog Documentation Book a Demo
Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

"Bookmark this discussion" etc links as images?

wohoowohoo
edited May 2008 in Vanilla 1.0 Help
I want to change the "Bookmark this discussion", "Sink this discussion" etc from text links to little images but can't seem to locate the files where I could make the appropriate changes.

Could someone point me to the files that require changes?

Comments

  • sirlancelotsirlancelot New
    Use CSS. the ID of the link is #SetBookmark (case sensitive). You can view the source of the page to get other selectors. For techniques, search for CSS Image Replacement. One that seems to be promising is Yet Another Image Replacement Method by evotech.net
  • fysicsluvrfysicsluvr New
    Couldn't you also edit the language definitions to (image) html instead of plain text?
  • wohoowohoo
    Great, never imagined one could do that. Just tried it out and it works. Thanks fysicsluvr! And thanks for your suggestion as well sirlancelot.
  • wohoowohoo
    This doesn't quite work actually. Changing 'BookmarkThisDiscussion' works fine, but to give 'UnBookmarkThisDiscussion' and 'BookmarkText' (which displays the second "Bookmark this discussion" link that gets displayed after the user unbookmarks) an image displays part of the code as text instead since the bookmark/unbookmark link is inserted like this: <a href="./" id="SetBookmark" onclick="SetBookmark('/tvgbtest/forums/ajax/switch.php', 0, '20', '<img src="http://www.blabla.com/BookmarkText.jpg">', '<img src="http://www.blabla.com/UnBookmarkThisDiscussion.jpg">', '65f15581fe608ff01b9460756634e26d'); return false;"><img src="http://www.blabla.com/BookmarkThisDiscussion.jpg"></a>
  • fysicsluvrfysicsluvr New
    Hmmm... I guess I can't help you there.
This discussion has been closed.