ashek

شبكة متكاملة بكل ما هو جديد


أهلا وسهلا بك زائرنا الكريم, أنت لم تقم بتسجيل الدخول بعد! يشرفنا أن تقوم بالدخول أو التسجيل إذا رغبت بالمشاركة في المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل  رسالة [صفحة 2 من اصل 1]

1normal تجربة الاسمار في الجمعة مارس 11, 2016 6:54 pm

وهبة الساحر

avatar
Administrateur
<!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>

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

2normal رد: تجربة الاسمار في الجمعة مارس 11, 2016 6:56 pm

وهبة الساحر

avatar
Administrateur
[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]

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

3normal رد: تجربة الاسمار في الجمعة مارس 11, 2016 9:24 pm

وهبة الساحر

avatar
Administrateur







Colored Button Borders


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










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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة  رسالة [صفحة 2 من اصل 1]

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