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

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

شاطر
avatar
وهبة الساحر
Administrateur

عدد المساهمات : 50
نقاط : 71
السٌّمعَة : 2
تاريخ التسجيل : 11/02/2016
العمر : 27
الموقع : موقعى هنا

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
وهبة الساحر
Administrateur

عدد المساهمات : 50
نقاط : 71
السٌّمعَة : 2
تاريخ التسجيل : 11/02/2016
العمر : 27
الموقع : موقعى هنا

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
وهبة الساحر
Administrateur

عدد المساهمات : 50
نقاط : 71
السٌّمعَة : 2
تاريخ التسجيل : 11/02/2016
العمر : 27
الموقع : موقعى هنا

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

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








Colored Button Borders


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










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