يمكن الحصول على نماذج بريدية أنيقة، بإضافة خصائص قليلة عن طريق CSS3، ومع أن هناك متصفحات (IE وأحيانا Opera) لا تدعم الخصائص الجديدة ل CSS3 وبالتالي ستظهر التأثيرات فقط لمن يستعمل متصفحات حديثة، (التصاميم الحديثة للمتصفحات الحديثة)
بناء النموذج:
<form method='post' action='#'> <p> <label>name</label> <input type='text' name='name' size='30' /> </p> </form>
خصائص CSS:
form textarea, form input { border:1px solid #C3A6E1; color:#333; padding:.3em; -moz-border-radius:3px; -webkit-border-radius:3px; }
أضفت منحنى دائري بقيمة 3px لإطار النموذج البريدي سواء كان input أو textarea
خاصية Radius للمتصفحات التي تعتمد على محرك Webkit
form textarea, form input { -webkit-border-radius:3px }
عند وضع الفارة على النموذج Focus يتم تغيير Border وإضافة Shadow بقيمة خفيفة
form textarea:focus, form input:focus { border:1px solid #96C; -moz-box-shadow:0 0 4px #E6D9F2; -webkit-box-shadow:0 0 4px #E6D9F2; }
صراحة Css 3 أضافت الكتير من الأشياء الجمالية لـ css كالضلال و الحواف الدائرية .. و الكتير و لاكن المشكل وهو فقط ضهورها على المتصفحات الحديتة كالفايرفوكس و كروم …و أن شاء الله نرى المتصفحات الأخرى تدعمها قريبا … شكرا لك يا الغالي .
ابصراحه كل يوم يزيد حبي حقه :(
التأثيرات الجديدة للـ CSS3 في منتهي الجمال والروعة صراحة .. يمكننا الآن فعل أشياء أكثر بها كنا لا نستطيع عملها مُسبقاً بالأكواد
فعلا رائع جدا جدا تسلم الايادي
CSS3 في غاية الجمال، لا أعلم لماذا يعذب المتصفحون مطوري الويب أمثالكم :)
شكراً لك
تصميم رائع و جميل..
حاول أن تضسف أيقونات في كل Text Box و خلفية Text Area و ستكون النتيجة مذهلة.
السلام عليكم
تصميم رائع و جميل
و لكن أخي الكريم ماهي الاضافة التي تستخدمها في المدونة للكتابة الأواد
دمت بالصحة و العفية
اضافة اسمها wp_syntax
بخصوص السعر فهو 25 دولار للدومين
شكرا لكم