خيارات الاستايل

  • حجم خط الموضوع
  • طريقة عرض الردود
إرجاع الخيارات الافتراضية

تجربة الاسمار

إرسال موضوع جديد   إرسال مساهمة في موضوع

اذهب الى الأسفل

normal تجربة الاسمار

مُساهمة من طرف وهبة الساحر في الجمعة مارس 11, 2016 6:54 pm

<!DOCTYPE html>
<html>
<head>
<style>
/* كود الأزرار ------ haya.123.st -------*/

input[type="submit"], input[type=reset], .button {

display: inline-block;

margin: 0;

margin-right: 12px;

cursor: pointer;

border: 1px solid #bbb;

overflow: visible;

color: #fff;

padding: 5px 8px;

font-size: 12px;

font-family:Tahoma;

line-height: 1.55em;

vertical-align: middle;

text-decoration: none;

white-space: nowrap;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

-webkit-transition: all .15s linear;

-moz-transition: all .15s linear;

transition: all .15s linear;

text-shadow: 1px 0 0 rgba(0,0,0,0.35);

background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));

background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));



background-color: #269ce9;

border-color: #269ce9;

}

input[type="submit"]:hover, input[type=reset]:hover, .button:hover {




background-color: #70b9e8;

}




input[type="submit"]:active, input[type=reset]:active, .button:active {

box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;

background-color: #269ce9;

}




/* كود الأزرار ------ haya.123.st -------*/
</style>
</head>
<body>

<h2>Colored Button Borders</h2>
<p>Use the border property to add a border to the button:</p>

<button class="button button1">التقنيات</button>
<button class="button button2">التقنيات</button>
<button class="button button3">التقنيات</button>
<button class="button button4">التقنيات</button>
<button class="button button5">التقنيات</button>

</body>
</html>
avatar

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

الجنس : ذكر

عدد المساهمات : 73

نقاط : 108

السٌّمعَة : 2

تاريخ التسجيل : 11/02/2016

العمر : 27


معاينة صفحة البيانات الشخصي للعضو http://al-brens.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

normal رد: تجربة الاسمار

مُساهمة من طرف وهبة الساحر في الجمعة مارس 11, 2016 6:56 pm

[quote="وهبة الساحر"]<!DOCTYPE html>
<html>
<head>
<style>
   /* كود الأزرار ------ haya.123.st -------*/

   input[type="submit"], input[type=reset], .button {

     display: inline-block;

     margin: 0;

     margin-right: 12px;

     cursor: pointer;

     border: 1px solid #bbb;

     overflow: visible;

     color: #fff;

     padding: 5px 8px;

     font-size: 12px;

    font-family:Tahoma;

     line-height: 1.55em;

     vertical-align: middle;

     text-decoration: none;

     white-space: nowrap;

     -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

     border-radius: 4px;

     -webkit-transition: all .15s linear;

     -moz-transition: all .15s linear;

     transition: all .15s linear;

     text-shadow: 1px 0 0 rgba(0,0,0,0.35);

     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));

     background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

     background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

     background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

     background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

     background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));

     

    background-color: #269ce9;

     border-color: #269ce9;

   }

   input[type="submit"]:hover, input[type=reset]:hover, .button:hover {




     background-color: #70b9e8;

   }




   input[type="submit"]:active, input[type=reset]:active, .button:active {

       box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;

     background-color: #269ce9;

     }




   /* كود الأزرار ------ haya.123.st -------*/
</style>
</head>
<body>

<h2>Colored Button Borders</h2>
<p>Use the border property to add a border to the button:</p>

<button class="button button1">التقنيات</button>
<button class="button button2">التقنيات</button>
<button class="button button3">التقنيات</button>
<button class="button button4">التقنيات</button>
<button class="button button5">التقنيات</button>

</body>
</html>
[/quote]
avatar

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

الجنس : ذكر

عدد المساهمات : 73

نقاط : 108

السٌّمعَة : 2

تاريخ التسجيل : 11/02/2016

العمر : 27


معاينة صفحة البيانات الشخصي للعضو http://al-brens.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

normal رد: تجربة الاسمار

مُساهمة من طرف وهبة الساحر في الجمعة مارس 11, 2016 9:24 pm








Colored Button Borders


Use the border property to add a border to the button:











_________________
avatar

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

الجنس : ذكر

عدد المساهمات : 73

نقاط : 108

السٌّمعَة : 2

تاريخ التسجيل : 11/02/2016

العمر : 27


معاينة صفحة البيانات الشخصي للعضو http://al-brens.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


إرسال موضوع جديد   إرسال مساهمة في موضوع
 
صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى