[Code] Ẩn/Hiện widget cho forum

Admin · 1 [Code] Ẩn/Hiện widget cho forum Sun Nov 11, 2012 8:59 pm

Admin

Trùm Forum

avatar-data : 57,11597|47,11460|50,11927|49,10992|64,12636|51,11466|48,12921|58,12249|66,11440
Posts

Posts : 354
Uy Tín

Uy Tín : 13
Points

Points : 1048

Giới tính : Nam

Vào Admin panel -> Modules -> Portal & Widgets -> Forum widgets management -> Create a widget
[You must be registered and logged in to see this image.]
Cho bên trái
Tạo 2 Widget mới
- Chèn vào "Widget Source"

id="forum-widget" style="height: 13px; width: 16px; border-radius: 4px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer;
position: absolute; background: #f5ebf7 url([You must be registered and logged in to see this link.])
no-repeat 0 -13px;"
onClick="jQuery('#left').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'); } else {
my_setcookie('forum-widget','0',1,0);
jQuery('#forum-widget').css('background-position','0 0px');
}">

Widget name: Top
Widget title: Bỏ trống
Use a table type: No
[color=red]- Chèn vào "Widget Source"

Code:: [/color] <script type="text/javascript"> jQuery('#forum-widget').insertBefore('#left'); if(my_getcookie('forum-widget')=='0') {jQuery('#left').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('#forum-widget').css('background-position','0 0px'); } </script>

Widget name: Bottom
Widget title: Bỏ trống
Use a table type: No

Cho bên phải
Tạo 2 Widget mới
- Chèn vào "Widget Source"

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([You must be registered and logged in to see this link.])
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','189px');}
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');
}">

Widget name: Top
Widget title: Bỏ trống
Use a table type: No
[color=red]- Chèn vào "Widget Source"

Code:: [/color] <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>

Widget name: Bottom
Widget title: Bỏ trống
Use a table type: No

Lưu ý
Phần màu xanh là link của ảnh
Phần màu đỏ là mã màu nền của ành

Cách thêm vào forum
Đặt widget như hình bên dưới là xong
[You must be registered and logged in to see this image.]

Demo
[You must be registered and logged in to see this image.]

Nguồn:
Nguồn : help.forumotion.com

1 [Code] Ẩn/Hiện widget cho forum Sun Nov 11, 2012 8:59 pm

Admin