مركز الإعتمادات العربى
مرحبا بك في مركز الإعتمادات العربي

تشرفنا زيارتك لنا وندعوك الى التسجيل وانضمام لنا والتمتع بخدماتنا المتميزة

مركز الإعتمادات العربى

إعتمادات أحلى منتدى , خدمات الإعتمادات و المعاملات المالية
 
الرئيسيةالرئيسية  البوابةالبوابة  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
hamsa-haq
عضو سوبر
عضو سوبر


انثى
عدد المساهمات : 1755
التقييم : 31
العمر : 52
احترام قوانين المنتدى :

مُساهمةموضوع: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 27 يناير - 0:33

بسم الله الرحمن الرحيم

 اخواني اعضاء وزوار مركز الاعتمادات العربي اهلا ومرحبا بكم

  واليوم زي كل مرة اقدم لكم كود جديد وحصري على المنتديات العربية

والكود لمن يملك حق التعديل على التومبيلات

 تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)


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


https://i58.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://i44.servimg.com/u/f44/16/54/26/99/snap0011.png
او
https://i44.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
ودمتم بالف خير
+++


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.hamsahaq.com
زائر
زائر



مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 27 يناير - 17:35

ينقل للقسم المناسب

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


ذكر
عدد المساهمات : 193
التقييم : 0
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 27 يناير - 21:42

شكرا لك اختي همسة انت دائما تفاجئينا  باعمالك الرائعة

 شكرا لك والله يشفيك باذن الله
 تم التقيم

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



ذكر
عدد المساهمات : 1173
التقييم : 24
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 27 يناير - 21:45

كود اكثر من رائع


مشكور جدا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://Yalla4u.0wn0.Com/
وسام للكومبيوتر
عضو سوبر
عضو سوبر


ذكر
عدد المساهمات : 7109
التقييم : 8
العمر : 28
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الخميس 20 مارس - 19:20

مشكور جدا

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.br3k.com/vb/
FARES
عضو سوبر
عضو سوبر



ذكر
عدد المساهمات : 13535
التقييم : 45
العمر : 35
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الثلاثاء 1 أبريل - 14:31

اسعد الله قلبكـِ وامتعه بالخير دوماً
على الطرح الرائع
تــ ح ــياتيـ لكــِ
كل الود والتقدير
دمتِ برضى من الرح ــمن

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.a7la-7ekaya.com/
AmEr DeSiGN
عضو سوبر
عضو سوبر


ذكر
عدد المساهمات : 18267
التقييم : 0
العمر : 17
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 7 أبريل - 6:17

شكرا لك

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ibda3araby.com/
منصورة
عضو سوبر
عضو سوبر



انثى
عدد المساهمات : 1162
التقييم : 4
العمر : 53
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 7 أبريل - 23:24

ما شاء الله
مشكور على الكود المميز
:karlhff:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://manssora.yoo7.com/
أحلى تطوير
عضو سوبر
عضو سوبر


ذكر
عدد المساهمات : 2638
التقييم : 0
العمر : 26
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   السبت 10 مايو - 20:04

شكرا على الموضوع

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



ذكر
عدد المساهمات : 11207
التقييم : 5
العمر : 19
احترام قوانين المنتدى :

مُساهمةموضوع: رد: تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)   الإثنين 7 يوليو - 23:27

شكراً

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://khlykco0ol.egyptfree.net/
 
تومبيلات كود وضع احصائيات للمنتدى بالشكل الجديد 2014(hamsa-haq)
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مركز الإعتمادات العربى :: دعم وتطوير المواقع و المنتديات ::   :: قسم الاكواد و التقنيات-