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


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

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

الرئيسيةأحدث الصورالتسجيلدخول

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


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

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

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

المواضيع الأخيرة
» [template][حصري] اخر المواضيع للنسخة ModernBBBETA
قالب index box  الجميل Icon_minitime1الأربعاء 27 مارس 2024 - 2:03 من طرف th3free

» حصريا وجديد تومبيلات ستايل فور يمني الاحترافي مجانا هنا
قالب index box  الجميل Icon_minitime1الأحد 19 مارس 2023 - 0:50 من طرف th3free

»  [TEMPLATE] قالب index_box احترافي جدا
قالب index box  الجميل Icon_minitime1الأحد 19 مارس 2023 - 0:21 من طرف th3free

»  استايل حوف نت مجانا و بدون اخطاء
قالب index box  الجميل Icon_minitime1الإثنين 2 يناير 2023 - 16:04 من طرف asmaabaskota

» ستايل مالك العوامرة المميز و الاحترافي للنسخة الثالثة 2015
قالب index box  الجميل Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:06 من طرف المدير

» [STYLE]نسخة الجوال ابيض و اسود
قالب index box  الجميل Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:04 من طرف المدير

» ربح المال من كواي ، طريقة ربح 50جنية من تطبيق kwai وسحبها ع فودافون كاش
قالب index box  الجميل Icon_minitime1الإثنين 31 يناير 2022 - 19:25 من طرف المدير

» استايل سدير الفضي تومبيلات لمن يبحث عن السرعة والاناقة والجمال
قالب index box  الجميل Icon_minitime1الأربعاء 24 نوفمبر 2021 - 14:04 من طرف boualem

» تومبيلات استايل محول تطويري احترافي و مميز من تحويل JAR7
قالب index box  الجميل Icon_minitime1الأربعاء 24 نوفمبر 2021 - 13:52 من طرف boualem

» ستايل تومبيلات المعتمد لدى منتديات بيت الجزائر لكل العرب مجانا
قالب index box  الجميل Icon_minitime1الأربعاء 24 نوفمبر 2021 - 8:07 من طرف boualem

»  قالب index_box الجديد 2016
قالب index box  الجميل Icon_minitime1الأربعاء 18 أغسطس 2021 - 14:42 من طرف mc nabulsy

» استايل نسخة الجوال محولة من الفي بي لاحلى منتدى
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 19:06 من طرف DZWEB

