المواضيع الأخيرة
» [ Template ] كود اخر 20 موضوع و أفضل 10 أعضاء بلمنتدى و مع معرض لصور كالفي بي
من طرف naruto101 الجمعة ديسمبر 05, 2014 2:33 pm

» [Javascript]حصريا كود يقوم بتنبيه العضو بان رده قصير
من طرف احمد السويسي الخميس أغسطس 28, 2014 2:38 am

» نتائج شهادة البكالوريا 2014
من طرف menimeVEVO الثلاثاء يونيو 10, 2014 3:55 am

» من اعمالي موديلات جديدة وحصرية 2012
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 5:37 pm

» من ابداعات ساندرا،كما وعدتكم بعض من موديلاتها
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:49 pm

» قندوووووووورة جديدة تفضلواا
من طرف دفئ الشتاء الثلاثاء مارس 18, 2014 4:23 pm

» طلب صغير لو سمحتو
من طرف hothifa الإثنين ديسمبر 23, 2013 9:11 pm

» الان فقط وحصريا (استايل واند الالكتروني متعدد الالوان)
من طرف AGILIEDI الإثنين ديسمبر 23, 2013 8:34 pm

» جديد موديلات فساتين البيت بقماش القطيفة 2012 - تصاميم قنادر الدار بأشكال جديدة و قماش القطيفة - صور قنادر جزائرية
من طرف hadda32 الأحد ديسمبر 08, 2013 12:16 pm

» [Template] استايل منتدى سيدي عامر 2012
من طرف ßLẫĆҜ ĈĄŦ الأربعاء نوفمبر 20, 2013 6:46 pm

سحابة الكلمات الدلالية


[ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

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

[ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف Admin في السبت مارس 31, 2012 12:46 am

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

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

اليوم و حصريا و بعد طول أنتظار تم عمل كود شريط الأهدائات المجاني بتومبيلات
و يعمل بشكل أتمتيكي و من أبداع فريق الـ
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>

[color=darkred][b]شريط الأهدائات الشكل الثالث[/b][/color]

[img]http://i47.servimg.com/u/f47/13/57/76/76/2-19-212.png[/img]

[url=http://traidnt.net/link/fast_link.html?user=113091&url=http://i47.servimg.com/u/f47/13/57/76/76/2-19-212.png]http://i47.servimg.com/u/f47/13/57/76/76/2-19-212.png[/url]

[color=red][b][color=black]تنوية:-[/color][/b][/color][color=red][b]تفضل [/b][/color][color=red][b]مشكورآ بوضع ردآ ليظهر لك[/b][/color][color=red][b] بقية الموضوع والشرح[/b][/color]

الكود:
<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

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



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

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


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

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

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

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





إظهار العناصر المستقلة على الصفحة جميع صفحات المنتدى : نعم


عرض العمود 1 (اليمين) : 999


عرض العمود 3 (اليسار) : 0


الإرتفاع المتواجد بين عنصرين : 0


الفضاء المتواجد بين عمودين : 0
صورة لتوضيح الأعدادات



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


avatar
Admin
Admin

عدد المساهمات : 594
نقاط : 732
السٌّمعَة : 5
تاريخ التسجيل : 05/03/2010
العمر : 23

معاينة صفحة البيانات الشخصي للعضو

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف FlasH G!F في الجمعة مايو 04, 2012 6:14 pm

شكرا لكـ كود رائع
avatar
FlasH G!F

عدد المساهمات : 855
نقاط : 1481
السٌّمعَة : 0
تاريخ التسجيل : 04/05/2012

معاينة صفحة البيانات الشخصي للعضو

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف heshamVirus في الخميس مايو 10, 2012 1:57 am

بارك الله فيك على الكود المميز للغاية
وشكرا لتواجدك فى منتدى الدعم العربى
8)
avatar
heshamVirus

عدد المساهمات : 617
نقاط : 631
السٌّمعَة : 0
تاريخ التسجيل : 04/05/2012
الموقع : فى البيت

معاينة صفحة البيانات الشخصي للعضو http://nekashatspacetoon.yoo7.com/forum

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف العالمى في الإثنين مايو 14, 2012 5:44 pm

مشكور على مجهودك
avatar
العالمى

عدد المساهمات : 228
نقاط : 668
السٌّمعَة : 0
تاريخ التسجيل : 13/05/2012
العمر : 22

معاينة صفحة البيانات الشخصي للعضو

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف STAR MAROC في الثلاثاء مايو 22, 2012 2:20 am

شكلرا لك
avatar
STAR MAROC

عدد المساهمات : 805
نقاط : 2315
السٌّمعَة : 0
تاريخ التسجيل : 08/05/2012
العمر : 24

معاينة صفحة البيانات الشخصي للعضو

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف elhabib89 في الجمعة مايو 25, 2012 6:23 pm

شكرا لك ياغالى

معلومات قيمه جداا

مزيد من عطائك الدائم

تقبل مرورى المتواضع
avatar
elhabib89

عدد المساهمات : 769
نقاط : 1082
السٌّمعَة : 1
تاريخ التسجيل : 24/05/2012
العمر : 26

معاينة صفحة البيانات الشخصي للعضو http://bibo89.yoo7.com

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

رد: [ Template ] كود شريط الأهدائات لمنتديات أحلى منتدى 2012 باشكال عديده

مُساهمة من طرف matios في الثلاثاء أكتوبر 15, 2013 12:20 pm

thanks

matios

عدد المساهمات : 1
نقاط : 1
السٌّمعَة : 0
تاريخ التسجيل : 15/10/2013
العمر : 19

معاينة صفحة البيانات الشخصي للعضو http://www.google.com

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

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

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

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