[CB] Convert Buttons to Text

[hpmad]

This code is currently not working, pending edits.

Description:
Converts all buttons like new thread, reply, quote, etc. to a text link. You can edit the CSS to change the look. I recommend playing around with the text color, padding, border, and background color, and even the background image. It's possible to make these buttons look like an image with the right combination!

Global Footer:
<style type="text/css">
.button{ margin: 2px; font-weight: bold; font-size: 7pt; }
</style>

<script type="text/javascript">
<!--

/* Convert Buttons to Text by hpmad
Do not repost or modify without permission from creator
For more codes like this one go to: talkpark.proboards.com */

// these words are too long and may stretch the board
var adjust = [
   ['Advanced Moderation','Adv Mod'],
   ['Search This Thread','Search'],
   ['Search This Board','Search'],
   ['Add Bookmark','Bookmark'],
   ['Send Topic To Friend','Send']
];

var img = document.getElementsByTagName('img');
for(i=0;i<img.length;i++){
   if(img.src.match(/s\d+.images.proboards.com/i) && img.src.match(/(\/buttons)|(search2)|(newpoll)/i) && !img.src.match(/_sm\.gif/)){
      img.alt = img.alt.replace(/(\[|\])/g,'');
      for(t=0;t<adjust.length;t++) if(img.alt.match(adjust[t][0])) img.alt = adjust[t][1];
      var font = document.createElement('font'); font.className = 'button';
      font.appendChild(document.createTextNode(img.alt));
      img.parentNode.replaceChild(font, img);
      i--;
   }
}

//-->
</script>