» [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 18:55 من طرف DZWEB

» جديد 2016 تقنية الدخول للمنتدى مثل قوقل
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 18:41 من طرف DZWEB

» كود HTML لوحة اعلانات احترافية
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 18:31 من طرف DZWEB

» [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمال
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 13:40 من طرف DZWEB

»  [Javascript] يخبرك بآخر الزوار لملفك الشخصي لجميع النسخ phpbb2, phpbb3, punbb & invision!
قالب index box  الجميل Icon_minitime1السبت 20 مارس 2021 - 13:19 من طرف DZWEB

» حصريا كود جافا إخفاء الموضوع أو كود عن طريق ازرار الشبكات الاجتماعية
قالب index box  الجميل Icon_minitime1الجمعة 19 مارس 2021 - 17:55 من طرف DZWEB

» حصريا لدينا كود إضافة ازرار المشاركة في عارضة المنتدى
قالب index box  الجميل Icon_minitime1الجمعة 19 مارس 2021 - 17:53 من طرف DZWEB

» [JAVASCRIPT] منع الاستغلاليين من استخدام روابط Adfly على منتداك
قالب index box  الجميل Icon_minitime1الجمعة 19 مارس 2021 - 17:46 من طرف DZWEB

قالب index box  الجميل 13481589293

شاطر
 

 قالب index box الجميل

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

zizou75

البيانات
الجنس :
ذكر
عدد المساهمات :
233
السٌّمعَة :
17
تاريخ التسجيل :
27/09/2014

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: قالب index box الجميل قالب index box  الجميل Icon_minitime1الأحد 29 نوفمبر 2015 - 13:40


قالب index box الجميل
الشكل الأول
قالب index box  الجميل Mempxzfelw2k
الشكل الثاني
قالب index box  الجميل Aer3ej607hbj

وسيتم بأذن الله انزال بقية الاشكال من صندوق الفئات  

معلومآت آلگود :
 
آلنسخة : phpbb2
 
آلنوع : تومبيلات
 
طريقهّ آلترّگيّپ :


لوحة الادارة - مظهر المنتدى - التومبيلات القوالب
نعدل على
قالب index_box

نقوم بحذف جميع محتويات القالب ونستبدله بهذا الكود
نختار احد هذا الشكلين
هذا قالب الشكل الأول
الكود:

[code]    <!-- www.haya-m.net --><!-- BEGIN catrow --><!-- BEGIN forumrow -->
    <div class="Hbox"><div class="Hstyle"></div>
     <div class="Hbox1" align="center">
     <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
     <h{catrow.forumrow.LEVEL} class="hierarchy">
     <span class="forumlink">
     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
     </span>
     </h{catrow.forumrow.LEVEL}>      
               </div>

                         <div class="Hbox2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
     <span class="gensmall">
     <!-- BEGIN switch_moderators_links -->
     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
     <!-- END switch_moderators_links -->
     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
     </span></div>
                            <div class="Hbox3">
                      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                              </div>      
                
                         <div class="Hbox4"><center><strong>المواضيع</strong> {catrow.forumrow.TOPICS} | <strong>المشاركات</strong> {catrow.forumrow.POSTS} </center></div>
                        
                         </div>
     <!-- END forumrow -->
     <!-- BEGIN tablefoot -->
    <!-- END tablefoot --><!-- END catrow --><!-- www.haya-m.net -->[/code]
[color=#9400D3]هذا قالب الشكل الثاني [/color]
    <!-- www.haya-m.net --><!-- BEGIN catrow --><!-- BEGIN forumrow -->
    <div class="Hbox"><div class="Hstyle"><img src="http://2img.net/i/fa/subsilver/empty.gif" alt="{catrow.forumrow.U_VIEWFORUM}" /></div>
     <div class="Hbox1" align="center">
             <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          <h{catrow.forumrow.LEVEL} class="hierarchy">
             <span class="forumlink">
                   <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
             </h{catrow.forumrow.LEVEL}>          
               </div>

                         <div class="Hbox2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
             <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
             </span></div>
                            <div class="Hbox3">&nbsp;
                      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                              </div>      
                
                         <div class="Hbox4"><center><strong>المواضيع</strong> {catrow.forumrow.TOPICS} | <strong>المشاركات</strong> {catrow.forumrow.POSTS} </center></div>
                        
                         </div>
       <!-- END forumrow -->
       <!-- BEGIN tablefoot -->  
    <!-- END tablefoot --><!-- END catrow --><!-- www.haya-m.net -->
ثم نسجل

ومن لوحة الادارة - عناصر اضافية
مهم جدا وضع علامة صح على الصفحة الرئيسية والمنتديات الثانوية

ونضيف الكود
الكود:

    var copyright ="www.haya-m.net - haya @ Rights Reserved";
    // Avatar in index by mastersly phpbb2
        $(document).on('ready', function() {
            $(' .Hbox  .Hbox3').prepend('<div class="avatar-index"><div>');
            $(' .Hbox  .Hbox3  .avatar-index ').each(function () {
                var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');
                $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');
                $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');
            });
        });
    document.writeln("<style>.avatar-index { float: right; }.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 1px; }</style><script type='text/javascript' src='http://js.haya-m.net/box.js'></script>");
ونضيف الكود التالي

قالب css لشكل الأول
الكود:

    /*----- www.haya-m.net تنسيق الفئات  ---*/

    .Hbox{width:250px; height:340px; border:0px ; margin:5px;padding:0px; }
    .Hstyle{
      background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/911.png);
     width:250px;
     height:180px;}
    a.forumtitley{color:#FFF;padding:4px;margin-bottom:0;font-family:arial;
           font-size:16px;
           font-weight:bold;}
    .Hbox1{background:#FFFFFF;color:#FFF;padding:4px;margin-bottom:0; }
    .Hbox2{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }
    .Hbox3{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }
    .Hbox4{  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1110.gif);
      color:#000000;padding:4px;margin-bottom:0 }
قالب css لشكل الثاني
الكود:
    /*----- www.haya-m.net تنسيق الفئات  ---*/

    .Hbox{width:250px; height:340px; border:0px ; margin:5px;padding:0px; }
    a.forumtitley{color:#FFF;padding:4px;margin-bottom:0;font-family:arial;
           font-size:16px;
           font-weight:bold;}
    .Hbox1{background:#FFFFFF;color:#FFF;padding:4px;margin-bottom:0; }
    .Hbox2{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }
    .Hbox3{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }
    .Hbox4{  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1110.gif);
      color:#000000;padding:4px;margin-bottom:0 }


    .Hstyle img[alt^="/f1"]{
      background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/99000010.png);
       width:250px;
       height:180px;}

    .Hstyle img[alt^="/f2"]{
      background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/untitl10.png);
       width:250px;
       height:180px;}

    .Hstyle img[alt^="/f3"]{
      background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/untitl11.png);
       width:250px;
       height:180px;}
ملاحظة مهمة : في الشكل الثاني لتخصيص صورة لكل فئة نضع هذا الكود مع تغير رقم الفئة

الكود:
    .Hstyle img[alt^="/f0"]{
      background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/untitl11.png);
       width:250px;
       height:180px;}
وانتهينا ومبروك عليكم الشكل الجديد للفئات

آن شآء آلله يعچپگم آلگودّ
يمنع منعا باتا حذف حقوق صاحب الكود هياااء محمد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
المعلومات
الكاتب:
monirdahmanie
اللقب:
الرتبه:
الصورة الرمزية


البيانات
الجنس :
ذكر
عدد المساهمات :
221
السٌّمعَة :
25
تاريخ التسجيل :
18/10/2015

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: رد: قالب index box الجميل قالب index box  الجميل Icon_minitime1الإثنين 30 نوفمبر 2015 - 11:37


رد: قالب index box الجميل
رائع اخي دائما مميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
قالب index box الجميل
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [تومبيلات] قالب index box جميل وبسيط
» قالب البيانات الشخصية كما في منتدانا
»  [Template] البيانات الشخصية الجميل
»  [TEMPLATE] قالب index_box احترافي جدا
» قالب index_box شكل احترافي للآقسام

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

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

↑ Grab this Headline Animator

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