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

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

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


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


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
معلمة خصوصي بجدة تجي البيت 0538226807
معلمة تأسيس ابتدائي بجدة 0537655501
معلمين ومعلمات خصوصي بالرياض 0537655501
معلمة انترناشونال في مكة المكرمة 0537655501
معلمة خصوصي بالرياض 0537655501
معلمة خصوصي بالرياض 0537655501
أهم الأجهزة الذكية لبناء مكاتب عصرية ومتطورة
أفضل معلمة خصوصية في الرياض لجميع المراحل الدراسية 0537655501
معلمة تأسيس وتحفيظ القرآن بمكة المكرمة 0537655501
مدرسة تأسيس قدرات حي المروج بتبوك 0537655501
الخميس 21 نوفمبر 2024, 2:48 am
الأربعاء 13 نوفمبر 2024, 2:33 am
الثلاثاء 05 نوفمبر 2024, 1:46 am
الإثنين 28 أكتوبر 2024, 4:25 pm
الإثنين 21 أكتوبر 2024, 1:10 am
الإثنين 21 أكتوبر 2024, 12:58 am
الإثنين 14 أكتوبر 2024, 10:28 pm
الأربعاء 09 أكتوبر 2024, 5:13 am
الثلاثاء 01 أكتوبر 2024, 12:46 am
الأحد 22 سبتمبر 2024, 5:28 am











شاطر

قالب 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
ععمري : 34
دولتي : السعودية
الجنس : انثى
احترام قوانين المنتدى : قالب index_box الجديد  111010

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

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




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

قالب index_box الجديد

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

Castro

عدد المساهمات : 883
نقاطي : 895
السٌّمعَة : 14
ععمري : 28
دولتي : مصر
الجنس : ذكر
ممزآجي : قالب 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