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


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

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

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

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


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

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

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

اسم الموضوع: css جعل صورة العضو دائري بجوار اخر مساهمةالخميس 4 أكتوبر 2018 - 16:49 من طرفخادم الاسلام اسم الموضوع: [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017الخميس 4 أكتوبر 2018 - 16:30 من طرفخادم الاسلام اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالخميس 4 أكتوبر 2018 - 16:03 من طرفخادم الاسلام اسم الموضوع: [حصري][HTML] القنبلة الحصرية علبة الدردشة المتطورة لعام 2017الخميس 4 أكتوبر 2018 - 15:20 من طرفخادم الاسلام اسم الموضوع: جديد الاكواد انبثاق روابط المنتدى المميز و النادرالخميس 4 أكتوبر 2018 - 0:16 من طرفخادم الاسلام اسم الموضوع: كود جديد لعمل وصف انيق للصور والروابط والايقونات وكل شئ بالمنتدى 2015الخميس 4 أكتوبر 2018 - 0:06 من طرفخادم الاسلام اسم الموضوع: حصريا و جديد الاكواد تغيير ثيم المنتدى لعدة ألوانالأربعاء 3 أكتوبر 2018 - 23:33 من طرفخادم الاسلام اسم الموضوع: كود أظافة بادئة للمواضيع وختم للموضوعالأربعاء 3 أكتوبر 2018 - 23:32 من طرفخادم الاسلام اسم الموضوع: جديد التومبيلات ترقيم المساهمات للنسخ:Phpbb3 و Phpbb2الأربعاء 3 أكتوبر 2018 - 23:14 من طرفخادم الاسلام اسم الموضوع: تومبيلات لوضع صور الاعضاء في المتواجدون في المنتدى - حصري -الأربعاء 3 أكتوبر 2018 - 23:13 من طرفخادم الاسلام اسم الموضوع: تومبيلات شكل التقييم في المواضيع الاحترافيالأربعاء 3 أكتوبر 2018 - 23:08 من طرفخادم الاسلام

شاطر | 
 

  تومبلايت يضع المجموعة واخر احصائيات المنتدى بطريقة احترافية

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

avatar

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

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
http://baytdz.ahlamontada.com
موضوع: تومبلايت يضع المجموعة واخر احصائيات المنتدى بطريقة احترافية الأربعاء 20 مايو 2015 - 18:00


تومبلايت يضع المجموعة واخر احصائيات المنتدى بطريقة احترافية
الكود: تومبلايت يضع المجموعة واخر احصائيات المنتدى والخ.. بطريقة رائعة
كود جديد تومبلايت
الكود: تومبلايت يضع احصائيات واخر عضو مسجل والمتواجدون الان واحتفال الاعضاء بعيد مولدهم وايضا الدردشة
ملاحظة: الكود يعمل على جميع النسخ

صورة للمعاينه




بعد ما شوفنا صور عمل الكود ندخل على وضعه فى المنتدى

لوحة الاداره>>مظهر المنتدى>>التومبلايتات و القوالب>>إدارة عامة>>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="catHead" colspan="2" height="28">
        <span class="cattitle">   إحصائيات المنتدى</span>
        </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}
                       <p>[ <a href="/chatbox/index.forum?" target="_blank"فتح الدردشة فى صفحة مستقلة</a> ]</p>
                       <p>ادخل على الدردشة واذا كنت غير مرئى يرجى الدخول  </p>
              </div>
        
                  </div>
        </div>
                 </td>
              </tr>
           </table>

ثم نتوجه الى:

لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT

إدارة أكواد Javascript
تفعيل نظام إدارة أكواد Javascript : نعم
إنشاء كود جديد
العنوان * : أي شيء تريد
أضف الكود الى: الصفحة الرئيسية
ثم نضع الكود التالي:

       
الكود:
        
        $(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 الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم
css
   

           
الكود:

                              
                                #page-wrap td.row1 {
                                background-color: transparent;
                                padding: 0;
                                margin: 0;
                                }
                            
                                .button {
                                float: right;
                                cursor: pointer;
                                }
                            
        
                                #nwcontent {
                                background-color: #F5FFFA;
                                border: 1px 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: right;
                                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/snap0011.png") center top no-repeat;
                                color: #fff;
                                text-shadow: 1px 1px #688E23;
                                font-size: 13px;
                                font-weight: bolder;
                                }
                            
        
                                #pw1-button {
                                background: transparent url("http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png") center -40px no-repeat;
                                margin-right: 15px;
                                }
                  
ملاحظة: يمكنك تعديل على كود CSS كما تشاء
يمكنك من هنا تغيير للون الخلفية

يمكنك من هنا تغيير الصورة الى الشكل الذى تريد


الكود:
http://i44.servimg.com/u/f44/16/54/26/99/snap0011.png
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://baytdz.ahlamontada.com
 
تومبلايت يضع المجموعة واخر احصائيات المنتدى بطريقة احترافية
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

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

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

↑ Grab this Headline Animator

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