تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
+5
FARES
وسام للكومبيوتر
K!M0
dourjan
hamsa-haq
9 مشترك
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 1 من اصل 1
تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
بسم الله الرحمن الرحيم
اخواني اعضاء وزوار مركز الاعتمادات العربي اهلا ومرحبا بكم
واليوم زي كل مرة اقدم لكم كود جديد وحصري على المنتديات العربية
والكود لمن يملك حق التعديل على التومبيلات
تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
صورة توضيحية عن عمل الكود
https://i.servimg.com/u/f58/15/96/93/59/pp10.png
والان نبدء بسم الله
الكود مقسوم الى 3 اقسام
+++
أكواد Javascript
اولا تفضلو كود JAVASCRIPT
أكواد Javascript
العنوان
ضع اسم للكود
مثلا
احصائيات 2014
أضف الكود الى :
نختار
جميع الصفحات
والان تفضلو الكود
+++
والان القسم الثاني
أكواد CSS
الصور و الألوان
أكواد CSS
ورقة ال CSS
ونضيف الكود ونضغط على سجل
تفضلو الكود
ملاحظة صغيرة
يمكنك تغير رابط الايقوانة بان تختار اللون المناسب لك
https://i.servimg.com/u/f44/16/54/26/99/snap0011.png
او
https://i.servimg.com/u/f44/16/54/26/99/snap0013.png
+++
والان جاء دور التومبيلات
نذهب الى لوحة الادارة
التومبلايتات و القوالب
إدارة عامة
index_body
ونبحث في القالب عن التالي
ونحذفه
ونستبدله بهذا الكود
وفي الختام مطلوب منكم شيئ واحد وهو الدعاء لي بالشفاء
اختكم بالله
hamsa-haq
ودمتم بالف خير
+++
اخواني اعضاء وزوار مركز الاعتمادات العربي اهلا ومرحبا بكم
واليوم زي كل مرة اقدم لكم كود جديد وحصري على المنتديات العربية
والكود لمن يملك حق التعديل على التومبيلات
تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
صورة توضيحية عن عمل الكود
https://i.servimg.com/u/f58/15/96/93/59/pp10.png
والان نبدء بسم الله
الكود مقسوم الى 3 اقسام
+++
أكواد Javascript
اولا تفضلو كود JAVASCRIPT
أكواد Javascript
العنوان
ضع اسم للكود
مثلا
احصائيات 2014
أضف الكود الى :
نختار
جميع الصفحات
والان تفضلو الكود
- الكود:
$(function(){
$("#pw2-button, #pw3-button, #pw4-button").css({
'background-position' : 'center top', 'opacity' : '0.95'
});
$("#pw1-button").css({'background-position' : 'center -30px'});
$("#page-wrap div.button").click(function(){
$clicked = $(this);
if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
$clicked.animate({
opacity: 1, backgroundPosition: '0 -30px'
}, 60 );
var idToLoad = $clicked.attr("id").split('-');
$("#nwcontent").find(".list:visible").fadeOut(60, function(){
$(this).parent().find("#"+idToLoad[0]).fadeIn();
})
}
$clicked.siblings(".button").animate({
opacity: 0.95, backgroundPosition: '0 0'
}, 60 );
});
});
+++
والان القسم الثاني
أكواد CSS
الصور و الألوان
- الوان
أكواد CSS
ورقة ال CSS
ونضيف الكود ونضغط على سجل
تفضلو الكود
- الكود:
//hamsa-haq-كود احصائيات للمنتدى 2014//
#page-wrap td.row1 {
background-color: transparent;
padding: 0;
margin: 0;
}
.button {
float: left;
cursor: pointer;
}
#nwcontent {
background-color: #F5FFFA;
border: 6px solid #DDF7C6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin: 0 3px 3px;
padding: 5px;
}
#pw1 {
display: block;
}
#pw2, #pw3, #pw4 {
display: none;
}
#pw1, #pw2, #pw3, #pw4 {
padding: 3px;
text-align: left;
font-size: 10px;
}
#pw1 a:hover, #pw2 a:hover, #pw3 a:hover, #pw4 a:hover {
text-decoration: none !important;
}
#pw1-button, #pw2-button, #pw3-button, #pw4-button {
display: block;
width: 150px;
height: 30px;
margin: 2px 2px 0 0;
text-align: center;
line-height: 30px;
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0013.png") center top no-repeat;
color: #fff;
text-shadow: 2px 1px #688E23;
font-size: 13px;
font-weight: bolder;
}
#pw1-button {
background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0013.png") center -40px no-repeat;
margin-left: 15px;
}
//hamsa-haq-نهاية كود احصائيات للمنتدى 2014//
ملاحظة صغيرة
يمكنك تغير رابط الايقوانة بان تختار اللون المناسب لك
https://i.servimg.com/u/f44/16/54/26/99/snap0011.png
او
https://i.servimg.com/u/f44/16/54/26/99/snap0013.png
+++
والان جاء دور التومبيلات
نذهب الى لوحة الادارة
التومبلايتات و القوالب
إدارة عامة
index_body
ونبحث في القالب عن التالي
ونحذفه
- الكود:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
ونستبدله بهذا الكود
- الكود:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<td class="hamsa-haq" colspan="2" height="28">
</td>
<tr>
<td
class="row1" rowspan="6" align="center" valign="middle"><img
src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}"
/></td>
<td>
<div id="page-wrap">
<div id="pw1-button" class="button">المتواجدون الآن</div>
<div id="pw2-button" class="button">اعياد الميلاد</div>
<div id="pw3-button" class="button">الاحصائيات</div>
<div id="pw4-button" class="button">الشات</div>
<div class="clear"></div>
<div id="nwcontent">
<div id="pw1" class="list">
<b>المتواجدون الآ بالمنتدي ؟</b>
<hr />
<p>{TOTAL_USERS_ONLINE}</p>
<p>{RECORD_USERS}</p>
<p>{LOGGED_IN_USER_LIST}</p><p>{L_ONLINE_USERS}</p><table>{L_CONNECTED_MEMBERS}</table>
</div>
<div id="pw2" class="list">
<b>الاعضاء المحتفلون اليوم بعيد ميلادهم !</b>
<hr />
<table>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</table>
</div>
<div id="pw3" class="list">
<b>الاحصائيات</b>
<hr />
<p>{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
<p>{LEGEND} : {GROUP_LEGEND}</p>
</div>
<div id="pw4" class="list">
<b>صندوق المحادثات المنتدى</b>
<hr />
{CHATBOX_BOTTOM}
</div>
</div>
</div>
</td>
</tr>
</table>
<!//-- hamsa-haq --//]]>
وفي الختام مطلوب منكم شيئ واحد وهو الدعاء لي بالشفاء
اختكم بالله
hamsa-haq
ودمتم بالف خير
+++
رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
شكرا لك اختي همسة انت دائما تفاجئينا باعمالك الرائعة
شكرا لك والله يشفيك باذن الله
تم التقيم
شكرا لك والله يشفيك باذن الله
تم التقيم
dourjan- عضو جديد
-
عدد المساهمات : 192
التقييم : 0
احترام قوانين المنتدى :
رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
اسعد الله قلبكـِ وامتعه بالخير دوماً
على الطرح الرائع
تــ ح ــياتيـ لكــِ
كل الود والتقدير
على الطرح الرائع
تــ ح ــياتيـ لكــِ
كل الود والتقدير
دمتِ برضى من الرح ــمن
رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
ما شاء الله
مشكور على الكود المميز
:karlhff:
مشكور على الكود المميز
:karlhff:
أحلى تطوير- عضو سوبر
-
عدد المساهمات : 2637
التقييم : 0
العمر : 34
احترام قوانين المنتدى :
مواضيع مماثلة
» cssكود الاقسام الفرعية بالشكل الجديد مقدم من hamsa-haq
» [حصري] كود عمل زوم عند مرور الماوس على اسم اقسام للمنتدى(hamsa-haq)
» شريط الاهدائات بالشكل الجديد من تعديلي
» كود افضل 10 احصائياتك بالشكل الجديد من وزير الاكواد على على طبق من ذهب
» حصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 من hamsa-haq
» [حصري] كود عمل زوم عند مرور الماوس على اسم اقسام للمنتدى(hamsa-haq)
» شريط الاهدائات بالشكل الجديد من تعديلي
» كود افضل 10 احصائياتك بالشكل الجديد من وزير الاكواد على على طبق من ذهب
» حصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 من hamsa-haq
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات :: ملتقى الدعم و التطوير :: قسم الاكواد و التقنيات
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى