1. بــرهــومــي

    بــرهــومــي Developer

    الأنتساب:
    ‏9 أغسطس 2012
    المشاركات:
    61
    الإعجابات المتلقاة:
    5
    نقاط الجائزة:
    8
    الإقامة:
    K.$.A
    بسم الله الرحمن الرحيم

    السلام عليكم ورحمة الله وبركاته

    اليوم بقدم لكم تطوير جديد لأزرار المنتدى ....

    مثال : -

    [​IMG]

    [​IMG]

    -------------------------

    كود الازرار :

    كود:
    display: inline-block;
    position: relative;
    color: #996633;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
    text-decoration: none;
    text-align: center;
    padding: 4px 9px 6px 6px;
    font: bold 11px Tahoma, sans-serif;
    border-radius: 3px;
    border: 1px solid #cc912d;
    
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2),
                            0 1px 0px rgba(255,255,255,0.4) inset;
    
    background-image: -webkit-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
    background-image: -moz-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
    background-image: -o-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
    background-image: linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);
    -----------------------

    طريقة التركيب :

    [​IMG]

    1 - نروح للوحة التحكم للمنتدى .
    2 - نروح للاستايل المراد تطبيق أو تغير الازرار فيه .
    3 - نختار خيارات جميع الاستايلات .
    4 - ننزل على الازرار ، ونضع الكود فيه .i:q^:
     
  2. Hamada Bader

    Hamada Bader Active DeveloPer

    الأنتساب:
    ‏13 نوفمبر 2012
    المشاركات:
    80
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    8
    رد: [ Css ] تطوير ازرار المنتدى ، وتغير شكلها

    مشكوووور يا غالي دمت مبدعا ​
     
  3. :: dev-vb ::

    :: dev-vb :: Developer

    الأنتساب:
    ‏7 مارس 2012
    المشاركات:
    21
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    رد: [ Css ] تطوير ازرار المنتدى ، وتغير شكلها

    مشكور ما قصرت
    ربي يبارك فيك
     
  4. ♀GENI RYODAN♀

    ♀GENI RYODAN♀ Developer

    الأنتساب:
    ‏7 مايو 2012
    المشاركات:
    38
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    الوظيفة:
    دعـــس المـــلـــغـــمـــيـــن
    الإقامة:
    تـــونـــس
    رد: [ Css ] تطوير ازرار المنتدى ، وتغير شكلها

    مششكور آخوي !
     
  5. آرْ بْيْ جْيْ ڪْرْڪْوْڪْ

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

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

    مبدع+استمر
     
  6. քʊռɨֆɦɛَʀ ɨʀǟզ

    քʊռɨֆɦɛَʀ ɨʀǟզ Developer موقوف لمخالفة الشروط

    الأنتساب:
    ‏20 ابريل 2016
    المشاركات:
    60
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    8
    رد: [ Css ] تطوير ازرار المنتدى ، وتغير شكلها

    [font=ge_bold]
    استمر يابطل ..
    [/font]{1!@}
     

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