Widgetleri kapatıp/acmak

[Paradiz]

Forumun widgetlerini kapatıp/acmak

Bu kod ile, widgetlerinizi kapatıp, acabileceksiniz. Bu sistem forumda eklidir, forumunuza eklemeden önce deneyebilirsiniz. Widgetleri kapatmak için, solda olan << resime tıklayıp widgetleri kapatabilirsiniz veya acabilirsiniz Bu kodu eklemek cok kolay ve modeller'in acık olması gerekmiyor ! Fakat, widgtlerin yerine göre kod değişiyor (sağ ve sol). Dikkat ! : Bu kod sadece PHPBB3, INVISION ve PUNBB versyonlarda calışıyor. Kodu eklemek : Ilk önce, iki özel widget eklemelisiniz : Yönetim paneli ► Modüller ► Kapı & Widgetler ► Forumun widget yönetimi ► Bu resimin üstüne tiklamalisiniz : Bu resimin üstüne tıkladıktan sonra : , böyle bir sayfa cıkacaktır : Widget ismi : ► Iki widget ekleyeceksiniz. Ilk widgetin adini : Widget 1, ikinci widgetin adinida Widget 2 yapabilirsiniz. Bu tip bir masa kullanın : ► Hayır. Widget başlığı : ► başlık vermenize gerek yoktur. Widget kökü : ► daha sonra verceğim kodu bu bölüme eklemelisiniz. dikkat bu kod sağda ve solda olan widgetler için calışmıyor ! Ekleyeceğiniz kod : Solda olan Widgetler için : WIDGET 1 "Widget kökü" bölümüne bu kodu eklemelisiniz : <div 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(https://2img.net/h/oi42.tinypic.com/vg54yu.png) 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'); }"></div> Forumunuzun temasına göre, kırmızı olan yeri istediğiniz gibi değiştirebilirsiniz. WIDGET 2 : Ikinci widgetinizde, bu kodu eklemeniz gerekir : <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> Sağda olan widgetler için, kod : WIDGET 1 <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(https://2img.net/h/oi42.tinypic.com/vg54yu.png[/url]) 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'); }"></div> Forumunuzun temasına göre, kırmızı olan yeri istediğiniz gibi değiştirebilirsiniz. WIDGET 2 Ikinci widgetinizde, bu kodu eklemeniz gerekir : <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> 5. Widgetleri eklemek : Iki Widgeti yaptiktan sonra ve kodlari bu widgetlere ekledikten sonra : Yönetim paneli ► Modüller ► Kapı & Widgetler ► Forumun widget yönetimi, "özel widget" bölümüne gidin, ve yaptiğiniz iki widgeti bu bölümde bulabilirsiniz. Widget 1 bölumünü en üste eklemelisiniz, tüm widgetlerin üstüne. Widget 2 bölumünüde, en alta, tüm widgetlerin altina eklemelisiniz. Hayırlı olsun...

Bu paylaşım Fransız forumuna aittir ve izinsiz kullanılması kesinlikle yasaktır.