غير لون أو الصور الداخلية لازرار الرسالة => CSS

الى مستعملي النسخة الجديدة phpBB3

هل مللت من اللون الرمادي في أزرار الرسالة زر البحث؟



الشكل أوتوماتيكي لكن لا شك أن بعضكم يريد تشخيصها.

مثلا قمت بتشخيص أزرار رسائل منتداي بوضع صور فيها




أليس الشكل بديعاً؟

*كيفية تغيير لون الازرار

لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك





ثم ابحث عن كود مشابه لهذا

/* Input Button Form---------------------------------------------------------*/input.button1, input.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2 {
width: auto !important;
padding-top: 1px;
padding-bottom: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}

#FAFAFA: ضع مكانه كود أي لون يعجبك

url('https://2img.net/i/fa/prosilver/bg_button.gif'): ضع مكان الجملة هذه الكلمة : none

ثم سجل و الآن لك أزرار مشخصة و ملونة.

*كيفية وضع صور مكان لون الازرار

لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك





ثم ابحث عن كود مشابه لهذا

/* Input Button Form---------------------------------------------------------*/input.button1, input.button2 {
font-size: 1em;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
a.button2, input.button2 {
border: 1px solid #BCBCBC;
}
a.button1, input.button1, a.button2, input.button2 {
width: auto !important;
padding-top: 1px;
padding-bottom: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
overflow: visible;
}

FAFAFA: أحذف الكود و لا تضع مكانه شيئاً.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] : ضع مكان هذا الرابط رابط أي صورة تشاء ثم سجل.