Announcment, Expand forum button, Custom like button, Hover over image Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

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

    Rupture
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

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

    Post by Rupture February 14th 2015, 11:16 pm

    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
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 19th 2015, 5:43 pm

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


    Male Posts : 51551
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by SLGray February 19th 2015, 7:01 pm

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

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



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

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Rupture
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 19th 2015, 7:15 pm

    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
    SLGray
    Administrator
    Administrator


    Male Posts : 51551
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by SLGray February 19th 2015, 7:21 pm

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



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

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Rupture
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 19th 2015, 7:23 pm

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


    Male Posts : 51551
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by SLGray February 19th 2015, 7:31 pm

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



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

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2108
    Reputation : 336
    Language : English
    Location : Ms

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by _Twisted_Mods_ February 19th 2015, 7:32 pm

    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
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 20th 2015, 6:48 pm

    _Twisted_Mods_ wrote: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
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 22nd 2015, 4:09 pm

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


    Male Posts : 10112
    Reputation : 923
    Language : English
    Location : USA

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by brandon_g February 22nd 2015, 4:23 pm

    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



    Announcment, Expand forum button, Custom like button, Hover over image Brando10
    Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    Announcment, Expand forum button, Custom like button, Hover over image Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    Rupture
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 22nd 2015, 4:54 pm

    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
    brandon_g
    Manager
    Manager


    Male Posts : 10112
    Reputation : 923
    Language : English
    Location : USA

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by brandon_g February 22nd 2015, 5:04 pm

    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.



    Announcment, Expand forum button, Custom like button, Hover over image Brando10
    Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    Announcment, Expand forum button, Custom like button, Hover over image Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points
    Rupture
    Rupture
    Forumember


    Male Posts : 329
    Reputation : 6
    Language : English, Español, Deutsch, Catalá
    Location : Earth

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by Rupture February 23rd 2015, 2:09 am

    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
    brandon_g
    Manager
    Manager


    Male Posts : 10112
    Reputation : 923
    Language : English
    Location : USA

    In progress Re: Announcment, Expand forum button, Custom like button, Hover over image

    Post by brandon_g March 3rd 2015, 1:12 am

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



    Announcment, Expand forum button, Custom like button, Hover over image Brando10
    Remember to mark your topic Announcment, Expand forum button, Custom like button, Hover over image Solved15 when a solution is found.
    General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

    Announcment, Expand forum button, Custom like button, Hover over image Scre1476
    Team Leader
    Review Section Rules | Request A Review | Sticker Points