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

اذهب الى الأسفل

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

مُساهمة من طرف اسطورة الخيال في الثلاثاء 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

اسطورة الخيال
 
 

ذكر
عدد المساهمات : 452
معدل النشاط : 3968
السُمعة : 0

http://control-spacetoon1.mam9.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى