Announcment, Expand forum button, Custom like button, Hover over image

[Rupture]

Link to my forum: http://www.raptorempire.com/
Hello here are a few questions...
1.) I have a problem with my announcments, if I activate it, it will show it as if it were a widget. With my special widget background image and a weird padding on top. Here is what I got for my CSS for the announcments:

Code:

/* Announcment BG */
#fa_ticker_block .module { background-color: #000000;
  background-image: none;
    padding:1px 2px!important;
    height:auto!important;
  height: 5px;
  box-shadow: 0 0 5px blue;
  -webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:12px;}

2.) I noticed yall have a nice button on your index that expands the whole forum part of the site, removing the widgets of the forum if you click on it (after the FB like button). I would very much like this!!!! Thanks!

3.) I have custom like button and I don't like how the cursor changes when I hover over it. Also, how can I make it glow when I hover over it? Here is the code I use: 

Code:

CSS:
/* Like button */
.LGlike {
  background: #105289;
  padding: 3px;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  box-shadow: 0 0 15px blue;
  margin-right: 4px;
 }
 .LGvote { margin: 0 5px; }
 .LGnovote {
  filter:Alpha(opacity=50);
  opacity: 0.5;
  box-shadow: none;
  text-shadow: none;
 }

Code:

JS:
var like_version = 'phpbb3';
var DOM_IS_READY = false;
$(function(){DOM_IS_READY=true;});
var vote_singular = 'Fluff';
var vote_plural = 'Fluffs';
$.getScript('http://www.avacweb.net/like');


4.) I would like some kind of easy glow effect I can add to pictures I add on the editor (on the homepage message). On my homepage I have the pictures on there already.


THANKSSSSSS

[Rupture]

Hello, can anyone help me with any of these problems? Thanks!

[SLGray]

2.  Check the tips & tricks.  The tutorial is there.

www.help.forumotion.com/t78898-show-hide-widgets-script

[Rupture]

Hello @SLGray
Thanks but it does not work like on this forum, when the forum retracts back to it's original form, it does not go back correctly, the widgets get stuck on top of the forum. Please check my forum and tell me if there might be a solution. Thanks
http://www.raptorempire.com/forum

[SLGray]

I see the button to hide them, but not the button to show them again.

[Rupture]

Really? I see them both XD Why wouldn't it go back to the same place?

[SLGray]

Ok.  I can now see the show button.  So the widgets cover the last posts column?

[_Twisted_Mods_]

try this for your button

Code:

<div onclick="jQuery('#right').animate({width:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0);jQuery('#right').attr('style','width:189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#right').attr('style','width:0px'); }" id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; position: relative; bottom: -15px; float: right; background: url(&quot;http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png&quot;) no-repeat scroll 0px -13px rgb(245, 235, 247);"></div>

[Rupture]

try this for your button

Code:

<div onclick="jQuery('#right').animate({width:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0);jQuery('#right').attr('style','width:189px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#right').attr('style','width:0px'); }" id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; position: relative; bottom: -15px; float: right; background: url("http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png") no-repeat scroll 0px -13px rgb(245, 235, 247);"></div>

This doesn't expand the forum itself, it just hides the widgets.

[Rupture]

Ok so I gave up on no.2.
Can anyone help me with the other questions? Thanks..

[brandon_g]

What are you using for the 'announcements'? Because to me it looks like just an incredibly over sized navigation bar. Is the announcements through the 'announcements' scroll feature FM has or though CSS?
-Brandon

[Rupture]

Hello Brandon, 

What do you mean over-sized navi bar? I would Like to use the FM announcements feature but as I mentioned I think my normal Widgets code is messing with it. I'd just like it to display a normal announcement box without any padding. Here is the code I have for widgets:

Code:

.module {background: url("") center bottom repeat-x,url("http://i1242.photobucket.com/albums/gg529/oscar_mad_violinist/Site%20Stuff/31529a51-008c-4563-90f5-8189e4b8cf42_zpsda620c22.png") center top repeat-x;
  box-shadow: 0 0 10px blue;
  background-color: #080808;
}

.module .h3 {
  text-align:center;
  font-family: Helvetica, Papyrus !important;
  font-size: 11px;}
.sceditor-container textarea { color:#000 !important;}

[brandon_g]

I meant that the 'announcement' is more of a series of buttons leading to different links on the site. That is what i meant by over-sized navigation bar.

[Rupture]

That's my homepage message, it's quite useful in my kind of forum because we're competitive gamers and forums arent no.1 priority, but rules are. What im talking is about the Fm announcmemts, it looks like a widget....

[brandon_g]

Oh ok, maybe @Ange Tuteur or @_Twisted_Mods_ can figure out whats wrong,  code is my weak spot (though I am working on it).