آداة ثلاثية التبويبات للسايد بار



من أكثر الادوات المهمة لمن يحتاجون مكان في السايد بار حيث انها تجمع ثلاث ادوات في آداة واحده مما يجعل هناك مساحة لادوات أكثر في السايد بار هذه الآداة هي بتنسيق حصري لكن مدون تم الإهتمام بان تعمل الآداة على القوالب المتجاوبة دون مشاكل وان تتخذ حجم السايد بار المشكلة الوحيدة التي قد تواجهك في تركيب تلك الآداة هي ان يكون قالبك غير مهئ في منطقة السايد بار لإستخدام تلك الآداة , الآداة ستعطيك ثلاث مساحات داخل التخطيط يمكنك ان تضيف بها اى أدوات تعجبك


    1. يضاف فوق  ]]></b:skin> 
/*jazairiweb Tabbed Widget*/ .jazairiwebsidebartabs {margin-bottom: 20px;} .jazairiwebsidebartabs .widget { border: 0 none !important; box-shadow: 0 0 0 1px #ddd inset; } .jazairiwebsidebartabs .widget h2 {display: none;} .tabs-widget { height: 35px; list-style: outside none none; margin: 0; padding: 0; } .tabs-widget li { float:right; list-style: outside none none; padding: 0; text-align: center; width: 33.3%; } #jazairiwebstab2 {float:left;} #jazairiwebstab2 a {border-left: 0 none;} .tabs-widget li:first-child {margin: 0} .tabs-widget li a { background-color: #34495e; border-left: 1px solid #444; color: #fff; display: block; font-size:12px; height:35px; line-height:35px; text-transform: uppercase; } .tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current { background-color: #E73C5C; color:#fff; text-decoration: none; }

    1. هذا  34495e# هو لون خلفية التبويبات وهذا fff#  لون الكتابة
    2. وهذاE73C5C# لون الإطار النشط او عند تمرير الماوس

 التفعيل داخل القالب 

هذا هو الجزء الاهم في الأمر عليك ان تبحث في قالبك
عن اسم اول آداة لديك في السايد بار
فوق اسم الآداة ستجد سطر أوله كلمة <b:section 
فوق السطر ستضيف الكود التالي



<div class='jazairiwebsidebartabs'> <script type='text/javascript'> jQuery(document).ready(function($){ $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide(); $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show(); $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show(); $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() { $(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;); $(this).addClass(&quot;tabs-widget-current&quot;); $(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide(); var activeTab = $(this).attr(&quot;href&quot;); $(activeTab).fadeIn(); return false; }); }); </script> <ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> <li id='jazairiwebstab1'><a href='#widget-themater_tabs-1432447472-id1'>شائعة</a></li> <li id='jazairiwebstab2'><a href='#widget-themater_tabs-1432447472-id2'>تعليقات</a></li> <li id='jazairiwebstab3'><a href='#widget-themater_tabs-1432447472-id3'>تسميات</a></li> </ul> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'> <b:section class='sidebar' id='sidebartab1' maxwidgets='1' preferred='yes'/> </div> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'> <b:section class='sidebar' id='sidebartab2' maxwidgets='1' preferred='yes'/> </div> <div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'> <b:section class='sidebar' id='sidebartab3' maxwidgets='1' preferred='yes'/> </div> <div style='clear: both;'/> </div>

  1. اريد ان اسألك متى سوف تضع قالب المدونة ارجووك ممكن ترسل لي القالب هنا بلييز اخي حسام ولن المس الحقوق ابداا
    mr.robyo@gmail.com

    ردحذف
    الردود
    1. لقالب خاص بالمدونة فقط و لاكن ساضع النسخة السابقة في اقرب وقت
      معاينة: http://template-jazairiweb2.blogspot.com

      حذف
  2. هل يمكنني وضع أداة ثلاثية التبويبات في "التخطيط" أسفل رسائل المدونة وبأقسام مختلفة مثلا عوض "شائعة" أضع قسم "صوت وصورة" وعوض تعليقات أو تسميات أضع مثلا "أخبار محلية"؟أرجو أن تجيبني لك جزيل الشكر
    مدونتي
    www.rifdyalna.com

    ردحذف
    الردود
    1. سيتم اضافة الموضوع هدا الاسبوع =a

      حذف

إذا أعجبك محتوى موقع جزائري ويب اتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...