عضو جديد
عدد المساهمات : 110
نقاطي : 330
السٌّمعَة : 0
ععمري : 27
دولتي :  الجنس :  احترام قوانين المنتدى :   |  موضوع: كود اخر 20 موضوع و أفضل 10 أعضاء بلمنتدى و مع معرض لصور  الخميس 06 يونيو 2013, 3:18 pm | |
|
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحباً بكم أيها الكرام من أعضاء و زوار منتديآت ماي أصحاب من كل مكان
الكثير منكم طلبني كود احصائيات المنتدى الجديد الذي يحتوي على اخر 20 موضوع و على معرض الصور و على أفضل 10 أعضاء بلمنتدى
أو حسب الأختيار مثل الافضل خلال الشهر او خلال الأسبوع
مميزاته :
أظهار تاريخ وضع المساهمة بشكل جميل و رئع و يظهر في مستطيل بظهر بعد أقتراب الماوس على أسم الموضوع
و يمكن مشاهدة أفضل 10 أعضاء على جانب الأحصائيات و مع الحصول أيضا على معرض لصور أو لاعلانات موقعك
لكن هو ليس مجرد كود واحد ,,, فهو اكثر من كود ويوضع في اكثر من مكان
برمجة الكود من قبل اخوكم sam hameed
|صورة للمعينة الكود الأحصائيات المطورة الجديدة |
https://i.servimg.com/u/f44/15/54/04/99/2011-035.jpg
أتبع الخطوات كما يلي :-
شرح تركيب الكود :
الخطوة الأولى :
نذهب الي أدارة التومبيلات لنركب بعض الأكواد على البوابة لنستطيع أظهارها على أخر الأحصائيات بشكلها الجديد
,,,
تابعني
,,,,,
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> أدارة عامة --overall_header
نقوم بلبحث عن الكود التالي و نقوم بحذفه
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>[b]الرمز:</td></tr><tr><td class="code">
<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 -->
</td></tr></table>
الكود موجود تقريبا في نهاية القالب
و نقوم بأستبدال مكانه بهاد الكود الجديد
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك الكود
<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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=https://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 --></td></tr></table>
</td></tr></table>
و من ثم نضغط سجل
ملاحظة ما تنسو تعملو نشر للقالب
الخطوة الثانية و هي الأهم :
و هي عبارة عن مرحلة لأضافة كود اخر المواضيع و كمان أفضل 10 أعضاء
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_posters
و نقوم بحذف الكود جميعه و نستبدله بلكود الجديد
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك الكود
<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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(https://2img.net/h/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="https://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="https://2img.net/h/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="https://2img.net/h/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>
</td></tr></table>
</td></tr></table>
أفضل 10 الأعضاء خلال هذة الأسبوع
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_post_users_week
و نقوم بحذف الكود جميعه و نستبدله بلكود الجديد
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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(https://2img.net/h/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="https://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="https://2img.net/h/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="https://2img.net/h/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></td></tr></table>
</td></tr></table>
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_top_post_users_month
و نقوم بحذف الكود جميعه و نستبدله بلكود الجديد
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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(https://2img.net/h/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="https://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="https://2img.net/h/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="https://2img.net/h/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></td></tr></table>
</td></tr></table>
و من ثم نضغط سجل
ملاحظة ما تنسو تعملو نشر للقالب
الخطوة الثالثة و هي الأهم و مهمتها تشغيل هيكلمة المواضيع :
و هي عبارة عن مرحلة لأضافة كود اخر المواضيع
لوحة أدارة >> مظهر المنتدى >> التومبلايتات و القوالب >> البوابة -- mod_recent_topics
و نقوم بحذف الكود جميعه و نستبدله بلكود الجديد
تنوية:-تفضل مشكورآ بوضع ردآ ليظهر لك بقية الموضوع والشرح
<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">
<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
</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(https://2img.net/h/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="https://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="https://2img.net/h/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> <font
color=#0072ff>{classical_row.recent_topic_row.L_TITLE}</font>
<b>تاريخ المساهمة :</b> <font
color=#ff0000>{classical_row.recent_topic_row.S_POSTTIME}</font>
','معلومات
الموضوع');" 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="https://2img.net/h/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>','عن الكاتب');"
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></td></tr></table>
</td></tr></table>
و من ثم نضغط سجل
ملاحظة ما تنسو تعملو نشر للقالب
الخطوة الرابعة :
سنقوم بتركيب عنصر أفضل 10 أعضاء و أخر 20 موضوع على رئيسية المنتدى لتظهر اخر المواضيع على المنتدى
شرح تركيب العناصر المستقلة على الرئيسية :
لوحة أدارة >> عناصر أضافية >> البوابة و العناصر >> إدارة العناصر المستقلة على المنتدى
/الإعدادات العامة للعناصر المستقلة على صفحات المنتدى/
و نقوم بوضع الأعدادات التالية :
كما في هاد الصوورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لاظهار اخر المواضيع و افضل 10 أعضاء علينا القيام بهاد الخطوة و هي ما قبل الخطوة الأخيرة
نذهب الي >> إدارة العناصر المستقلة على المنتدى
قم بعمل ما يلي في أدارة العناصر المستقلة كما في الصورة تماما
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الخطوة الأخيرة :
و الأن الخطوة الأخيرة و هي الأهم وهي يتوجب علينا تعين عدد مناسب من المواضيع لتتناسب مع الأحصائيات المطورة
أولأ نقوم بدخول على عنصر "أفضل 10 أعضاء في هذا المنتدى" عن طريق الزر التالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و نقوم بجعل الأعدادات كما في هاد الصوورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثانيا نقوم بدخول على عنصر "آخر المواضيع" عن طريق الزر التالي
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و نقوم بجعل الأعدادات كما في هاد الصوورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
و إلى هنا اخوانيـ
..ينتهي موضوعنا لهذا اليوم ..
في أمل اللقاء بكمـ
.إن شاء الله في مواضيع جديدة ..
والسلام عليكم و رحمة الله .[b].
|
|
|
أحدث الصور
الخميس 21 نوفمبر 2024, 2:48 am 
