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

شكــرا
إدارـــ ة المنتدي
قالب index_box الجديد  3140768227
Black Love

منتدى طريق التطوير

طريق التطوير اكبر منتدى لخدمات تطوير المواقع والمنتديات { دعم ، تطوير ، تصميم ، اشهار }
 
الرئيسيةالرئيسية  البوابةالبوابة  التسجيلالتسجيل  دخولدخول    


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
تيربو1 لتقارير مواصفات وأسعار اخر موديلات السيارات
عضو جديد
كود لحذف تم تسجيل مساهمتك بنجاح في المساهمات [ 2013 ]
كود اختر استايلك المفضل من EgY Ghost
50 كود css يعمل على جميع نسخ المنتدى
[style] استايل برامج بتقنية جديدة تومبيلات
فكر دائماً بأنك مميز
![ عندمـا نكـون أوفيـاء ]!
وعصفت بى ريح الذكريات
فاقد الحياة بدونك ياحبيتى
الأربعاء 05 أغسطس 2020, 11:47 pm
الخميس 30 يوليو 2020, 1:25 pm
الجمعة 10 يوليو 2020, 11:32 pm
الجمعة 10 يوليو 2020, 11:32 pm
الجمعة 10 يوليو 2020, 9:49 pm
الجمعة 10 يوليو 2020, 9:41 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:08 pm
Hadeer Dodo
Castro
العراقي الطائي
العراقي الطائي
العراقي الطائي
العراقي الطائي
Castro
Castro
Castro
Castro

شاطر

قالب index_box الجديد

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

عدد المساهمات : 408
نقاطي : 593
السٌّمعَة : 1
دولتي : فلسطين
الجنس : ذكر
ممزآجي : قالب index_box الجديد  10z10
احترام قوانين المنتدى : قالب index_box الجديد  111010

قالب index_box الجديد  Empty
مُساهمةموضوع: قالب index_box الجديد قالب index_box الجديد  Emptyالسبت 30 يناير 2016, 2:09 pm

بسم الله الرحمن الرحيم
اعضاء و زوار طريق التطوير


جبت لكم كود جديد وهو عبارة عن قالب index_body بطريقة جديدة
وهو ينفع للمنتديات الي استايلاتها محولة من الفي بي


صورة للقالب
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
https://2img.net/h/oi67.tinypic.com/205xq48.png




شرح القالب
لوحة الاداره - مظهر المنتدى - ادارة التومبيلات - ادارة عامة - ندخل قالب index_box 
نحذف الي بداخله و نضع بداله هذا

الكود:
<script type="text/javascript" async="" src="https://d31qbv1cthcecs.cloudfront.net/atrk.js"></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script src="https://pagead2.googlesyndication.com/pub-config/ca-pub-6900972610056211.js"></script><script src="http://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js?v=388" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/yui/2.9.0/build/connection/connection-min.js?v=388" type="text/javascript"></script>
<script type="text/javascript">
&lt;!--
var SESSIONURL = "";
var SECURITYTOKEN = "guest";
var IMGDIR_MISC = "4algeria2015/misc";
var vb_disable_ajax = parseInt("1", 10);
// --&gt;
</script>
<script src="http://www.4algeria.com/vb/clientscript/vbulletin_global.js?v=388" type="text/javascript"></script>
<script src="http://www.4algeria.com/vb/clientscript/vbulletin_menu.js?v=388" type="text/javascript"></script>

<!-- Font Awesome & Foundation Icons -->
<link href="http://www.4algeria.com/vb/4algeria2015/css/font-awesome/css/font-awesome.min.css" type="text/css" rel="stylesheet">
<link href="http://www.4algeria.com/vb/4algeria2015/css/foundation-icons/foundation-icons.css" type="text/css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Tooltip -->
<link href="http://www.4algeria.com/vb/4algeria2015/css/tooltip.css" type="text/css" rel="stylesheet">
<link href="http://www.4algeria.com/vb/4algeria2015/css/tooltip-simptip.css" type="text/css" rel="stylesheet">
<!-- Category Menu List -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js" type="text/javascript"></script>
<script src="http://www.4algeria.com/vb/4algeria2015/js/category_menu.js" type="text/javascript"></script>
<script src="http://www.4algeria.com/vb/clientscript/ncode_imageresizer.js?v=1.0.1" type="text/javascript"></script>
<link href="http://www.4algeria.com/vb/clientscript/ncode_imageresizer.css?v=1.0.1" type="text/css" rel="stylesheet">
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="forumhomeTitleContainer">
<div class="forumhomeTitle" >

<span style="float:left; margin:4px 0px 0px 2px;"><a href="#top" onclick="return toggle_collapse('forumbit_38')">
<img id="collapseimg_forumbit_42" src="http://www.4algeria.com/vb/4algeria2015/buttons/collapse_tcat.gif" alt="" width="18px" height="18px" border="0" /></a></span>

