قوالب 3.8 تاطير رباعي بتقنية Css توافق مع W3 | استبدل الصور فقط ,|Css|

[linnou]

http://www.dzbatna.com/images/icons/exclamationpoint.gif ظ‚ظˆط§ظ„ط¨ 3.8 طھط§ط·ظٹط± ط±ط¨ط§ط¹ظٹ ط¨طھظ‚ظ†ظٹط© Css طھظˆط§ظپظ‚ ظ…ط¹ W3 | ط§ط³طھط¨ط¯ظ„ ط§ظ„طµظˆط± ظپظ‚ط· ,|Css| (http://www.dzbatna.com/t1561200/)



بسم الله الرحمن الرحيم

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

تطويراً للفكرة بهذا الموضوع /
قوالب3.8.0 فوروم هوم+ديسبلاي +شوثيرد+نافبار=تأطير رباعي [ استبدل الصور فقط ] حصري <<< (http://www.dzbatna.com/t1262219/)

نظراً لنزول تقنيات جديدة و هي Css
و اهتمام اصحاب المنتديات بالمعايير القياسية W3
تم توزيع تاطير رباعي جاهز بـCss
كل ما عليك
تستبدل الصور فقط
القوالب هي /
Forumhome
Forumdisplay
Showthread
Navbar
. [ القوالب بالمرفقات ] .
طبعا يوجد كود code Css يوضع بخصائص Css الاضافية
و تستبدلون ########## بروابط صور تاطيركم
و أيضاً يجب عليكم تغيير الطول + العرض الموجود
الى الطول + العرض المناسب لصوركم
height = الطول
width = العرض
-- ملاحظة --
كود code صور الاعمدة
تجدون مكتوب للعمود الايمن
رمز PHP:

<code style="white-space:nowrap"> <code> padding-right:42px;
</code> </code>

استبدلوا 42 بعرض صورة العمود
----------
و كود code العمود الايسر
رمز PHP:

<code style="white-space:nowrap"> <code> padding-left:39px;
</code> </code>

استبدلوا 39 بعرض صورة العمود
----------------------------------
الكود code /
رمز PHP:

<code style="white-space:nowrap"> <code> /**صورة تمدد هيدر التاطير**/
.h-tmdd{
background-image:url('##########');
height:97px;background-repeat:repeat-x;
}
/**الصورة اليمنى لهيدر التاطير**/
.h-right{



background-image:url('##########');
height:97px;width:42px;background-repeat:no-repeat;float:right;
}
/**الصورة اليسرى لهيدر التاطير**/
.h-left{
background-image:url('##########');
height:97px;width:39px;background-repeat:no-repeat;float:left;
}
/**لا تغير شيء في هذا الكود code**/
.body-bg{
color:#FFFFFF;
text-align:justify;
}
/**صورة العمود الايسر**/
.body-left{
background-image:url('##########');
background-repeat:repeat-y;
background-position:left;
padding-left:39px;
}
/**صورة العمود الايمن**/
.body-right{
background-image:url('##########');
background-repeat:repeat-y;
background-position:right;
padding-right:42px;
}
/**صورة تمدد فوتر التاطير**/
.f-tmdd{
background-image:url('##########');
height:52px;background-repeat:repeat-x;
}
/**الصورة اليمنى لفوتر التاطير**/
.f-right{
background-image:url('##########');
height:52px;width:42px;background-repeat:no-repeat;float:right;
}
/**الصورة اليسرى لفوتر التاطير**/
.f-left{
background-image:url('##########');
height:52px;width:39px;background-repeat:no-repeat;float:left;
}
</code> </code>

ان شاء الله مافيه اخطاء
اخوكم
كـراك للتصميم / عبدالله
www.krak4des.com (http://www.krak4des.com)
ارجوا عند النقل ذكر المصدر








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/txt.gif Forumdisplay - كـراك للتصميم.txt (http://www.traidnt.net/vb/attachments/484235d1273858502-forumdisplay-كـراك-للتصميم.txt) (27.0 كيلوبايت, عدد مرات المشاهدة 979 مرة)

http://www.traidnt.net/vb/images/attach/txt.gif Forumhome - كـراك للتصميم.txt (http://www.traidnt.net/vb/attachments/484236d1273858502-forumhome-كـراك-للتصميم.txt) (8.8 كيلوبايت, عدد مرات المشاهدة 960 مرة)

http://www.traidnt.net/vb/images/attach/txt.gif Navbar - كـراك للتصميم.txt (http://www.traidnt.net/vb/attachments/484237d1273858502-navbar-كـراك-للتصميم.txt) (16.3 كيلوبايت, عدد مرات المشاهدة 1022 مرة)

http://www.traidnt.net/vb/images/attach/txt.gif Showthread - كـراك للتصميم.txt (http://www.traidnt.net/vb/attachments/484238d1273858502-showthread-كـراك-للتصميم.txt) (35.2 كيلوبايت, عدد مرات المشاهدة 738 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©