Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Archive > Hiding Blog & Message Icons
Mottie (SuperAdmin) 7/14/2008 3:22 AM EST : Hiding Blog & Message Icons
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Hiding Blog & Message Icons

GuildPortal admin site link to original post

Paste the code below into the footer or into a free form text/HTML content box near the bottom of the page. Increasethe 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 the 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)
Footer or Content Box (Free Form Text/HTML) at the bottom of the page
<style type="text/css">
.hide { display: none; }
#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].className = "hide";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
</script>



It is possible to combine the above script with the script to hide the admin "Edit" buttons. It is included below for completeness sake 
<style type="text/css">
.hide { display: none; }
#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].className = "hide";
    }
   }
  } 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].className = "hide";
   }
  }
 } catch (err) {}
}
setTimeout("hideBlog();", 1000);
setTimeout("hideEditButtons();", 1);
</script>
Edit: Corrected my error where the timeout is actually in millisecondand not seconds. Increase the time to 1000 and it'll hide all your blogicons.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Mottie (SuperAdmin) 7/22/2008 7:32 PM EST : RE: Hiding Blog & Message Icons
ACK!
Mottie
Posts: 3883

0
Like

0
Dislike

Well it looks like this isn't required anymore. GuildPortal just added options to hide either of these icons or customize them. But you can still swap out any other image you desire 

Control Panel > Style & Colors > Page Styles

At the bottom there are selections to hide your blog or mail icon, or to replace either with a custom image.

Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%