السلام عليكم ورحمة الله و بركاته
أما بعد ,,
موضوعنا اليوم عبارة عن تحويل أزرار المنتدى لتصير مشابهة لأزرار الموقع الاجتماعي الشهير فيس بوك
قبل البدء في اجراء التغييرات نـأتي أولا للمعاينة في الصورة التالية
~ نأتي لطريقة التركيب كالتالي :
باختيارك الشكل الأخضر للأزرار يكفيك اضافة الكود التالي في CSS في الاستايل المراد تركيب التغيير عليه :
CODE
.button{
width:100px;
border:solid #3b6e22 1px;
border-bottom:solid #2c5115 1px;
cursor:pointer;
}
.button{
padding:6px 0 6px 0;
background-color:#68a64c;
border-top:solid #98c286 1px;
text-align:center;
color:#ffffff;
}
.button:active{
background-color:#609946;
}
أما للشكل الأزرق قم بوضع الكود التالي :
CODE
.button{
width:100px;
border:solid #29447e 1px;
border-bottom:solid #1a356e 1px;
cursor:pointer;
}
.button{
padding:6px 0 6px 0;
background-color:#5c75a9;
border-top:solid #8a9cc2 1px;
text-align:center;
color:#ffffff;
}
.button:active{
background-color:#4f6aa3;
}
تحياتي لكم ~ أخوكم أشـرف آلمغربي ـ واشرف المصري منقول للافادة
-
تم تحرير الموضوع بواسطة :Soliman
بتاريخ: 29-07-2012 03:30 صباحاً
سبب التعديل : اصلاح اخطاء الموضوع ليتناسب مع منتديات pbboard
معلومات الكاتب
Jquery & css] : أزرار الفيس بوك بين أيديك الآن29-07-2012 04:40 صباحاً [1]
pbboard 
