تعديل القوالب المشكلة الاولى ؟؟!!

3 مشترك

اذهب الى الأسفل

تعديل القوالب المشكلة الاولى ؟؟!! Empty تعديل القوالب المشكلة الاولى ؟؟!!

مُساهمة من طرف احتاج المساعدة بصدق الجمعة 29 مايو 2015 - 8:28

السلام عليكم ورحمة الله وبركاته

تحية طيبة عطرة برياحين الود وعبق التواصل الحسن

اما بعد

يسعد صباحكم \ مساءكم بكل الخير

استسمحكم عذرا واستلهمكم حلما

عندي مشكلة في القوالب

انا كنت ارسلت للدعم مشكلة بهذا الخصوص وقالو لي لازم اشتري اعتمادات حتى استطيع
التعامل مع القوالب والتومبيلات

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

وعشان كدا لجأت لكم بعد الله

اول مشكلة انا اريد تغيير تقسيم الجداول بالصفحة الرئيسية

واتيت بصورة للمشكلة حتى تتفهموا مطلوبي

الصورة الاولى

تعديل القوالب المشكلة الاولى ؟؟!! W-8bf9342d49

التقطت هذه الصورة من صفحة احد المنتديات وقمت بطمسها

يظهر هنا تقسيم جدول المنتديات في الصفحة الرئيسية بالشكل الاحترافي الجميل

واليكم الصورة الثانية للتوضيح

تعديل القوالب المشكلة الاولى ؟؟!! W-27b40f121b


هنا اوضحت الشكل الذي يظهر امامي والذي اتمنى ان احصل على مثله في منتداي

واليكم الصورة الثالثه


تعديل القوالب المشكلة الاولى ؟؟!! W-a08cb809bf


هذه الصورة من منتداي

طبعا الفرق واضح لحضرتكم بين الصورتين

المطلوب من سماحتكم

اولا .. اريد الكود الذي يمكنني من جعل التقسيمات في منتداي مثل ما هو في الصورة الاولى

ثانيا .. استسمحكم في ان تعلموني كيف اركب الكود لانني عديم الخبرة

انتظر جوابكم

في رعاية الله
احتاج المساعدة بصدق
احتاج المساعدة بصدق
 
 

ذكر
عدد المساهمات : 75
معدل النشاط : 3484
السُمعة : 0

http://www.5olo0od-el-hams.ahlamuntada.com

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

تعديل القوالب المشكلة الاولى ؟؟!! Empty رد: تعديل القوالب المشكلة الاولى ؟؟!!

مُساهمة من طرف {Lone~Wolf} الجمعة 29 مايو 2015 - 10:19

مرحبآ, إذا مُختصر الكلام تُريد أن تضيف خانة "المراقبين" وتغيير مكان آخر مُساهمه بعد أسم الفئه. اهذا ما تُريد فعله؟
{Lone~Wolf}
{Lone~Wolf}
 
 

ذكر
عدد المساهمات : 3575
معدل النشاط : 9409
السُمعة : 160

https://help.ahlamontada.com/u16282

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

تعديل القوالب المشكلة الاولى ؟؟!! Empty رد: تعديل القوالب المشكلة الاولى ؟؟!!

مُساهمة من طرف احتاج المساعدة بصدق الإثنين 1 يونيو 2015 - 7:15

نعم يا اخي هذا ما اريد فعله

فكيف يمكنني ان افعل ذلك ؟
احتاج المساعدة بصدق
احتاج المساعدة بصدق
 
 

ذكر
عدد المساهمات : 75
معدل النشاط : 3484
السُمعة : 0

http://www.5olo0od-el-hams.ahlamuntada.com

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

تعديل القوالب المشكلة الاولى ؟؟!! Empty رد: تعديل القوالب المشكلة الاولى ؟؟!!

مُساهمة من طرف YasirAyad الإثنين 1 يونيو 2015 - 13:18

مرحبا بك اخي العزيز 


تم تصميم حسب رغبتك 


https://i.servimg.com/u/f18/15/90/68/93/2015-010.png
تعديل القوالب المشكلة الاولى ؟؟!! 2015-010

طريقه تركيبة 

اذهب الى التومبلايت ثم قالب index_box
ضع الكود التالي

الكود:
 
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
        <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <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 --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>  
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
        <th nowrap="nowrap" width="50">{L_POSTS}</th>
        <th nowrap="nowrap" width="150"><div style="width:150px;">المشرفون</div></th>
    </tr>
    <!-- END tablehead -->
    <!-- BEGIN cathead -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{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="4" align="right">&nbsp;</td>
    </tr>
    <!-- END cathead -->
    <!-- BEGIN forumrow -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <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}>
            <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
            <span class="gensmall">
                <div class="subforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
            </span>
        </td>
        <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
      
        <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.TOPICS}</span>
        </td>
        <td class="row2" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.POSTS}</span>
        </td>
        
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
        <td class="row2" colspan="3" align="center" valign="middle" height="50"><span class="gensmall"><!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links --></span></td>
    </tr>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
    </tr>
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

ثم ضع كود CSS

الكود:
td.row1, td.row1.over:hover {
  background-color: #D0FA92;
}

td.row3 {
  background-color: #D0FA92;
}

td.row1.over:hover, td.row2 {
  background-color: #D0FA92;
}

th {
  background-color: #97B334;
  background-image: url(http://www.osp.cuhk.edu.hk/assets/img/in-banner-green.png);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  height: 25px;
  padding: 2px 3px;
}

.forumline {
  background-color: #fff;
  border: 2px rgba(165, 195, 61, 0.51) solid;
  background: none repeat scroll 0 0 #719141;
  border: 3px solid #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -webkit-box-shadow: 0 0 3px #ccc;
  -moz-box-shadow: 0 0 3px #ccc;
  box-shadow: 0 0 3px #C6FF00;
  padding: 2px;
}


td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
  border: #fff;
  background-color: #E0FFB3;
  background-image: url(http://www.osp.cuhk.edu.hk/assets/img/in-banner-green.png);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  height: 25px;
  padding: 2px 3px;
}

silent
YasirAyad
YasirAyad
 
 

ذكر
عدد المساهمات : 10113
معدل النشاط : 15262
السُمعة : 297

http://yasirayad.com/

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

تعديل القوالب المشكلة الاولى ؟؟!! Empty رد: تعديل القوالب المشكلة الاولى ؟؟!!

مُساهمة من طرف احتاج المساعدة بصدق الخميس 4 يونيو 2015 - 12:30

شكرا جزيلا لك لقد تم تركيب الكود وبالفعل النتيجة روعة بمعنى الكلمة


سعادتي يعقبها سلامي
احتاج المساعدة بصدق
احتاج المساعدة بصدق
 
 

ذكر
عدد المساهمات : 75
معدل النشاط : 3484
السُمعة : 0

http://www.5olo0od-el-hams.ahlamuntada.com

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

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى