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

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


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



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

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








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

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

لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط 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('https://2img.net/i/fa/prosilver/bg_button.gif');
background-position: top;
overflow: visible;
}

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

https://2img.net/i/fa/prosilver/bg_button.gif : ضع مكان هذا الرابط رابط أي صورة تشاء ثم سجل.


أتمنى أكون قد أفدتكم :confused:



◄ ◄ ◄ ◄ ◄ ◄ ◄ ◄ ◄
منقول من مصدره الاصلي
منتدى الدعم والمساعدة
اختكم بالله
hamsa-haq