منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: [html] للقران الكريم بصوت فضيلة الشيخ سعد الغامدىالخميس 20 سبتمبر 2018 - 21:57 من طرفخادم الاسلام اسم الموضوع: كود ماوس سبحان الله و بحمده حصريا هناالخميس 20 سبتمبر 2018 - 21:55 من طرفخادم الاسلام اسم الموضوع: كود css صورة داخل صندوق الردالخميس 20 سبتمبر 2018 - 21:17 من طرفخادم الاسلام اسم الموضوع: كود [css]+[javascript] لتطوير تايتل المنتدى بإنسيابية مميزة و احترافيةالخميس 20 سبتمبر 2018 - 21:13 من طرفخادم الاسلام اسم الموضوع: حصريا و بانفراد تام كود انبثاق الصور الجديد في المواضيعالخميس 20 سبتمبر 2018 - 20:30 من طرفخادم الاسلام اسم الموضوع: [Javascript] التحكم الكامل في شريط الاشعارات المتقدم من تعديلي و تعريبيالخميس 20 سبتمبر 2018 - 20:30 من طرفخادم الاسلام اسم الموضوع: كود جافا سكربت مدعوم بالسي اس اس لاضافة ازرار تنبية للادارة الخميس 20 سبتمبر 2018 - 20:19 من طرفخادم الاسلام اسم الموضوع: Javascript اضافة أكثر من 100 ايقونة بصندوق الكتابةالخميس 20 سبتمبر 2018 - 20:07 من طرفخادم الاسلام اسم الموضوع: جافا صورة الشخصية للعضو في شريط عارضة المنتدىالخميس 20 سبتمبر 2018 - 20:06 من طرفخادم الاسلام اسم الموضوع: [Javascript] يقوم بمعاينة و عرض المجموعات بانبثاق احترافيالخميس 20 سبتمبر 2018 - 20:02 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT]خاصية جديدة لنسخ الكود و بدون تظليلالخميس 20 سبتمبر 2018 - 19:58 من طرفخادم الاسلام اسم الموضوع: Javascript تقييم five stars للمواضيع المميزة بعدة اشكال.الخميس 20 سبتمبر 2018 - 19:40 من طرفخادم الاسلام

شاطر | 
 

 [TEMPLATE]وضع احصائيات للمنتدى بالشكل الجديد 2014

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
المدير
اللقب:
Admin
الرتبه:
Admin
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
1348
السٌّمعَة :
37
تاريخ التسجيل :
28/08/2014
الموقع :
بيت الجزائر لكل العرب

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: [TEMPLATE]وضع احصائيات للمنتدى بالشكل الجديد 2014 الخميس 1 يناير 2015 - 17:04


[TEMPLATE]وضع احصائيات للمنتدى بالشكل الجديد 2014
 صورة توضيحية عن عمل الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


والان نبدء بسم الله
 الكود مقسوم الى 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//
ملاحظة صغيرة

 يمكنك تغير رابط الايقوانة بان تختار اللون المناسب لك

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
او
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


+++

 والان جاء دور التومبيلات


 نذهب الى لوحة الادارة

   التومبلايتات و القوالب

إدارة عامة


 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 --//]]>

يمنع حذف حقوق صاحبة الكود من الكود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
[TEMPLATE]وضع احصائيات للمنتدى بالشكل الجديد 2014
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» Avira Premium Security Suite 9.0.0.387 + key 2014
» تسريب اقوى مراجعة ديناميكا بخط اليد بها كل اسئلة امتحان ديناميكا 3 ثانوى نظام حديث 2014

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: اكواد تومبيلات | Template code
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | الحصول على منتدى | العلم و المعرفة | اخر... | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | احدث مدونتك