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?

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

  • 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
  • Couldn't you also edit the language definitions to (image) html instead of plain text?
  • Great, never imagined one could do that. Just tried it out and it works. Thanks fysicsluvr! And thanks for your suggestion as well sirlancelot.
  • 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>
  • Hmmm... I guess I can't help you there.
This discussion has been closed.