حالة الموضوع:
مغلق
  1. ZEBARH

    ZEBARH Developer

    الأنتساب:
    ‏6 ابريل 2012
    المشاركات:
    7
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    الإقامة:
    تركيا/اسطنبول
    بسم الله الرحمن الرحيم
    السلام عليكم ورحمة الله وبركاته


    لا خير في من كتم العلم . . i:q2^:
    الحمدلله الشيء اللي اتعلمه اعلم غيري *:"
    واتمنى غيري يعلمها لغيره . .

    اليوم جيت لكم بحركات مشان تغير فراغات المنتدى ( حقل الكتابة )
    و أزرار المنتدى لشكل شبيه بجوجل بل جوجل بعينه و بنفسه &:"


    المهم . .

    نجي للمثال أولاً
    جميع المثال مصور
    ولا يوجد مثال حي ( لو تكرم أحد الاعضاء واعطانا مثال حي )


    [​IMG]




    [​IMG]



    [​IMG]




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


    التأثر لأزرار المنتدى فقط :


    كود PHP:
    .button {
        
    padding-bottom20px;
        
    clearboth;
    }
    .
    button {
        
    color#6e6e6e;
        
    fontbold 12px HelveticaArialsans-serif;
        
    text-decorationnone;
        
    padding7px 12px;
        
    positionrelative;
        
    displayinline-block;
        
    text-shadow0 1px 0 #fff;
        
    -webkit-transitionborder-color .218s;
        -
    moz-transitionborder .218s;
        -
    o-transitionborder-color .218s;
        
    transitionborder-color .218s;
        
    background#f3f3f3;
        
    background: -webkit-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    background: -moz-linear-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    bordersolid 1px #dcdcdc;
        
    border-radius2px;
        -
    webkit-border-radius2px;
        -
    moz-border-radius2px;
        
    margin-right10px;
    }
    .
    button:hover {
        
    color#333;
        
    border-color#999;
        
    -moz-box-shadow0 2px 0 rgba(0000.2) -webkit-box-shadow:0 2px 5px rgba(0000.2);
        
    box-shadow0 1px 2px rgba(0000.15);
    }
    .
    button:active {
        
    color#000;
        
    border-color#444;
    }
    التأثير لأزرار و خلفية فراغات المنتدى :

    كود PHP:
    .button {
        
    padding-bottom20px;
        
    clearboth;
    }
    .
    button {
        
    color#6e6e6e;
        
    fontbold 12px HelveticaArialsans-serif;
        
    text-decorationnone;
        
    padding7px 12px;
        
    positionrelative;
        
    displayinline-block;
        
    text-shadow0 1px 0 #fff;
        
    -webkit-transitionborder-color .218s;
        -
    moz-transitionborder .218s;
        -
    o-transitionborder-color .218s;
        
    transitionborder-color .218s;
        
    background#f3f3f3;
        
    background: -webkit-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    background: -moz-linear-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    bordersolid 1px #dcdcdc;
        
    border-radius2px;
        -
    webkit-border-radius2px;
        -
    moz-border-radius2px;
        
    margin-right10px;
    }
    .
    button:hover {
        
    color#333;
        
    border-color#999;
        
    -moz-box-shadow0 2px 0 rgba(0000.2) -webkit-box-shadow:0 2px 5px rgba(0000.2);
        
    box-shadow0 1px 2px rgba(0000.15);
    }
    .
    button:active {
        
    color#000;
        
    border-color#444;
    }









    .
    bginput {
        
    padding-bottom20px;
        
    clearboth;
    }
    .
    bginput {
        
    color#6e6e6e;
        
    fontbold 12px HelveticaArialsans-serif;
        
    text-decorationnone;
        
    padding7px 12px;
        
    positionrelative;
        
    displayinline-block;
        
    text-shadow0 1px 0 #fff;
        
    -webkit-transitionborder-color .218s;
        -
    moz-transitionborder .218s;
        -
    o-transitionborder-color .218s;
        
    transitionborder-color .218s;
        
    background#f3f3f3;
        
    background: -webkit-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    background: -moz-linear-gradient(linear,040%,070%,from(#F5F5F5),to(#F1F1F1));
        
    bordersolid 1px #dcdcdc;
        
    border-radius2px;
        -
    webkit-border-radius2px;
        -
    moz-border-radius2px;
        
    margin-right10px;
    }
    .
    bginput:hover {
        
    color#333;
        
    border-color#999;
        
    -moz-box-shadow0 2px 0 rgba(0000.2) -webkit-box-shadow:0 2px 5px rgba(0000.2);
        
    box-shadow0 1px 2px rgba(0000.15);
    }
    .
    bginput:active {
        
    color#000;
        
    border-color#444;
    }
    - - - - - - - - - -- - -



    الحين طريقة التركيب . .

    بسيطة للغاية &:":

    ادخل css الرئيسي لستايلك

    انزل اخر صفحة بتلاقي 2 مربع كبار

    المربع الثاني حط الاكواد اللي تريده في الأعلى &:"

    ونقول مبروك الزواج عفوا الحركة )A:"



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




    جميع الحقوق شبكة عراق تيم 2012 (C)

    >> لا تنسى الاعجاب و التقييم&:": <<

     
  2. أحلم بقربك

    أحلم بقربك Developer

    الأنتساب:
    ‏14 يونيو 2012
    المشاركات:
    9
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    الإقامة:
    •-»المدينه المنوره«-•
    رد: الأن | اجعل أزرار و خلفية فراغات منتداك شبيه بجوجل | بتقنية css

    جزاك الله خيرا اخي

    )5:"
     
  3. нєαяτ

    нєαяτ Developer

    الأنتساب:
    ‏7 مايو 2012
    المشاركات:
    65
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    الإقامة:
    اسبانيا
    رد: الأن | اجعل أزرار و خلفية فراغات منتداك شبيه بجوجل | بتقنية css

    السلام عليكم

    اضافة جميلة

    يعطيك العافية يا رب

    لا هنت يا غالي
    &:":​
     
  4. MNFD

    MNFD Developer

    الأنتساب:
    ‏25 مايو 2012
    المشاركات:
    41
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    6
    رد: الأن | اجعل أزرار و خلفية فراغات منتداك شبيه بجوجل | بتقنية css

    يعطيك العافيه يا وحش
    جاري التقيم
    ان امكن
     
  5. El Mejor

    El Mejor Developer

    الأنتساب:
    ‏26 ديسمبر 2011
    المشاركات:
    72
    الإعجابات المتلقاة:
    2
    نقاط الجائزة:
    8
    الوظيفة:
    Hacker
    الإقامة:
    المــــــغــــــرب
    رد: الأن | اجعل أزرار و خلفية فراغات منتداك شبيه بجوجل | بتقنية css

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

    روعة ماشاء الله عليك أخي


    تم التقيم قبل الرد


    &:":
     
حالة الموضوع:
مغلق

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