| | [ Template ] اخر 20 موضوع و أفضل 10 أعضاء بالمنتدى و مع معرض للصور كالفي بي | |
| كاتب الموضوع | رسالة |
---|
|
|
المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: [ Template ] اخر 20 موضوع و أفضل 10 أعضاء بالمنتدى و مع معرض للصور كالفي بي الخميس 2 أكتوبر 2014 - 16:31 |
|
[ Template ] اخر 20 موضوع و أفضل 10 أعضاء بالمنتدى و مع معرض للصور كالفي بيمميزاته :أظهار تاريخ وضع المساهمة بشكل جميل و رئع و يظهر في مستطيل بظهر بعد أقتراب الماوس على أسم الموضوعو يمكن مشاهدة أفضل 10 أعضاء على جانب الأحصائيات و مع الحصول أيضا على معرض لصور أو لاعلانات موقعك لكن هو ليس مجرد كود واحد ,,, فهو اكثر من كود ويوضع في اكثر من مكانبرمجة الكود من قبل اخوكم sam hameed|صورة للمعينة الكود الأحصائيات المطورة الجديدة |[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]أتبع الخطوات كما يلي :-شرح تركيب الكود : الخطوة الأولى :نذهب الي أدارة التومبيلات لنركب بعض الأكواد على البوابة لنستطيع أظهارها على أخر الأحصائيات بشكلها الجديد ,,, تابعني ,,,,,لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_headerنقوم بلبحث عن الكود التالي و نقوم بحذفه - الكود:
-
<div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> الكود موجود تقريبا في نهاية القالب و نقوم بأستبدال مكانه بهاد الكود الجديد - الكود:
-
<style type="text/css"> #tooltip { padding:0; sam_hameed; max-width: 50% !important; color: #000; sam_hameed; border:1px solid #a0bbf7; background-color: #f6f6f6; font-size:0.8em; } * html #tooltip { width: 30%; } margin:2px 5px 2px 8px; } #tooltip ul { padding: 0px 0px 0px 20px; } #tooltip dl { clear:both; sam_hameed; position:relative; margin-bottom: 10px; } #tooltip dt { float:left; sam_hameed; border: medium none; padding-top: 3px; width: 50%; } #tooltip dd { margin-left: 50%; padding-left: 5px; vertical-align: top; } #tooltip p.header { margin:0; sam_hameed; font-size:13px; color:#ffffff; padding: 1px 5px; background: #a0bbf7 repeat; font-weight: bold; border:1px solid #a0bbf7; } #tooltip p { padding: 0px 5px 0px 0px; color: #666666; sam_hameed; font-size:11px; } .tabs { margin: 0; padding: 0;} .tabs { padding-bottom: 31px; margin-bottom: 9px;sam_hameed; background: #e5effe; border-bottom: 1px solid #b4d0f3; } .tabs li { list-style: none;float: right; line-height: 30px; border-left: 1px solid #b4d0f3;sam_hameed; height: 30px; font-size: 11px;} .tabs li.current { background: #FFF; height: 32px;sam_hameed; font-weight: bold; } .mainbox { background: #FFF;margin-bottom: 0px; padding: 1px;} .mainbox table { width: 100%; } </style> <script src=http://illiweb.com/fa/js/admin.js></script> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" > <tbody> <tr> <td valign="top" width="100%"> <div class="test"> <table class="thongke" cellpadding="4" cellspacing="0" style="border: 1px #c0c0c0 solid;" border="0" width="100%" align="center"> <thead> <tr valign="top"> <th height="30"><center>أخر المواضيع</center> </th> </tr> </thead> <tr> <td width="100%"> <table class="thongke" cellpadding="0" cellspacing="4" border="0" width="100%" align="center"> <thead> <tr valign="top"> <td width="23%"> </td> <td width="100%" colspan="2"> </td> </tr> <tr> <td> <table class="thongke" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" > <tr> <td colspan="3"> <div style="margin-bottom: 5px; border: 1px solid #9DB3C5; "> <ul class="tabs"> <li class="current"> <span style="padding: 0px 7px;">معرض الصور</span> </li> </ul> <embed src="http://dl.dropbox.com/u/10126397/focus.swf" wmode="opaque" FlashVars="config=5|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie= صورة واحد | صورة الثانية | صورة الثالثة | صورة الرابعة | صورة الخامسة | صورة السادسة | صورة الساعبعة | صورة الثامنة | صورة التاسعة &bcastr_link= رابط | رابط | رابط | رابط | رابط | رابط | رابط | رابط | رابط | نص لصورة | نص لصورة | نص لصورة | نص لصورة | نص لصورة | نص لصورة | نص لصورة | نص لصورة & menu="false" quality="high" width="100%" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </div> </td> </tr> <tr> <td valign="top" style="border: 1px solid #9DB3C5;"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- END giefmod_index1 --> </tr> </thead> </table> </td> </tr> </table> </div> </td> </tr><tr> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation --> و من ثم نضغط سجلملاحظة ما تنسو تعملو نشر للقالب الخطوة الثانية و هي الأهم :و هي عبارة عن مرحلة لأضافة كود اخر المواضيع و كذلك أفضل 10 أعضاء لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_postersو نقوم بحذف الكود جميعه و نستبدله بلكود الجديد - الكود:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <div style="margin-bottom: 1px;"> <ul class="tabs"> <li class="current"> <span style="padding: 0px 7px;"> <select name="mylist"> <option value="/#"><b>أفضل الأعضاء</b> </option> </select> </span> </li> </ul> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top"> <td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"> <img src="http://2img.net/i/fa/empty.gif" width="24" border="0"> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER --> <div style="height: 20px;" align="right"> <font style="font-family: Tahoma; font-size: 11px"> {POSTER.NAME}</font> </div><!-- END POSTER --> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER --> <div style="height: 20px; width: 85px;" align="right"> <font style="font-family: Tahoma; font-size: 11px">{POSTER.NB_POSTS}</font> </div> <!-- END POSTER --> </td> </tr> </table> </div> </div> </td>
</table> <tr> و اذا كنت لا تريد استخدام أفضل 10 أعضاء بأمكانك استخدام
أفضل 10 الأعضاء خلال هذة الأسبوعلوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_post_users_weekو نقوم بحذف الكود جميعه و نستبدله بلكود الجديد - الكود:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <div style="margin-bottom: 1px;"> <ul class="tabs"> <li class="current"> <span style="padding: 0px 7px;"> <select name="mylist"> <option value="/#"> <b>الأفضل في هذة الأسبوع</b> </option> </select> </span> </li> </ul> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top" ><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"> <img src="http://2img.net/i/fa/empty.gif" width="24" border="0"> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER -->
<div style="height: 20px;" align="right"> <font style="font-family: Tahoma; font-size: 11px">{POSTER.NAME}</font> </div> <!-- END POSTER --> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER --> <div style="height: 20px; width: 85px;" align="lift"> <font style="font-family: Tahoma; font-size: 11px">{POSTER.BARRE}</font> </div> <!-- END POSTER --> </td> </tr> </table> </div> </div> </td> </table> <tr> أو أستخدام كود أفضل 10 أعضاء خلال هذة الشهرلوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_post_users_monthو نقوم بحذف الكود جميعه و نستبدله بلكود الجديد - الكود:
-
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%"> <td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <div style="margin-bottom: 1px;"> <ul class="tabs"> <li class="current"> <span style="padding: 0px 7px;"> <select name="mylist"> <option value="/#"> <b>الأفضل خلال هذة الشهر</b> </option> </select> </span> </li> </ul> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top" ><td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"> <img src="http://2img.net/i/fa/empty.gif" width="24" border="0"> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER -->
<div style="height: 20px;" align="right"> <font style="font-family: Tahoma; font-size: 11px">{POSTER.NAME}</font> </div> <!-- END POSTER --> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif"> <!-- BEGIN POSTER --> <div style="height: 20px; width: 85px;" align="lift"> <font style="font-family: Tahoma; font-size: 11px">{POSTER.BARRE}</font> </div> <!-- END POSTER --> </td> </tr> </table> </div> </div> </td> </table> <tr> و من ثم نضغط سجلملاحظة ما تنسو تعملو نشر للقالب الخطوة الثالثة و هي الأهم و مهمتها تشغيل هيكلمة المواضيع :و هي عبارة عن مرحلة لأضافة كود اخر المواضيعلوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_recent_topicsو نقوم بحذف الكود جميعه و نستبدله بلكود الجديد - الكود:
-
</td> </tr> </table> </td> <td valign="top" style="border: 1px solid #9DB3C5; padding: 1px" width="100%"> <style type="text/css"> th,td,p { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif } div.TabView div.Tabs{ height: 32px; sam_hameed; overflow: hidden; } div.TabView div.Tabs: hover,{ height: 32px; overflow: hidden; } div.TabView div.Tabs a , div.TabView div.Tabs a:hover { float: right; display: block; sam_hameed; background-color:#; text-align: center; height: 29px;padding: 6px; vertical-align: middle; border:1px solid #b4d0f3; border-top: 0px; sam_hameed; border-left: 0px; border-bottom: 0px; text-decoration: none; font-family: Tahoma; font-size: 11px;color: #000000; } .hotrott{ background-color: #ffffff;border: 0px solid #ded7d7; } .nen{ background-color: #ffffff;border: 1px solid #ded7d7; } div.TabView div.Tabs a.Active{ background-color: #ffffff; color: #000000; sam_hameed; border:1px solid #b4d0f3; border-top: 0px; border-right: 0px; border-bottom: 0px; padding: 6px; sam_hameed; height: 29px; font-size: 11px; font-weight: bold; } div.TabView { clear: both; border: 0px solid #ffffff; overflow: hidden; } div.TabView div.Pages div.Page{ height: 100%; sam_hameed; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; } </style> <div id="TabView" class="TabView" style="padding: 0px;"> <!-- Tabs By Sam Hameed --> <div width="100%" class="Tabs"> <a class="Active" href="javascript:tabview_switch('TabView', 1);"> أخر المواضيع</a> <a>قريبا</a> <a>قريبا</a> <ul class="tabs" id="vietvbb_topstats_t"> <li style="border-right: 0px; display: none;" id="vietvbb_topstats_t_loading"> </li> </ul> </div> <!-- End Tabs By Sam Hameed --> <div style="height: 407px; width:100%" class="Pages">
<div class="Page" style="padding-top: 8px;"> <!-- BEGIN classical_row --> <table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> </table> </td> </tr> </tbody> <tbody> <tr><td style="padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr valign="top"> <td style="border-top: 0px none; padding: 0px; background: transparent url(http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/list.gif) no-repeat scroll center top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" width="24"> <img src="http://2img.net/i/fa/empty.gif" width="24" border="0"> </td> <td style="border-top: 0px none; padding: 0px; line-height: 20px; background-repeat: repeat;" align="left" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="80%"> <!-- BEGIN recent_topic_row --> <div style="height: 20px"> <a onmouseover="show_tooltip(this,'<b>عنوان الموضوع</b> <font color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font><br> <b>تاريخ المساهمة :</b> <font color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font><br>','معلومات الموضوع');" href="{classical_row.recent_topic_row.U_TITLE}"> <b> <div style="text-align: right;"> <font style="font-family: Tahoma; font-size: 11px">{classical_row.recent_topic_row.L_TITLE} </font> </div> </b> </a> <div> <!-- END recent_topic_row --> </td> <td> </td> <td style="border-top: 0px none; padding: 2px;line-height:20px; background-repeat: repeat;" align="right" background="http://i1036.photobucket.com/albums/a449/a1tinhgia3/image/listbg.gif" width="20%"> <!-- BEGIN recent_topic_row --> <div style="height: 20px"> <!-- BEGIN switch_poster --> <a onmouseover="show_tooltip(this,'<span>أضغط هنا لتتمكن من رئية بروفايل الكاتب !</span>','عن الكاتب');" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}"> <div style="text-align: left;"> <font style="font-family: Tahoma; font-size: 11px"> {classical_row.recent_topic_row.switch_poster.S_POSTER} </font> </div> </a> <!-- END switch_poster --> </div> <!-- END recent_topic_row --> </td> </tr> </table> </td> </tr> </tbody> </table> <!-- END classical_row --> </div> <div class="Page" style="padding-top: 8px;"> <table style="border-bottom-width: 0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td> و من ثم نضغط سجلملاحظة ما تنسو تعملو نشر للقالب الخطوة الرابعة :سنقوم بتركيب عنصر أفضل 10 أعضاء و أخر 20 موضوع على رئيسية المنتدى لتظهر اخر المواضيع على المنتدىشرح تركيب العناصر المستقلة على الرئيسية : لوحة أدارة >> عناصر أضافية >> البوابة و العناصر >> إدارة العناصر المستقلة على المنتدى/الإعدادات العامة للعناصر المستقلة على صفحات المنتدى/و نقوم بوضع الأعدادات التالية :كما في هاد الصوورة[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]لاظهار اخر المواضيع و افضل 10 أعضاء علينا القيام بهاد الخطوة و هي ما قبل الخطوة الأخيرةنذهب الي >> إدارة العناصر المستقلة على المنتدىقم بعمل ما يلي في أدارة العناصر المستقلة كما في الصورة تماما[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]الخطوة الأخيرة :و الأن الخطوة الأخيرة و هي الأهم وهي يتوجب علينا تعين عدد مناسب من المواضيع لتتناسب مع الأحصائيات المطورةأولأ نقوم بدخول على عنصر "أفضل 10 أعضاء في هذا المنتدى" عن طريق الزر التالي و نقوم بجعل الأعدادات كما في هاد الصوورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]ثانيا نقوم بدخول على عنصر "آخر المواضيع" عن طريق الزر التالي و نقوم بجعل الأعدادات كما في هاد الصوورة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]أنتظرو شرح تغير "قريبا " الموجودة فوق أخر المواضيع حتى تتمكن من وضع أي شئ تريد
مثلا أفضل المواضيع و ضع علبة الدردشة و أي شئ تريده ...أنتظرو كذلك نشر 2 شكل من أخر
المواضيع بطريقة مميزةو إلى هنا اخوانيـ ..ينتهي موضوعنا لهذا اليوم ..في أمل اللقاء بكمـ .إن شاء الله في مواضيع جديدة ..والسلام عليكم و رحمة الله ..ملاحظة هـامة :بـ إزالتك للحقوق أنت تزيل خلقا كريما من أخلاقكتم برمجة و شرح تركيب من قبل أخوكم :-Sam Hameed |
| | | |
|
المعلومات | الكاتب: | | اللقب: | | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 221 | السٌّمعَة : | 25 | تاريخ التسجيل : | 18/10/2015 |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: رد: [ Template ] اخر 20 موضوع و أفضل 10 أعضاء بالمنتدى و مع معرض للصور كالفي بي الأحد 18 أكتوبر 2015 - 15:24 |
|
|
| | | |
مواضيع مماثلة | |
| |