كود فوتر رائع جدا يظهر اسفل المنتدى
طريقة وضعه
1- لوحة الاداره
2 - مظهر المنتدى
3 - التومبلايتات و القوالب / اداره عامة
4 - اضغط تعديل على قوالب ( overall_footer )
- احذف جميع الاكواد
ظلل الاكواد و احذفها و ضع الكود الجديد مكانها
و اضغط سجل
6 - نشط التعديل
ضع رد لتري
:526:
الكود
الكود التالى كود الـ css
الكود
- الكود:
-
/*قائمة الفوتر*/
/*الوان و خطوط اساس القائمة*/
.panelfoot {
border-top: 3px solid #FFFCE3; /*دعها كما هي ..:*/
color: #ff0000; /* لون خط رؤوس القوائم */
font: normal 11pt Tahoma; /* شكل و نوع و حجم خط رؤوس القوائم */
background-repeat: repeat-x; /*دعها كما هي ..:*/
background-image:
url('http://i40.servimg.com/u/f40/16/50/59/14/116.png'); /*، صورة
للخلفية للقائمة ، صمم صورة و ارفعها على المسار نفسه ، اذا تبي لون ساده
من غير صورة ، احذف هذه السطر */
background-color: #FFFFFF; /*هنا لون الخلفية ، اذا ماتبي صورة اضف لون الكود للون */
height: 285px; /*دعها كما هي ..:*/
background-position: 50% top; /*دعها كما هي ..:*/
border-top-style: solid; /* هنا شكل الحد العلوي*/
border-bottom-style: solid; /* هنا شكل الحد السفلي*/
border-top-width: 3px; /* هنا عرض الحد العلوي */
border-bottom-width: 4px; /*هنا عرض الحد السفلي */
border-top-color: #f7f9fc; /*هنا لون الحد العلوي */
border-bottom-color: #f7f9fc; /*هنا لون الحد السفلي */
}
/*/الوان و خطوط اساس القائمة/*/
/*بعد الظغط على الرابط*/
.panelfoot a:visited {
color: #f7fcff; /*لون الخط */
font-family: tahoma;/*نوع الخط */
font-weight: bold; /*شكل الخط */
}
/*/بعد الظغط على الرابط/*/
/*لون روابط المحتوى*/
.panelfoot a:link, .panelfoot_alink {
color: #f7fcff;/*لون الخط */
text-decoration: none; /* لعدم وضع خط تحت الوصلة*/
}
/*/لون روابط المحتوى/*/
/*لون عند التأشير على روابط المحتوى*/
.panelfoot a:hover, .panelfoot a:active, .panelfoot_ahover {
color: #FFFFFF; /*لون الخط */
text-decoration: none; /*لعدم وضع خط تحت الوصلة */
}
/*/لون عند التأشير على روابط المحتوى/*/
/*لون الفاصل*/
.td3 {
color: #FFFFFF; /*لون الخط */
font: 8pt Tahoma;/*نوع و حجم الخط */
border-bottom-color: #FFFFFF; /*لون الحد السفلي */
border-bottom-width: 1px; /*عرض الحد السفلي */
border-bottom-style: solid;/* شكل الحد السقلي*/
}
/*/لون الفاصل/*/
/*لون الفاصل بين الأقسام*/
.footertd {
background-image: url('images/tb-bng.png'); /*هنا الصورة لفصل القسم عن الثاني ، ضع هنا مسار الصورة */
background-repeat: no-repeat; /*دعها كما هي ..:*/
background-position: center; /*دعها كما هي ..:*/
}
/*/لون الفاصل بين الأقسام/*/
/*لون التأثير عند مرور الموس عند اي قسم*/
.td3:hover {
background-color: #c4e4f7; /*خلفية عن التأشير على الرابط */
font: 8pt Tahoma bold; /* نوع و شكل و حجم الخط*/
text-decoration: none; /*لعدم وضع خط تحت الوصلة */
color: #FFFFFF;/*لون الخط */
}
/*/لون التأثير عند مرور الموس عند اي قسم/*/
/*قائمة الفوتر*/
طريقة وضع الكود
لوحة الادارة - مظهر المنتدى - الوان - ورقة ال css
ضع الكود و اضغط قدم
بالتوفيق