استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-30-2013, بتوقيت غرينيتش 09:29 PM
#1
[Css] : حصريــأً إنشـآء نموذج تسجيل الدخول بـCss3 بدون إستخدام أي صور
[Css] : ط*طµط±ظٹظ€ظ€ط£ظ‹ ط¥ظ†ط´ظ€ط¢ط، ظ†ظ…ظˆط°ط¬ طھط³ط¬ظٹظ„ ط§ظ„ط¯ط®ظˆظ„ ط¨ظ€Css3 ط¨ط¯ظˆظ† ط¥ط³طھط®ط¯ط§ظ… ط£ظٹ طµظˆط±
السلام عـآـيكمـ ورحمـهـ الله وبـركـآته ..~
كمـآ عودتناكمـ بالجديد دائماً وأبداً في عالم التصميم وتطوير المواقع بلغـة Css المستوى 3 ..
اليوم نموذج بسيط لـتسجيل الدخول بأكواد Css3 بدون تدخل أي صور في العمل ..~
مثال العمل :
http://www.swalifcam.com/Username.html
كود code الـ Css كاملاً /
رمز PHP:
<code style="white-space:nowrap"> <code> form {
width: 250px;
padding: 20px;
border: 1px solid #270644;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background: -moz-linear-gradient(19% 75% 90deg,#4E0085, #963AD6);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#4E0085));
-moz-box-shadow:0px -5px 300px #270
-webkit-box-shadow:0px -5px 300px #270644;
}
input {
width: 230px;
background: #8a33c6;
padding: 6px;
margin-bottom: 10px;
border-top: 1px solid #ad64e0;
border-left: 0px;
border-right: 0px;
border-bottom: 0px;
-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 0.25s;
-moz-box-shadow: 0px 0px 2px #000;
-webkit-box-shadow: 0px 0px 2px #000;
}
input:hover {
-webkit-box-shadow: 0px 0px 4px #000;
background: #9d39e1;
}
input.submit {
width: 100px;
color: #fff;
text-transform: uppercase;
text-shadow: #000 1px 1px;
border-top: 1px solid #ad64e0;
margin-top: 10px;
width: 100px;
color: #fff;
text-transform: uppercase;
text-shadow: #000 1px 1px;
border-top: 1px solid #ad64e0;
margin-top: 10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6), to(#781bb9));
background: -moz-linear-gradient(19% 75% 90deg,#781bb9, #963AD6);
}
</code> </code>
المواضيع المتشابهه
-
بواسطة admin في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 04:38 PM
-
بواسطة salima في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:37 PM
-
بواسطة said في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 03:10 PM
-
بواسطة admin في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 01:21 AM
-
بواسطة loulou ange في المنتدى تطوير منتديات vb3.8.0
مشاركات: 0
آخر مشاركة: 10-31-2013, بتوقيت غرينيتش 12:47 AM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى