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.
The forum of the forums
2 posters

    Widget(hide) Glitch

    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    Solved Widget(hide) Glitch

    Post by ultracheat45 December 13th 2013, 7:41 am

    :wouhou:
     So, There I was found another bug that needs to be squished! lol I found a tutorial here somewhere teaching me how to hide widgets. What I was noticing my widgets glitch with the cells after you return them back after you hide them. Also I want the transition of my forum's cells to be smooth. Help Please.

    My Widget's Width is: 230px

    Top Widget Code(right):
    Code:
    <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px;" onclick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','220px');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }">
    </div>

    Bottom Widget Code(right):
    Code:
    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');}</script>
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    Solved Re: Widget(hide) Glitch

    Post by ultracheat45 December 15th 2013, 5:10 am

    bump
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    Solved Re: Widget(hide) Glitch

    Post by ultracheat45 December 16th 2013, 7:29 am

    bump
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Widget(hide) Glitch

    Post by Ange Tuteur December 16th 2013, 12:20 pm

    Hello ultracheat45,

    Sorry for the delay.

    Replace the top widget with this :
    Code:
    <div id="forum-widget" style="cursor: pointer; height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; bottom: -15px; float: right; background: #f5ebf7 url(http://2img.net/i/fa/optimisation_fdf/common/arrow_rtl.png) no-repeat 0 -13px;" onclick="jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},1000); if(my_getcookie('forum-widget')=='0') { my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); jQuery('#content-container div#content').css('margin-right','233px').css('transition','1s');} else { my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px'); }">
    </div>

    Replace the bottom widget with this :
    Code:
    <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#right'); if(my_getcookie('forum-widget')=='0') {jQuery('#right').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); jQuery('#content-container div#content').css('margin-right','0px');}</script>
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    Solved Re: Widget(hide) Glitch

    Post by ultracheat45 December 17th 2013, 12:01 am

    In the near future. How do i make adjustments on this script? Like making it more smoother. 
    Example. http://www.tnmaa.net/ Cause Ours.(it's rough) http://animecornerph.forumtl.com/
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Widget(hide) Glitch

    Post by Ange Tuteur December 17th 2013, 12:40 am

    In the top widget for the transition you'll see this :
    Code:
    .css('transition','1s')

    simply change 1s to a higher or lower value.
    ultracheat45
    ultracheat45
    Forumember


    Male Posts : 55
    Reputation : 1
    Language : English

    Solved Re: Widget(hide) Glitch

    Post by ultracheat45 December 17th 2013, 10:16 pm

    Solved !
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Widget(hide) Glitch

    Post by Ange Tuteur December 17th 2013, 10:26 pm

    Topic solved and archived

      Current date/time is September 23rd 2024, 8:28 am