سوق العرب | معهد سكيورتى العرب | وظائف خالية

نسخة كاملة: شرح تأطير الإستايل من الخارج لمنتديات ib
أنت حالياً تتصفح نسخة خفيفة من المنتدى . مشاهدة نسخة كاملة مع جميع الأشكال الجمالية.

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

[شرح] تأطير الإستايل من الخارج

من خلال الشرح التالي تقدر تضيف صورة جانبية لمنتداك متكررة رأسياً..

الشرح:

من لوحة تحكم منتداك..

Look & Feel -> [اختار الاستايل] -> Edit Board Header & Footer Wrapper

ابحث عن:

كود :
<% BOARD HEADER %>

ضيف فوقها:


كود :
<table align="left" class="border_table">
    <tr>
        <td valign="top" class="border_left"><!-- no content--></td>
        <td valign="top" class="border_main">

ابحث عن:


كود :
<% COPYRIGHT %>


ضيف تحتها:


كود :
</td>
        <td valign="top" class="border_right"><!-- no content --></td>
    </tr>
</table>


احفظ القالب Save Wrapper.

من لوحة تحكم منتداك:

Look & Feel -> [اسم استيلك] -> Edit Stylesheet (CSS Advanced Mode)

ابحث عن:

كود :
/*
* ========================================
* Main wrapper, this controls the overall width of the board in you browser view window.
* ========================================
*/

ضيف تحتها:


كود :
.border_table{
    border-collapse: collapse;
    clear: left;
    width: 100%;
}

.border_left{
    background: url(style_images/<#IMG_DIR#>/border-left.gif) repeat-y left;
    padding: 0;
    width: 59px;
}

.border_right{
    background: url(style_images/<#IMG_DIR#>/border-right.gif) repeat-y right;
    padding: 0;
    width: 59px;
}

.border_main{
    padding: 0;
}

بعد ما تدخل الأكواد..

هتحتاج تعمل الصور الجانبية دي زي ما تحب..

وتسميها: border-left.gif

دي اللي هتظهر ف الشمال..

و: border-right.gif

ودي اللي هتظهر في اليمين..

انتهى الشرح

ادارة سكيورتي العرب
روابط المرجعيات