احتاج كود Html

[kacimo.samy]

السلام عليكم

احتاج كود Html

لي يعمل الاشهر مع تعليقات والوسوم

مثل هذا






وبار ك الله فيه

[abdou_7]

اخي هذا الكود مرتبط بنسخة الموقع .. إذا كان وورد برس او جوملا او بلوجر يمكنني أن ابحث لك عنه ..

إذا كان غير ذلك فهو خاص .. ولكن سأحاول ان اشرح لك الكود بطريقة سريعة ..

ماهي نسخة الموقع ؟

[kacimo.samy]

اخي لا اعلم انا عندي بلوجر
و تلك صورة من موقع الدراسة

؟؟ فيك تساعدني

[abdou_7]

موجود الإضافة هذه على منصة البلوجر ..

سأبحث عنها و ازودك بها

[kacimo.samy]

شكرا للك اخي الكريم

[abdou_7]

اعتذر عن التأخير ..

تبع يا أخي هاذا الكود من موقع فيتنامي .. الشكل النهائي تقريبا راح يكون هكذا :

[IMG]https://lh5.googleuser*******.com/-BDnXrkQUslY/TYugVVwEsVI/AAAAAAAAAb4/K3wWWc_F3E4/s1600/tabs2.jpg[/IMG]

يمكنك التحكم فيه حسبما تريد ,,, غير فقط في Css أي في الجزء الأول من الكود

إبحث عن الكود التالي في قالبك :

كود PHP:

<div id='sidebar-wrapper'> 


أضف بعده الكود التالي :

كود PHP:

[COLOR="Red"]
<style type='text/css'>
ul.tabs-widget{padding:0}
.tabs-widget li{margin:0 10px 10px 0;background:#fff;float:left;list-style-type:none;display:block;height:30px;line-height:30px;width:60px;border:4px solid #3c5670;text-align:center}
.tabs-widget li a{display:block;color:#3c5670;font-size:14px;text-decoration:none}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:#ff8053;color:#fff}
#sidebartab1 h2, #sidebartab2 h2, #sidebartab3 h2{display:none}
</style>[/COLOR]

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){$(&quot;.tabs-widget-*******-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-*******-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-*******-widget-themater_tabs-1432447472-id&quot;).hide();var activeTab=$(this).attr(&quot;href&quot;);$(activeTab).fadeIn();return false;});});
</script>

<h2><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>التبويب الأول </a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>التبويب الثاني</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'> التبويب الثالث</a></li>
</ul></h2>
<div class='clear'/>

<div class='tabs-widget-******* tabs-widget-*******-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-******* tabs-widget-*******-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-******* tabs-widget-*******-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' maxwidgets='1' preferred='yes'/> 
</div> 


و هكذا ستحصل على الشكل المطلوب في الموضوع

موفق

[abdou_7]

أعتقد أن المنتدى يمنع ظهور الكثير من الأكواد لدواعي أمنية ,, لذلك تخربت الإضافة

سأقوم بإضافة موضوع جديد في مدونتي بشرح مصور و سأرسل لك عنوان الموضوع

[abdou_7]

هذا الشرح عملته لك

معاينة الإضافة من هنا

الشرح كامل من هنا

[kacimo.samy]

المشاركة الأصلية كتبت بواسطة abdou_7

هذا الشرح عملته لك

معاينة الإضافة من هنا

الشرح كامل من هنا

شكرا لك اخي الكريم و لكن الكود الاخير

هذا : <div id='sidebar-wrapper'>

لم اجده وجدت هذا فقط

<aside id='sidebar-wrapper'>

[abdou_7]

هو نفسه يا أخي ,, يختلف من قالب لآخر

[kacimo.samy]

اخي المشكل في وضعه عندما وضعته

اتت مختلفة اعني
اتت عموديا وليست افقية ؟؟؟

[abdou_7]

غير الكود في الخطوة الأولى ( css ) إلى الكود الجديد ( لقد قمت بتغييره ) ،، ستشتغل بشكل عادي

[kacimo.samy]

نعم تم الحل المشكل ذاك ولكن خرج مشكل اخر اعلم انني اتعبتك معي

انظر الي مشكل اخر الذي ظهر ؟؟

اصبح في وسط الاعلان فوق اعلان
و عند ضغط على الوسوم لا يخرج شئ ما هو سبب يترى ؟؟

[abdou_7]

الصورة لا تظهر و لكن أتوقع أنك لم تضف أي أداة داخل التبويبات الـ3 التي أضفتها ؟؟

هذا هو المشكل أعتقد ,, و لذلك يجب أن تدخل إلى التخطيط و تختار الأدواة التي تريد ظهورها تحت كل تبويب

إذا لم تفهمني جيدا سأشرح لك بالصور

موفق

[kacimo.samy]

نعم من طيب خاطرك اشرحلي
وشكرا لك