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


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

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

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

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


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

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

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

اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -الأربعاء 13 ديسمبر 2017 - 16:42 من طرفrana778 اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتديالأربعاء 13 ديسمبر 2017 - 16:25 من طرفrana778 اسم الموضوع: قالب زخرفة الاسماء حصريالثلاثاء 12 ديسمبر 2017 - 17:35 من طرفالمدير اسم الموضوع: [Javascript] إدراج صورة برابط الموجود في ازرار صندوق الرد يعمل على جميع النسخالإثنين 11 ديسمبر 2017 - 20:17 من طرفrana778 اسم الموضوع: [Javascript] تغيير تحميل الصور الافتراضي بمركز imgur uploaderالإثنين 11 ديسمبر 2017 - 17:29 من طرفth3free اسم الموضوع: حصرياً كود [Javascript] صندوق الأكواد بمميزات احترافيةالإثنين 11 ديسمبر 2017 - 17:05 من طرفth3free اسم الموضوع: [JAVASCRIPT]خاصية جديدة لنسخ الكود و بدون تظليلالإثنين 11 ديسمبر 2017 - 16:45 من طرفth3free اسم الموضوع: [Javascript]+[Css] زر الملاحظة فى الصندوق الماسى الإثنين 11 ديسمبر 2017 - 16:02 من طرفth3free اسم الموضوع: طريقة فصل أكواد CSS عند وضع أي كودالإثنين 11 ديسمبر 2017 - 15:17 من طرفth3free اسم الموضوع: الكود الحصري جدا إطار احترافي على صندوق الاكواد في المواضيع مع مميزات لن تجدها الا هناالإثنين 11 ديسمبر 2017 - 15:04 من طرفth3free اسم الموضوع: css تضليل الكتابة حصريا هناالإثنين 11 ديسمبر 2017 - 14:28 من طرفth3free اسم الموضوع: حصرياً كود [Css] لوضع عبارة تم إظهار المحتوى المخفى الإثنين 11 ديسمبر 2017 - 14:22 من طرفth3free

شاطر | 
 

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

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

avatar

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

التوقيت

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


قالب index box الجميل
الشكل الأول

الشكل الثاني


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

معلومآت آلگود :
 
آلنسخة : 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://illiweb.com/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
اللقب:
الرتبه:
الصورة الرمزية


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

التوقيت

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


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

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

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

↑ Grab this Headline Animator

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