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

مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان

اليوم و حصريا و بعد طول أنتظار تم عمل كود شريط الأهدائات المجاني بتومبيلات
و يعمل بشكل أتمتيكي و من أبداع فريق الـ Gatex Teem

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

تم برمجة الأكواد من قبل أخوكم Sam Hameed
و تم تطوير الفكرة من قبل أخوكم Audai mousa



أتبع الخطوات كما يلي :-

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

الخطوة الثانية :

في هذة الخطوة يتوجب عليك القيام قسم جديد حتى يقوم الاعضاء بكتابة

الأهدائات بداخله حتى يظهر في داخل الشريط

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

لوحة أدارة >> أدارة عامة >> منتدى >> المنتديات و الفئات

و من ثم نقوم بأنشاء قسم جديد عن طريق الضغط على الزر

حتى نتمكن من أنشائه و نقوم بتسميته مثلا , أرشيف شريط الأهدائات



أتبع الخطوات كما يلي :-

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

الخطوة الأولى :

لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_news

و نقوم بحذف الكود جميعه و نستبدله بلكود الجديد



|صور و أكواد شريط الأهدائات|

شريط الأهدائات الشكل الاول



https://i.servimg.com/u/f47/13/57/76/76/2-19-210.png


تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

الكود:

<!-- sharet alahda2at by sam hameed & audai mousa -->
<br><table>
<td style="width:920px; padding:3px;">
  <!-- sharet alahda2at by sam hameed & audai mousa -->
<table
 style="background: #fff;color: #555555;border: 2px solid
#bbb;-moz-border-radius:5px;" cellpadding="6" cellspacing="2" border="0"
 width="100%" align="center"><tr>
<td nowrap="nowrap" style="background: #fff;color: #313131;border: 1px solid #ccc;-moz-border-radius:5px">
  <!-- sharet alahda2at by sam hameed & audai mousa -->
<a
 
onmouseover="show_tooltip(this,this.getElementsByTagName('span')[0].innerHTML,'Info');"
 class='c3luvmes' href="رابط القسم">
<img src="http://i45.servimg.com/u/f45/16/15/12/72/browse22.gif" />
<img src="http://i40.servimg.com/u/f40/16/00/63/42/tdyt_s10.png" /></a>
  <!-- sharet alahda2at by sam hameed & audai mousa -->
</td><td
 width="100%" style="background: #fff
