The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Widget(hide) Glitch

View previous topic View next topic Go down

Solved Widget(hide) Glitch

Post by ultracheat45 on December 13th 2013, 4:41 pm

: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://illiweb.com/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
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://animecornerph.forumtl.com/

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by ultracheat45 on December 15th 2013, 2:10 pm

bump

ultracheat45
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://animecornerph.forumtl.com/

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by ultracheat45 on December 16th 2013, 4:29 pm

bump

ultracheat45
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://animecornerph.forumtl.com/

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by Ange Tuteur on December 16th 2013, 9: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://illiweb.com/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>

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by ultracheat45 on December 17th 2013, 9: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/

ultracheat45
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://animecornerph.forumtl.com/

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by Ange Tuteur on December 17th 2013, 9: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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by ultracheat45 on December 18th 2013, 7:16 am

Solved !

ultracheat45
Forumember

Male Posts : 55
Reputation : 1
Language : English

http://animecornerph.forumtl.com/

Back to top Go down

Solved Re: Widget(hide) Glitch

Post by Ange Tuteur on December 18th 2013, 7:26 am

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum