مساعدة في تركيب كود !

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

مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في السبت 5 مايو 2012 - 16:28

السلام عليكم
تحية طيبة

كيف اركب هذا الكود على الاقسام بالتمبلات او غيرة:
كود وضع اطار من كل الجهات (مطور ومتوافق مع كل المتصفحات)

ولكم الشكر
avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف مودي م في السبت 5 مايو 2012 - 17:36

كود الهتمل في العنصر المستقله
هل هذا هو المطلوب؟
avatar
مودي م
 
 

ذكر
عدد المساهمات : 3363
معدل النشاط : 7250
السُمعة : 20

https://www.facebook.com/mody.net4

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في السبت 5 مايو 2012 - 17:50

لا صديقي

اقصد تركيب الكود الموجود بالموضوع اعلاه
في الاقسام يعني اريد اعمل اطار الاقسام بهذه الطريقة

اكيد بالتمبلات ولكن كيف اضيفة بالتمبلايت ؟
avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف مودي م في السبت 5 مايو 2012 - 18:02

الاول html
لوة الاداره_عناصر اضافيه_البوابه والعناصر_ادارة العناصر المستقله
الثاني css
لوحة الاداره_مظهر المنتدى_الصور والالوان_ورقة تصميم css
avatar
مودي م
 
 

ذكر
عدد المساهمات : 3363
معدل النشاط : 7250
السُمعة : 20

https://www.facebook.com/mody.net4

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في السبت 5 مايو 2012 - 18:10

@مودي م كتب:الاول html
لوة الاداره_عناصر اضافيه_البوابه والعناصر_ادارة العناصر المستقله
الثاني css
لوحة الاداره_مظهر المنتدى_الصور والالوان_ورقة تصميم css

وهل بهذه الطريقة يفعل اطار حول الاقسام ؟ ( الفئات)
avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف مودي م في السبت 5 مايو 2012 - 18:17

لم اجربه ولكني اظن ذلك
avatar
مودي م
 
 

ذكر
عدد المساهمات : 3363
معدل النشاط : 7250
السُمعة : 20

https://www.facebook.com/mody.net4

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف ابن الاسلام في السبت 5 مايو 2012 - 18:32

هل لديك خاصيه تعديل التومبيلات؟
اذا كان نعم فأدخل الى لوحه الاداره
مظهر المنتدى
التومبيلات والقوالب
اداره عامه
قالب index_box

وستبحث فى القالب عن
الكود:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
وتضع الجزء الثالى من الكود اسفلها تماما
الكود:
<!-- Box >> Start -->
<div class="box">
 
    <!-- Box Header >> Start -->
    <div class="box-header">
        <div class="box-header-right"></div>
        <div class="box-header-left"></div>
    <!-- Box Header >> End -->
    </div>
 
    <!-- Box Body >> Start -->
    <div class="box-body">
        <div class="box-body-right">
        <div class="box-body-left">
ثم تبحث عن
الكود:
    <!-- BEGIN tablefoot -->
وستضع الكود التالى اسفلها تماما
الكود:
        </div>
        </div>
    <!-- Box Body >> End -->
    </div>
 
    <!-- Box Footer >> Start -->
    <div class="box-footer">
        <div class="box-footer-right"></div>
        <div class="box-footer-left"></div>
    <!-- Box Footer >> End -->
    </div>
 
<!-- Box >> End -->
</div>
وبعد كده تنشر القالب
ثم تذهب الى مظهر المنتدى
الوان
ورقه تصميم css
وتضع فيها كود السى اس اس وهو
الكود:

/*  ------------------------------------------
    1-Box
    ------------------------------------------  */
.box{
    width:600px;
    margin:0 auto;
    background-color:#FFF;
}
 
/*  ------------------------------------------
    2-Box Header
    ------------------------------------------  */
.box-header{
    background:url(خلفية ممتدة في الاعلى) repeat-x top;
    height:61px;
}
    .box-header-right{
        background:url(صورة اعلى اليمين) no-repeat top right;
        height:61px;
        width:203px;
        float:right;
    }
    .box-header-left{
        background:url(صورة اعلى اليسار) no-repeat top left;
        height:61px;
        width:46px;
        float:left;
    }
 
/*  ------------------------------------------
    3-Box Body
    ------------------------------------------  */
.box-body{
    background-color:#FFF;
    text-align:justify;
 
}
    .box-body-right{
        background:transparent url(خلفية ممتدة يمين) repeat-y right;
    }
    .box-body-left{
        background:transparent url(خلفية ممتدة يسار) repeat-y left;
        padding:20px;   
    }
 
/*  ------------------------------------------
    4-Box Footer
    ------------------------------------------  */
.box-footer{
    background:url(خلفية ممتدة بالاسفل) repeat-x bottom;
 
    height:49px;
}
    .box-footer-right{
        background:url(صورة اسفل اليمين) no-repeat bottom right;
        height:49px;
        width:49px;
        float:right;
    }
    .box-footer-left{
        background:url(صورة اسفل يسار) no-repeat bottom left;
        height:49px;
        width:49px;
        float:left;
    }
مع استبدال المكتوب باللغه العربيه فى الكود بما يلزم

اذا لم تكن لديك الخبره فلا تقم بهذه العمليه
بالتوفيق
avatar
ابن الاسلام
 
 

ذكر
عدد المساهمات : 5620
معدل النشاط : 9677
السُمعة : 2

http://www.hosamzewain.com/

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في السبت 5 مايو 2012 - 18:34

نعم عندي التمبلات وجاري التجربة

يعطيك العافية
avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في السبت 5 مايو 2012 - 19:14

مافي شي معقدني نفس اطار الاقسام

ماضبط الكود مع اني متأكد من الخطوات
ممكن مساعدة من احد الله يرحملي والديكم اريد هذا الكود وبس

هذا قالب index_box مال منتداي:

الكود:

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
        <td valign="bottom">
          <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
 
        </td>
    </tr>
</table>
   


 

<!-- صورة اعلى الفئات بدااااااااااااااااااااية  -->
<!-- BEGIN catrow --><!-- BEGIN tablehead --><img height="38" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt12.png" alt="style" width="100%"><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
<!-- صورة اعلى الفئات نهااااااااااااااااااااااااية  -->

<tr>
            <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
            <th nowrap="nowrap" width="150"><div style="width:220px;">آخر مساهمة</div></th>
            <th nowrap="nowrap" width="100">إحصائيات</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="0" align="right"> </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">
                       
             
                <!-- 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>
     

        <!-- BEGIN forum_link_no -->
                <td align="right" 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">
         
        <div align="right" style="width: 136px; height: 18px; margin-top: 3px" id="A7medvirus">
                <font face="Tahoma"><span  style="font-size: 8pt">{catrow.forumrow.TOPICS}  موضوع      </span></font>
            </div>

        <div align="right" style="width: 136px; height: 18px; margin-top: 3px" id="HiMa-ElMaSrY">
                <font face="Tahoma"><span style="font-size: 8pt">{catrow.forumrow.POSTS}  مساهمة </span></font>
            </div>
                </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 -->
    </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="0"><img src="{SPACER}" alt="style" height="0" width="0" /></td>
    </tr>
    <!-- END catfoot -->
<!-- صورة اسفل الفئات بدااااااااااااااااااااية  -->
    <!-- BEGIN tablefoot --></table><img height="23" src="http://i49.servimg.com/u/f49/16/89/40/74/tttttt11.png" alt="style" width="100%"><img src="{SPACER}"  height="15" width="0" /><!-- END tablefoot -->
<!-- صورة اسفل الفئات نهااااااااااااااااااااااااية  -->
<!-- END catrow -->

</div>
            </div>



وهذه الصور:















avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في الأحد 6 مايو 2012 - 21:02

هل من مساعدة .. انا منتظر
avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف Bo Mazen في الأربعاء 9 مايو 2012 - 18:11


avatar
Bo Mazen
 
 

ذكر
عدد المساهمات : 788
معدل النشاط : 3900
السُمعة : 9

http://www.7ooof.net/f12-montada

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

رد: مساعدة في تركيب كود !

مُساهمة من طرف YasirAyad في الأربعاء 9 مايو 2012 - 19:31

avatar
YasirAyad
 
 

ذكر
عدد المساهمات : 11127
معدل النشاط : 13021
السُمعة : 296

http://yasirayad.com/

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

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


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