<a colspan="{catrow.tablehead.INC_SPAN}">{catrow.tablehead.L_FORUM}</a>


         
<!-- END tablehead -->
    <!-- BEGIN cathead -->
          <!-- BEGIN inc -->


<tr align="center">
    <td style="padding:0;">
       
        <div class="img">
            <div class="top"></div>

            <div class="med"{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" /></div>
<!-- END inc -->
<div class="down"{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                    <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                </span>
            </h{catrow.cathead.LEVEL}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="center"> </td>
    </tr>
</div>
        </div>
    </td>


<div class="e-fourm-body-all">
<!-- END cathead -->
    <!-- BEGIN forumrow -->
   <div class="col-xs-12 col-md-1 text-center"></div>

</div>
<div class="forumhomeTitleRight" ></div>
</div>


<div id="collapseobj_forumbit_42" style="">

<div class="forumCategoryContainer">

<div class="forumCategoryIcon"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_80" /></div>

<div class="forumCategoryRight">
  <div id="">
<div class="tip">
<a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>
<blockquote class="tooltipL">{catrow.forumrow.FORUM_DESC}</blockquote>

</div>
</div>
<div class="forumCategoryInfo"><span class="fa fa-bars"> </span> ÇáãæÇÖíÚ: {catrow.forumrow.TOPICS}</div>
<div class="forumCategoryInfo"><span class="fa fa-comments"> </span> ÇáãÔÇÑßÇÊ: {catrow.forumrow.POSTS}</div>


<div class="forumCategorySub">
<span class="fa fa-crosshairs"> </span> ÇáãäÊÏíÇÊ ÇáÝÑÚíÉ:
<div class="forumCategorySubBox" style="display: none;"><ul><li>
</li><li>
<div class="fa fa-comments-o fa-lg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
</li>
</ul></div>
</div>
</div>


<div class="forumCategoryLeft">

<div class="forumbitavatar">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

</div>

<div style="margin-top:2px;" align="right">
<div style="padding-bottom:4px; white-space:nowrap;">
<a style="white-space:nowrap" >{catrow.forumrow.LAST_POST}</a>
</div>
</div>

</div>

<div class="tip" style="float:left; margin-top:12px;">
<span class="fa fa-rss-square" style="color:#FEFEFE; font-size: 14px;" />
</div>


<div class="tip forumCategoryViewing" style="cursor:pointer;">ÇáãÔÑÝíä<span class="tooltipR"><!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links --></span></div>

</div>
<div class="forumCategoryLine"></div>

   </div>
   

   
</div>

</div>
         
      </div>
   </div>
</div>

<!-- END forumrow -->
    <!-- BEGIN catfoot -->
        <!-- BEGIN inc -->
        <!-- END inc -->
            <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
   
</div>
<!--bdayh-->
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot --><!-- END catrow -->


ومن ثم ندخل الـ css ونضع الكود التالي



الكود:
.forumhomeTitleContainer {
    margin: 5px -20px 5px -7px;
    padding: 0;
}
.forumhomeTitleRight {
    background-color: black;
    border-radius: 0 0 10px;
    float: right;
    height: 4px;
    margin-right: 11px;
    padding: 0;
    width: 5px;
}
.forumhomeTitle {
 background-image: url('http://www.3bahrain.com/vb3/bh30_style/images/froum_head.gif');
    border-radius: 5px 5px 0;
    margin: 0 11px;
    padding: 6px;
    text-align: center;
}
.forumhomeTitle a {
    color: #fff;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #537d2d;
}
.forumhomeTitle:hover {
    opacity: 0.92;
}
.forumhomeright {
    margin-left: 170px;
    padding: 0;
}
.forumhomeleft {
    float: left;
    margin: 5px 0 0 5px;
    padding: 0;
    width: 160px;
}
.forumCategoryContainer {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}
.forumCategoryRight {
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    line-height: 15px;
    margin: 4px;
    padding: 4px;
    text-decoration: none;
    white-space: nowrap;
    width: 50%;
}
.forumCategoryLeft {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    float: left;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    line-height: 15px;
    margin: 4px;
    min-height: 55px;
    padding: 4px 4px 5px;
    text-decoration: none;
    width: 325px;
}
.forumCategoryLeft a {
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    text-decoration: none;
}
.forumCategoryLeft a:hover {
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    text-decoration: underline;
}
.forumCategoryIcon {
    color: #1f658b;
    float: right;
    margin: 8px 4px 0 0;
}
.forumCategoryLine {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #93c762;
    border-image: none;
    border-style: none none dotted;
    border-width: 0 0 1px;
    margin: 0 4px 6px 5px;
    padding: 0 0 6px;
}
.forumCategoryInfo {
    background-color: #d9ebeb;
    border-radius: 3px;
    color: #1f658b;
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 17px 0 0 5px;
    min-width: 120px;
    padding: 5px 6px;
    text-align: center;
}
.forumCategoryViewingOLD {
    background-color: #d5e9c0;
    border-radius: 3px;
    color: #557e2c;
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 15px 0 0 5px;
    min-width: 120px;
    padding: 5px 6px;
    text-align: center;
}
.forumCategoryViewing {
    background-color: #d5e9c0;
    border-radius: 0 16px 16px 0;
    color: #557e2c;
    float: left;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 38px 0 0 -17px;
    min-width: 33px;
    padding: 2px 4px 2px 0;
    text-align: center;
}
.forumCategorySub {
    background-color: #fed7ab;
    border-radius: 3px;
    color: #bd6402;
    cursor: pointer;
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 17px 0 0;
    min-width: 120px;
    padding: 5px 6px;
    text-align: center;
    text-decoration: none;
}
.forumCategorySub:hover {
    background-color: #d9ebeb;
    border-radius: 3px 3px 0 0;
    color: #1f658b;
    cursor: pointer;
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 17px 0 0;
    min-width: 120px;
    padding: 5px 6px;
    text-align: center;
    text-decoration: none;
}
.forumCategorySubBox {
    background: #ffffff none repeat scroll 0 0;
    border-color: #d9ebeb;
    border-style: solid;
    border-width: 4px 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    height: auto;
    margin: 4px -6px 0 0;
    min-width: 200px;
    padding: 0;
    position: absolute;
    z-index: 999;
}
.forumCategorySubBox ul {
    margin: 0;
    padding: 4px;
}
.forumCategorySubBox li {
    color: #1f658b;
    display: block;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: lighter;
    margin: 0;
    padding: 0;
    text-align: right;
}
.forumCategorySubBox li a {
    color: #1f658b;
    display: block;
    margin: 0;
    padding: 10px;
}
.forumCategorySubBox li a:hover {
    background-color: #d9ebeb;
    border-radius: 3px;
}
.forumbitavatar {
    float: right;
    height: 50px;
    margin: 0 0 0 10px;
    width: 50px;
}
.forumbitavatar img {
    background-color: #fcfcff;
    border: 1px solid #b3d892;
    border-radius: 4px;
    padding: 2px;
}
.forumCategorySub {
    background-color: #fed7ab;
    border-radius: 3px;
    color: #bd6402;
    float: right;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 11px;
    font-weight: lighter;
    margin: 17px 0 0;
    min-width: 120px;
    padding: 5px 6px;
    text-align: center;
}
.forumdisplaySubContaiber {
    background: #fefefe none repeat scroll 0 0;
    border: 1px solid #badc98;
    border-radius: 5px;
}
.forumdisplaySub {
    background-color: #fefefe;
    border-radius: 0 0 5px 5px;
    margin: 0;
    padding: 5px;
}
.forumdisplaytoptitle {
    background: #d5e9c0 none repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #557e2c;
    font-family: "Droid Arabic Kufi",Tahoma,Calibri,Verdana,Geneva,sans-serif;
    font-size: 13px;
    height: 28px;
    margin: 0;
    padding: 6px 12px 6px 6px;
    text-align: right;
}






انتهى الشرح  :يغلق: :وردة حمراء:
توقيع : ابو العصاصيم




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

قالب index_box الجديد

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

عدد المساهمات : 44
نقاطي : 47
السٌّمعَة : 13
ععمري : 30
دولتي : السعودية
الجنس : انثى
احترام قوانين المنتدى : قالب index_box الجديد  111010

قالب index_box الجديد  Empty
مُساهمةموضوع: رد: قالب index_box الجديد قالب index_box الجديد  Emptyالسبت 02 أبريل 2016, 5:11 pm

طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير
توقيع : JAR7




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

قالب index_box الجديد

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

عدد المساهمات : 861
نقاطي : 873
السٌّمعَة : 14
ععمري : 20
دولتي : مصر
الجنس : ذكر
ممزآجي : قالب index_box الجديد  11z10
احترام قوانين المنتدى : قالب index_box الجديد  111010

قالب index_box الجديد  Empty
مُساهمةموضوع: رد: قالب index_box الجديد قالب index_box الجديد  Emptyالخميس 20 سبتمبر 2018, 1:34 pm

شكرآ علي الطرح 
شكرآ علي أبداعكم
توقيع : Castro




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لشكوى على اعضاء فريق المنتدى هنا
لشكوى على اعضاء المنتدى هنا
لطلب تغيير الأسم هنا
  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

قالب index_box الجديد

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طريق التطوير :: اكواد احلى منتدى | T-ALTWER :: قسم اكواد TEMPLETE-
قالب index_box الجديد  Empty

قالب index_box الجديد  Oaoa10