Jquery & css] : أزرار الفيس بوك بين أيديك الآن

السلام عليكم ورحمة الله و بركاته أما بعد ,, موضوعنا اليوم عبارة عن تحويل أزرار المنتدى لتصير مشابهة لأزرار الموقع الا ..


موضوع مغلق


29-07-2012 03:21 صباحا
ashraf
عضـو ستـار
rating
العضو غائب سبحان الله وبحمده سبحان الله العظيم
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3463
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
السلام عليكم ورحمة الله و بركاته

أما بعد ,,

موضوعنا اليوم عبارة عن تحويل أزرار المنتدى لتصير مشابهة لأزرار الموقع الاجتماعي الشهير فيس بوك


قبل البدء في اجراء التغييرات نـأتي أولا للمعاينة في الصورة التالية


651805d1342047267-sans-titre-2


~ نأتي لطريقة التركيب كالتالي :

باختيارك الشكل الأخضر للأزرار يكفيك اضافة الكود التالي في CSS في الاستايل المراد تركيب التغيير عليه :
.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;
} 


أما للشكل الأزرق قم بوضع الكود التالي :
.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


29-07-2012 04:40 صباحا
مشاهدة مشاركة منفردة [1]
ashraf
عضـو ستـار
rating
العضو غائب سبحان الله وبحمده سبحان الله العظيم
معلومات الكاتب ▼
تاريخ الإنضمام : 01-12-2011
رقم العضوية : 1947
المشاركات : 2249
الدولة : مصر
الجنس : ذكر
يتابعهم : 0
يتابعونه : 1
قوة السمعة : 3463
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif Jquery & css] : أزرار الفيس بوك بين أيديك الآن
تم تعديل الموضوع وتحويله ليتناسب مع السكربت العربي من قبل الادارة
سبب التعديل : اصلاح اخطاء الموضوع ليتناسب مع منتديات mf pbboard

29-07-2012 06:41 مساء
مشاهدة مشاركة منفردة [2]
AHMED
عضـو ستـار
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 20-07-2009
رقم العضوية : 18
المشاركات : 2796
الجنس : ذكر
تاريخ الميلاد : 1-10-1981
الدعوات : 25
يتابعهم : 0
يتابعونه : 2
قوة السمعة : 4978
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.1
 offline 
look/images/icons/i1.gif Jquery & css] : أزرار الفيس بوك بين أيديك الآن
جزاك الله خيرا اخى اشرف و بارك لك
و جزا الله اخونا سليمان كل خير للتعديل



الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 12:48 صباحا