إظهار / إخفاء كل العناصر بشكل منفصل Hitskin_logo Hitskin.com

هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداكالرجوع الى صفحة بيانات التصميم

منتدى الدعم و المساعدة لأحلى المنتديات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

إظهار / إخفاء كل العناصر بشكل منفصل

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

إظهار / إخفاء كل العناصر بشكل منفصل Empty إظهار / إخفاء كل العناصر بشكل منفصل

مُساهمة من طرف وهبة الساحر الجمعة 27 مارس 2015 - 20:51


إظهار / إخفاء كل العناصر بشكل منفصل

إظهار / إخفاء كل العناصر بشكل منفصل



إظهار / إخفاء كل العناصر بشكل منفصل
عمل الكود هو: يضع زر لاظهار واخفاء العناصر المستقلة على الرئيسية كما تظهر لديكم فى الصورة هى تقنية رائعة

ملاحظة: الاكواد تعمل ولكن يجب اختيار الكود المناسب لنسخة لمنتداك
صورة للمعاينه
إظهار / إخفاء كل العناصر بشكل منفصل Dgfgd10
https://i.servimg.com/u/f19/19/08/62/30/dgfgd10.png

الأن نتوجه الى:

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

إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: الصفحة الرئيسية
ثم نضع الكود التالي:

phpBB2
الكود:

var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

$(function(){
  $('#left .forumline,#right .forumline').find('tr:eq(0)').addClass('bef-tog');
  $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.bef-tog');
  $(".tog-widget").each(function(){
    $(this).attr("src", image_widget_src );
    $(this).click(function(){
      $(this).next().slideToggle("slow");
    });
  });
});

phpBB3
الكود:

var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

$(function(){
  $(".module .h3").each(function(){
    $(this).insertBefore($(this).parent());
    $(this).css("padding-right","20px");
  });
  $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; cursor: pointer;"></img>').insertBefore('.module .inner');
  $(".tog-widget").each(function(){
    $(this).attr("src", image_widget_src );
    $(this).click(function(){
      $(this).next().slideToggle("slow");
    });
  });
});

PunBB
الكود:

var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

$(function(){
  $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module.main .main-head');
  $(".tog-widget").each(function(){
    $(this).attr("src", image_widget_src );
    $(this).click(function(){
      $(this).next().slideToggle("slow");
    });
  });
});

Invision
الكود:

var image_widget_src = "http://i73.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png";

$(function(){
  $('<img class="tog-widget" style="float: right; height: 17px; width: 17px; margin-top: -23px; margin-right: 3px; cursor: pointer;"></img>').insertAfter('.module .maintitle');
  $(".tog-widget").each(function(){
    $(this).attr("src", image_widget_src );
    $(this).click(function(){
      $(this).next().slideToggle("slow");
    });
  });
});

ويمكنك تغيير الصورة الى اى صورة اخرى لتناسب منتداك
إظهار / إخفاء كل العناصر بشكل منفصل Tog-wi10
https://i.servimg.com/u/f73/18/10/89/49/th/tog-wi10.png

تم الشرح بواسطتى
وهبة الساحر
المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع

إظهار / إخفاء كل العناصر بشكل منفصل 221706
إظهار / إخفاء كل العناصر بشكل منفصل 201477



عدل سابقا من قبل وهبة الساحر في الإثنين 30 مارس 2015 - 16:08 عدل 1 مرات
وهبة الساحر
وهبة الساحر
 
 

ذكر
عدد المساهمات : 9060
معدل النشاط : 14838
السُمعة : 135

https://3arb-way.yoo7.com

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

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

- مواضيع مماثلة

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