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

منتديات احلى مصرىدخول

منتدي احلى مصرى منتدي متخصص في كروس فاير واستايلات وتطوير المواقع واكواد وهاكات وبرامج والعاب وتصميم


كوووود شريط اخر المواضيع الافقى باشكال عديدة

power_settings_newقم بتسجيل الدخول للرد

29122013
كوووود شريط اخر المواضيع الافقى باشكال عديدة

لسلام عليكم ورحمة الله وبركاتة 
اهلا بالجميع 







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


الشكل الاول للشريط


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

الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table class="forumline" width="100%" border="2" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td class="catLeft" height="25">
         <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
   </tr>
   <tr>
      <td class="row1" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->


--------------------------------------------------

الشكل الثاني للشريط


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

الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td border="2" height="25">
         <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
   </tr>
   <tr>
      <td border="2" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->


-------------------------------------------------

الشكل الثالث للشريط


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

الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td border="2" width="8%">
         <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
      <td border="2" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->



----------------------------------

الشكل الرابع للشريط


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


الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td class="catLeft" border="2" width="8%">
         <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
      <td border="2" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->



--------------------------------------

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


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


الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="2" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td border="2" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->



--------------------------------------

الشكل السادس للشريط


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

الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->

<div align="center"><table  width="100%" border="0" cellspacing="1" cellpadding="0">
   <tbody><tr>
      <td border="0" align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row -->
                </marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->



--------------------------------------

الشكل السابع للشريط 


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

وهذا يتكون من كودين 
كود التومبيلات 
وكود السي سي 

اولا نضع كود السي سي في مكانة الصحيح 
نذهب الي 
لوحة التحكم 
مظهر المنتدى 
الالوان 
ورقة السي سي 
ونضع الكود بعد تعديل الالوان بما يناسب الستايل الخاص بنا 

كود ورقة الcss

الكود:---------تضليل المحتوى

الكود:

.gowetobilobed2 {
   border-style: solid;
   border-width: 1px 5px 1px 5px;
   border-color: #ضع هنا لون مناسب للاطار;
   background: none repeat scroll 0 0;
   margin-top: 1px;
   padding: 1px;
   background-color: #ضع هنا لون مناسب للخلفية;
}
.gowetobilobed3 {
   border-color: #ضع لون للفاصل بين كلمة اخر المواضيع والشريط;
   border-left-width: 2px;
   border-left-style: solid;
}




كود التومبيلات 
الكود:---------تضليل المحتوى

الكود:

<!-- BEGIN scrolling_row -->
<body>
<div align="center">
<table width="90%" class="gowetobilobed2">
<tbody><tr>
<td width="8%" class="gowetobilobed3">أخر المواضيع</td>
<td align="center">
<marquee direction="right">  
         <!-- BEGIN recent_topic_row -->
                     <img src="ضع هنا رابط الصوره التي ترغب ان تظهر كفاصل بين المواضيع" alt="goweto_bilobed" /><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a>
         <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 

         <!-- BEGIN switch_poster -->
         <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
         <!-- END switch_poster -->
         <!-- BEGIN switch_poster_guest -->
         <!-- END switch_poster_guest -->
         <!-- END recent_topic_row --></marquee>  
              </td>
   </tr>
</table></div>
<!-- END scrolling_row -->



ليظهر الشريط اعلى المواضيع عليك القيام بالتالي 

اولا الذهاب الي 
لوحة التحكم 
عناصر اضافية 
البوابة و العناصر 
إدارة العناصر المستقلة على المنتدى

عليك اولا ان تتاكد من عدم وجود اي عنصر على العمود 1 (اليمين) 


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

ثانيا قوم بتفعيل العناصر واجعل المقاس الخاص بالعنصر العمود 1 (اليمين) : 1 
واضغط سجل ملاحظة سيعود عرض العنصر للرقم 180 لامشكلة اكمل الخطوات 

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


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

الان الشريط ظهر ولكن على يمين المنتدى 
نقوم بعمل الخطوة الخاصة بتعديل مقاس العنصر مره اخري ونضع الرقم 1 لعرض العنصر ونضغط سجل 

الان الشريط ظهر اعلى المنتدى ولكنة صغير جدا جدا 
لذا نقوم بتعديل مقاس العنصر مره اخري ونضع الرقم 999 
وعندها سيكون الشريط مناسب لحجم المنتدى 

لاتنسى الان تعديل صلاحيات شريط اخر المواضيع ليظهر للاعضاء والزوار والمشرفين 



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

الكود:---------تضليل المحتوى

الكود:

</td>
</tr>
</table>



او
الكود:---------تضليل المحتوى

الكود:

</td>
  </tr>
 </table>
</div>



جرب كود واحد في كل مره والذي يجعل الشريط لديك بعرض المتصفح استخدمة 


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

تعاليق

Admin
تسلم ايدك
ĐάяҜŋεεŠ
مشكور علي الموضوع المميز

واصل يا أحمد
السعيد
الشريط باللغة الانجليزية 

كيف اخلية بالعربى
Admin
السعيد كتب:
الشريط باللغة الانجليزية 

كيف اخلية بالعربى

الكود يوضع في التومبيلات وهيتعرب تلقائي
power_settings_newقم بتسجيل الدخول للرد
remove_circleمواضيع مماثلة
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى