1. SiL3nT M4n

    SiL3nT M4n Developer

    الأنتساب:
    ‏19 مايو 2012
    المشاركات:
    55
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    8
    الإقامة:
    im Syrian
    السلام عليكم ورحمة الله و بركاته

    أما بعد ,,

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


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


    [​IMG]

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

    باختيارك الشكل الأخضر للأزرار يكفيك اضافة الكود التالي في الخضائص الاضافية لـ السي اس اس في الاستايل المراد تركيب الغيير عليه :


    [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;
    } [/CSS]


    أما للشكل الأزرق قم بوضع الكود التالي :


    [CSS].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;
    } [/CSS]
     
  2. آرْ بْيْ جْيْ ڪْرْڪْوْڪْ

    آرْ بْيْ جْيْ ڪْرْڪْوْڪْ DeveloPer Plus

    الأنتساب:
    ‏24 أغسطس 2015
    المشاركات:
    147
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    رد: تحويل أزرار المنتدى لتصير مشابهة لأزرار الموقع الاجتماعي الشهير فيس بوك

    مبدع+استمر
     

مشاركة هذه الصفحة