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

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

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

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


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
ملابس شبابية صيفي بموديلات تجنن
ادم المثالي
للعريس ..طريقة تنسيق القمصان مع ربطات العنق
إزالة ترهلات ودهون البطن وأفضل وصفة
النصائح العشر قبل الخطوبة
شدّ الوجه في المنزل
معلومات عن شجرة الزيتون
النوم عند الذئاب
معلومات عن زهور الزنبق الأمازوني بالصور
تطعيم شجرة الزيتون
الثلاثاء 23 يوليو 2019, 8:32 pm
الثلاثاء 23 يوليو 2019, 8:30 pm
الثلاثاء 23 يوليو 2019, 8:30 pm
الثلاثاء 23 يوليو 2019, 8:29 pm
الثلاثاء 23 يوليو 2019, 8:28 pm
الثلاثاء 23 يوليو 2019, 8:25 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
الثلاثاء 23 يوليو 2019, 8:24 pm
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة
منصـورة

شاطر

قالب index_box الجديد

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

عدد المساهمات : 362
نقاطي : 528
السٌّمعَة : 0
دولتي : فلسطين
الجنس : ذكر
ممزآجي : قالب 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
ععمري : 29
دولتي : السعودية
الجنس : انثى
احترام قوانين المنتدى : قالب index_box الجديد  111010

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

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




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

قالب index_box الجديد

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
كاتب الموضوعرسالة
Mr.Abdelrhman
عضو مميز
عضو مميز
Mr.Abdelrhman

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

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

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




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

قالب index_box الجديد

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

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

قالب index_box الجديد  88a1852c5d656c5