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.

[TUTORIAL] Hide/show your widgets!

5 posters

Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty [TUTORIAL] Hide/show your widgets!

Post by Hancki April 30th 2010, 1:46 pm

Use this code to hide/show your widgets!
Works in all forum versions!
Thanks to Etana from French support forum!
Code:
<div id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: absolute;background: #E5F1F9 url(http://i39.tinypic.com/68esds.png) no-repeat 0 -13px;" onClick="if(my_getcookie('forum-widget')=='0') { jQuery('#content-container div#container').css('margin-right','-3px');jQuery('#content-container div#content').css('margin-right','3px');jQuery('#content-container div#left').animate({width: '180px',marginRight: '3px'}, 2000);jQuery('*+ html #content-container div#main').css('margin-left','183px');jQuery('#wrap').css('min-width','951px');jQuery('* html .conteneur_container_IE').css('margin-left','-1083px');jQuery('* html .conteneur_minwidth_IE').css('padding-left','1083px'); my_setcookie('forum-widget','1',0,0); jQuery('#forum-widget').css('background-position','0 -13px'); } else { jQuery('#content-container div#container').css('margin-right','0px');jQuery('#content-container div#content').css('margin-right','0px');jQuery('#content-container div#left').animate({width: '0px',marginRight: '0px'}, 2000);jQuery('*+ html #content-container div#main').css('margin-left','0px');jQuery('#wrap').css('min-width','768px');jQuery('* html .conteneur_container_IE').css('margin-left','-900px');jQuery('* html .conteneur_minwidth_IE').css('padding-left','900px'); my_setcookie('forum-widget','0',1,0); jQuery('#forum-widget').css('background-position','0 0px'); }"></div>

Bye!
Hancki
Hancki
Forumember

Posts : 48
Reputation : 0
Language : Portuguese

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by crysis992 April 30th 2010, 2:10 pm

Could you explain it a bit more?
avatar
crysis992
Forumember

Posts : 67
Reputation : 0
Language : German

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by Hancki April 30th 2010, 2:14 pm

Hancki
Hancki
Forumember

Posts : 48
Reputation : 0
Language : Portuguese

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by Darren1 April 30th 2010, 2:33 pm

Hello,

Please PM this to a member of the staff team please.
Darren1
Darren1
Helper
Helper

Male Posts : 11853
Reputation : 566
Language : English

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by TMP April 30th 2010, 2:50 pm

Where do you put this code?
avatar
TMP
Forumember

Posts : 72
Reputation : 0
Language : English

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by Hancki April 30th 2010, 8:10 pm

Can be in Homepage message...
Admin CP -> Display -> Homepage -> Generalities
...or anywhere that accepts HTML.

Hello

tutorial - [TUTORIAL] Hide/show your widgets! Editer15
See here: http://hancki.forumotion.com/-h1.htm
Hancki
Hancki
Forumember

Posts : 48
Reputation : 0
Language : Portuguese

Back to top Go down

tutorial - [TUTORIAL] Hide/show your widgets! Empty Re: [TUTORIAL] Hide/show your widgets!

Post by Sanket April 30th 2010, 8:17 pm

Hancki, if you have any tutorials written by you, please PM them to any of the staff members.

Thread Locked
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

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