شبكة ديزاد منتدى | dzmontada



 
الرئيسيةالبوابةالتسجيلدخول

شاطر | 
 

 [jQuery] كود أخفاء التوقيع و أظهاره كما في منتديات الـ VB يعمل على جميع النسخ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
 
 
avatar

الدولة : الجزائر
الجنس : ذكر
مهنتي :
الْمَشِارَكِات الْمَشِارَكِات : 806
الْنِّقَاط الْنِّقَاط : 1617
الموقع الموقع : dzmontada.ibda3.org
MMS : :
::الاوسمة::: :

مُساهمةموضوع: [jQuery] كود أخفاء التوقيع و أظهاره كما في منتديات الـ VB يعمل على جميع النسخ   السبت 25 فبراير 2012, 16:54

| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..

مرحباً بكم أيها الكرام من أعضاء و زوارشبكة ديزاد منتدى

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

مميزاته :
يقوم الكود بجعل التوقيع يظهر على خاصية فتح و أغلاق كما في منتديات الفيبي حيث عندما نقوم بضغط على
زر اظهر التوقيع يظهر الزر بشكل الأنسيابي و عند الضغط على أحفي التوقيع يرجع كما في السابق بشكل زر



|صورة للمعينة الكود |




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



شرح تركيب الكود :

لوحة الإدارة >> عناصر اضافية >> HTML و JAVASCRIPT >> إدارة أكواد Javascript

الكود:

jQuery(document).ready(function(){
       
jQuery(".signature_div").wrapInner(jQuery('<div
class="myas7ab"></div>')).prepend(jQuery('<span
class="samhameed"></span>'));
        jQuery(".samhameed").click(function(){
        jQuery(this).parents(".signature_div").children(".myas7ab").slideToggle(300);
        return false
        });
        jQuery(".samhameed").toggle(
        function(event) {jQuery(event.target).css('backgroundPosition', '0 -30px');},
        function(event) {jQuery(event.target).css('backgroundPosition', '0 0');}
        );

        });

من ثم نذهب الى ورقة الـ css

الكود:
.myas7ab {
        display: none;
        }
        .samhameed {
        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:samhameed;
        background-position: 0 -30;
       
        }


و نضع هذة الكود بداخلها و من ثم نضغط سجل




و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://dzmontada.ibda3.org
 
[jQuery] كود أخفاء التوقيع و أظهاره كما في منتديات الـ VB يعمل على جميع النسخ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
» استفسار حول كود JQuery
» وتتوالى الحصريات : jQuery تحديد الكود في المواضيع حصريا
» جديد على أحلى منتدى: حفظ و إدارة أكواد JavaScript و jQuery مباشرة من لوحة ادارة المنتدى.
» اين اجد مكان اكواد jQuery

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة ديزاد منتدى | dzmontada :: اقسام دعم و تطوير المنتديات :: عالم الأكواد :: أكواد JavaScript و jQuery-
انتقل الى: