قوالب 3.8 تاطير رباعي بتقنية Css توافق مع W3 | استبدل الصور فقط ,|Css|
http://www.dzbatna.com/images/icons/...ationpoint.gif ظ‚ظˆط§ظ„ط¨ 3.8 طھط§ط·ظٹط± ط±ط¨ط§ط¹ظٹ ط¨طھظ‚ظ†ظٹط© Css طھظˆط§ظپظ‚ ظ…ط¹ W3 | ط§ط³طھط¨ط¯ظ„ ط§ظ„طµظˆط± ظپظ‚ط· ,|Css|
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
تطويراً للفكرة بهذا الموضوع /
قوالب3.8.0 فوروم هوم+ديسبلاي +شوثيرد+نافبار=تأطير رباعي [ استبدل الصور فقط ] حصري <<<
نظراً لنزول تقنيات جديدة و هي Css
و اهتمام اصحاب المنتديات بالمعايير القياسية W3
تم توزيع تاطير رباعي جاهز بـCss
كل ما عليك
تستبدل الصور فقط
القوالب هي /
Forumhome
Forumdisplay
Showthread
Navbar
. [ القوالب بالمرفقات ] .
طبعا يوجد كود code Css يوضع بخصائص Css الاضافية
و تستبدلون ########## بروابط صور تاطيركم
و أيضاً يجب عليكم تغيير الطول + العرض الموجود
الى الطول + العرض المناسب لصوركم
height
= الطول
width
= العرض
-- ملاحظة --
كود code صور الاعمدة
تجدون مكتوب للعمود الايمن
رمز PHP:
padding-right:42px;
استبدلوا 42 بعرض صورة العمود
----------
و كود code العمود الايسر
رمز PHP:
padding-left:39px;
استبدلوا 39 بعرض صورة العمود
----------------------------------
الكود code /
رمز PHP:
/**صورة تمدد هيدر التاطير**/
.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;
}
ان شاء الله مافيه اخطاء
اخوكم
كـراك للتصميم / عبدالله
www.krak4des.com
ارجوا عند النقل ذكر المصدر
الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/txt.gif Forumdisplay - كـراك للتصميم.txt (27.0 كيلوبايت, عدد مرات المشاهدة 979 مرة) [/TR]
[TR]
http://www.traidnt.net/vb/images/attach/txt.gif Forumhome - كـراك للتصميم.txt (8.8 كيلوبايت, عدد مرات المشاهدة 960 مرة) [/TR]
[TR]
http://www.traidnt.net/vb/images/attach/txt.gif Navbar - كـراك للتصميم.txt (16.3 كيلوبايت, عدد مرات المشاهدة 1022 مرة) [/TR]
[TR]
http://www.traidnt.net/vb/images/attach/txt.gif Showthread - كـراك للتصميم.txt (35.2 كيلوبايت, عدد مرات المشاهدة 738 مرة) [/TR]
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
