sadronmeldir said:

Mottie said:

It worked partially. The forums are clean but the shout boxes and roster still have them. Any clue on those?

Thanks for your help so far, Mottie! Appreciated as always.

Ok, I don't know if this will work 100% since I don't have any news boxes on any of my sites and I'm too lazy to make one LOL. But I believe it will work. Paste the code below into your footer. Increase the number in red (time in milliseconds) if you have a long page load time (lots of images).

• The CSS in green hides the message and blog icons in your shout box, remove this if you want to show the message icons.
  
  
• The CSS in blue hides the message and blog icons in the forums. Remove this if you want to show the message icons.
  
  
• The javascript hides the blog icons only on every page (news boxes, forums and shoutbox)
  
  
• Change the image name (the entire URL is not required) in orange if you used a custom blog icon, it is currently set to the default blog icon of "BlogViewBubble.png"
  

Footer or Content Box (Free Form Text/HTML) at the bottom of the page

<style type="text/css">
#jqShoutCb a { display: none; }
.MessageAuthorInfoCell1 a {display: none;}
</style>
<script type="text/javascript">
function hideBlog() {
var x = document.getElementsByTagName("img");
var blogImg = "BlogViewBubble.png";
 try {
  for (j=0; j < x.length; j++) {
   if( x[j].src.match(blogImg) ) {
    x[j].style.display = "none";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
</script>

---

Edit: You can combine the above script with the script to hide your admin "Edit" buttons. I've included it below for completeness sake 

<style type="text/css">
#jqShoutCb a { display: none; }
.MessageAuthorInfoCell1 a {display: none;}
</style>
<script type="text/javascript">
function hideEditButtons() {
// true = hide all edit buttons
// false = show all edit buttons
var hideButtons = true;

// Don't change anything below!
// *****************************
if (!hideButtons) return;
x = document.getElementsByTagName("input");
  try {
   for (j=0; j < x.length; j++) {
    if( x[j].value == "Edit" ) {
     x[j].style.display = "none";
    }
   }
  } catch (err) {}
}
function hideBlog() {
var x = document.getElementsByTagName("img");
var blogImg = "BlogViewBubble.png";
 try {
  for (j=0; j < x.length; j++) {
   if( x[j].src.match(blogImg) ) {
    x[j].style.display = "none";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
setTimeout("hideEditButtons();", 1);
</script>

Edit (7/19/2008): Corrected my error where the timeout is actually in millisecond and not seconds. Increase the time to 1000 and it'll hide all your blog icons.
Edit (8/3/2008): Added comment how where to change the icon name if you are using a custom image. And, I got rid of the ".hide" class in the CSS and just put it into the javascript.

YAY I'm glad it worked!