منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.



انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف زائر في الخميس 15 نوفمبر 2007 - 18:50

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


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



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

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

Idea

Idea


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

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

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


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

url('http://illiweb.com/fa/prosilver/bg_button.gif'): ضع مكان الجملة هذه الكلمة : none

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

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

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


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

http://illiweb.com/fa/prosilver/bg_button.gif : ضع مكان هذا الرابط رابط أي صورة تشاء ثم سجل. Wink


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


M/P

زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى