حصري كود اخفاء واظهار التواقيع مثل فريق الاكواد

حصري كود اخفاء واظهار التواقيع مثل فريق الاكواد

 من طرف اسطورة الخيال الثلاثاء 21 فبراير 2012 - 15:10

اقدم لكم الكود الحصري الرائع
كود اظهار واخفاء التواقيع بطريقة جميلة مثل فريق الاكواد
والكود يعمل علي جميع النسخ ان شاء الله

صورة للكود



كود الجافا سكربت::

الكود:


jQuery(document).ready(function(){

 
      jQuery(".signature_div").wrapInner(jQuery('<div
class="vista-code"></div>')).prepend(jQuery('<span
class="arabcodey"></span>'));

        jQuery(".arabcodey").click(function(){
        jQuery(this).parents(".signature_div").children(".vista-code").slideToggle(300);
        return false
        });

        jQuery(".arabcodey").toggle(
        function(event) {jQuery(event.target).css('backgroundPosition', '0 -30px');},
        function(event) {jQuery(event.target).css('backgroundPosition', '0 0');}
        );

        });

طريقه وضع اكواد الجافا سكربت  أضغط هنا

كود الــCSS

الكود:


    .vista-code {
        display: none;
        }
 
       .arabcodey {
        cursor: pointer;
        display: block;
        height: 30px;
        width: 150px;
        background-image: url('http://i47.servimg.com/u/f47/17/07/42/77/hide_s10.png');
        copyright:vistacode;
        background-position: 0 -30;
        
       }

طريقه وضع اكواد الــCSS
 لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
 
مع التحيه
اسطورة الخيال

---

تم تنسيق الموضوع بواسطة
new.moon