ظ‚ظˆط§ظ„ط¨ 3.8 طھط§ط·ظٹط± ط±ط¨ط§ط¹ظٹ ط¨طھظ‚ظ†ظٹط© Css طھظˆط§ظپظ‚ ظ…ط¹ W3 | ط§ط³طھط¨ط¯ظ„ ط§ظ„طµظˆط± ظپظ‚ط· ,|Css|


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

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

تطويراً للفكرة بهذا الموضوع /
قوالب3.8.0 فوروم هوم+ديسبلاي +شوثيرد+نافبار=تأطير رباعي [ استبدل الصور فقط ] حصري <<<

نظراً لنزول تقنيات جديدة و هي 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
ارجوا عند النقل ذكر المصدر






الملفات المرفقة [TR]
Forumdisplay - كـراك للتصميم.txt (27.0 كيلوبايت, عدد مرات المشاهدة 979 مرة) [/TR]
[TR]
Forumhome - كـراك للتصميم.txt (8.8 كيلوبايت, عدد مرات المشاهدة 960 مرة) [/TR]
[TR]
Navbar - كـراك للتصميم.txt (16.3 كيلوبايت, عدد مرات المشاهدة 1022 مرة) [/TR]
[TR]
Showthread - كـراك للتصميم.txt (35.2 كيلوبايت, عدد مرات المشاهدة 738 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©