url(http://www.c3z.co.cc/users/2611/10/63/87/album/master10.gif);color:
#313131;border: 1px solid #ccc;-moz-border-radius:5px">
<marquee
 behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="20" direction="right"
truespeed="truespeed">
<!-- BEGIN post_row --><span
onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<span style="margin-right:60px" class="modnew">
  <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall"><img src="{ICON_TIME}" alt="" /> <span style="font-size: 9pt">
{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span><span style="font-size: 9pt">
كتب</span>: <span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}
</span>: <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall content" style="line-height:1; font-weight:bold;font-size: 9pt">{post_row.TEXT}</span>
: <span style="font-size: 9pt"><a href="{post_row.U_VIEW_COMMENTS}">تابع القراءة</a></span>
<span style="font-size: 9pt"><a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
</span><!-- END post_row -->
  </marquee></td></tr></table><br>
  <!-- sharet alahda2at by sam hameed & audai mousa -->

شريط الأهدائات الشكل الثاني



https://i.servimg.com/u/f47/13/57/76/76/2-19-211.png

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

الكود:

<br><!-- sharet alahda2at by sam hameed & audai mousa -->
<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">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td style="text-align: right;">
<span style="font-weight: bold;">شريط الأهدائات منتديات ماي أصحاب</span><br>
</td><td style="vertical-align: top; text-align: left;">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<a style="font-weight: bold;" href="http://www.my-as7ab.com">إضافة إهداء</a>  <br></td>
</tr></tbody></table></span></td></tr><tr>
<td class="row1" align="center">
<marquee direction="right">
<!--
 BEGIN post_row --><span
onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<span style="margin-right:60px" class="modnew">
  <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall"><img src="{ICON_TIME}" alt="" /> <span style="font-size: 9pt">
{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span><span style="font-size: 9pt">
كتب</span>: <span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}
</span>: <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall content" style="line-height:1; font-weight:bold;font-size: 9pt">{post_row.TEXT}</span>
: <span style="font-size: 9pt"><a href="{post_row.U_VIEW_COMMENTS}">تابع القراءة</a></span>
<span style="font-size: 9pt"><a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
</span><!-- END post_row -->
</marquee></td></tr></table></div>
<!-- sharet alahda2at by sam hameed & audai mousa --><br>

شريط الأهدائات الشكل الثالث



https://i.servimg.com/u/f47/13/57/76/76/2-19-212.png

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

<style>
.gatex-teem-sam2 {
border-style: solid;
border-width: 1px 5px 1px 5px;
border-color: #06AACD;
background: none repeat scroll 0 0;
margin-top: 1px;
padding: 1px;
background-color: #B1ECF8;
}
.gatex-teem-sam3 {
border-color: #08ABCE;
border-left-width: 2px;
border-left-style: solid;
}
</style>
<!-- sharet alahda2at by sam hameed & audai mousa -->
<br><table class="gatex-teem-sam2" width="100%"> <tr>
<td width="10%" class="gatex-teem-sam3"> <b>
<div style="text-align: center;">
<a href="http://www.my-as7ab.com">اضف اهداء</a>
</div></b></td><td width="90%">
<marquee
behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="20" direction="right"
truespeed="truespeed">
<!-- BEGIN post_row --><span
onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<span style="margin-right:60px" class="modnew">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall"><img src="{ICON_TIME}" alt="" /> <span style="font-size: 9pt">
{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span><span style="font-size: 9pt">
كتب</span>: <span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}
</span>: <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall content" style="line-height:1; font-weight:bold;font-size: 9pt">{post_row.TEXT}</span>
: <span style="font-size: 9pt"><a href="{post_row.U_VIEW_COMMENTS}">تابع القراءة</a></span>
<span style="font-size: 9pt"><a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
</span><!-- END post_row --></marquee></td></tr>
<!-- sharet alahda2at by sam hameed & audai mousa --></table><br>


شريط الأهدائات الشكل الرابع



https://i.servimg.com/u/f47/13/57/76/76/2-19-213.png

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

<br><div align="center">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<table width="100%" border="2" cellspacing="1" cellpadding="0">
<tbody><tr><td class="catLeft" border="2" width="8%">
<div style="text-align: center; font-weight: bold;">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<a href="http://www.my-as7ab.com">اضف اهداء</a></div></td><td border="2" align="center">
<marquee direction="right">
<!--
BEGIN post_row --><span
onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<span style="margin-right:60px" class="modnew">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall"><img src="{ICON_TIME}" alt="" /> <span style="font-size: 9pt">
{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span><span style="font-size: 9pt">
كتب</span>: <span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}
</span>: <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall content" style="line-height:1; font-weight:bold;font-size: 9pt">{post_row.TEXT}</span>
: <span style="font-size: 9pt"><a href="{post_row.U_VIEW_COMMENTS}">تابع القراءة</a></span>
<span style="font-size: 9pt"><a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
</span><!-- END post_row --></marquee> </td></tr>
<!-- sharet alahda2at by sam hameed & audai mousa --></table></div><br>



شريط الأهدائات الشكل الخامس



https://i.servimg.com/u/f47/13/57/76/76/2-19-214.png

تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح

الكود:

<br><div align="center"><!-- sharet alahda2at by sam hameed & audai mousa -->
<table  width="100%" border="2" cellspacing="1" cellpadding="0">
<tbody><tr><td border="2" width="8%">
<div style="text-align: center;"><a href="http://www.my-as7ab.com">اضف اهداء</a></div>
</td><td border="2" align="center"><marquee direction="right">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<!--
 BEGIN post_row --><span
onmouseover="showtip(this.getElementsByTagName('div')[0].innerHTML);"
onmouseout="hidetip();" style="color:#2F2F2F; font-size:11px">
<span style="margin-right:60px" class="modnew">
<!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall"><img src="{ICON_TIME}" alt="" /> <span style="font-size: 9pt">
{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span><span style="font-size: 9pt">
كتب</span>: <span style="color:#FF009A;font-weight:bold;font-size: 9pt">{post_row.TITLE}
</span>: <!-- sharet alahda2at by sam hameed & audai mousa -->
<span class="gensmall content" style="line-height:1; font-weight:bold;font-size: 9pt">{post_row.TEXT}</span>
: <span style="font-size: 9pt"><a href="{post_row.U_VIEW_COMMENTS}">تابع القراءة</a></span>
<span style="font-size: 9pt"><a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
</span><!-- END post_row --></marquee></td></tr></table>
<!-- sharet alahda2at by sam hameed & audai mousa --></div><br>

و بعد أنشاء قسم الخاص بشريط الأهدائات نقوم بعمل معاينة للمنتدى و ندخل على القسم الذي تم أنشائه

و من ثم نقوم بضغط على زر أضف موضوع جديد و من ثم نقوم بنسخ

رابط الـ URL لصفحة ارسال الموضوع في القسم

مثال

http://www.my-as7ab.com/post?f=125&mode=newtopic


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

فيجب البحث عن رابط التالي

اقتباس:

www.my-as7ab.com

و نستبدله برابط الذي قمنا بنسخة " الخاص بصفحة ارسال موضوع في داخل القسم الذي أنشئناه"



و من ثم نضغط سجل

ملاحظة ما تنسو تعملو نشر للقالب


الخطوة الثالثة و هي الأهم :

نقوم بالأنتقال الى

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

و نقوم بوضع الأعدادات التالية








صورة لتوضيح الأعدادات



https://i.servimg.com/u/f46/16/36/44/89/oouo_o10.png



و من ثم نقوم بنقل عنصر الأعلانات الى العمود اليمين

صورة لتوضيح مكان الوضع



https://i.servimg.com/u/f46/16/36/44/89/ouoo_o10.png


و الان يجب علينا ان نقوم بـ وضع أعدادات عرض شريط الأهدائات

كما تبين الصورة السابقة و هي الدخول على زر تعديل ""

سوف تظهر لنا الصورة التالية ,,

و يتوجب علينا وضع الأعدادات كما في الصورة التالية



https://i.servimg.com/u/f46/16/36/44/89/oooooo10.png


لو واجهتك مشاكل في جعل الشريط يظهر بعرض المتصفح بالكامل

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

وتضع بة احد الكودين

الكود:

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

أو الكود هاد

الكود:

[table border="0" cellpadding="0" cellspacing="1" width="90%" align="center"][tr][td]
[/td][/tr][tr][td class="code"]
</td>
</tr>
</table>
</div>[/td][/tr][/table]

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


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

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

ضعة دائمة فوق الشريط وسيعمل بسهولة

وخصوصا كود الدخول السريع او بيانات العضو

و من ثم نضغط على زر سجل

و نحب نقول لالك مبروك عليك شريط الأهدائات

بعدة أشكال مصمم من منتديات ماي أصحاب



و هاد شرح بلفيديو لكفية تركيب شريط الأهدائات بتفصيل

قريبا جدا شرح بلفيديو كيفية تركيب الشريط خطوة بخطوة


انتظرونا قريبا مع أشكال جديدة من شريط

الأهدائات المقدم من منتديات ماي أصحاب

و انا قمت بشرح تريكيب الكود بتفصيل حتى لا تحدث مشاكل معكم أثناء التركيب


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



ملاحظة هـامة :بـ إزالتك للحقوق أنت تزيل خلقا كريما من أخلاقك

تم برمجة و شرح تركيب من قبل أخوكم :-

Sam Hameed