درس تصميم أزرار ويب احترافية خاصة بك بالـ css

السلام عليكم ورحمة الله تعالى وبركاته كيفكم إخوتي الكرام بخير إن شاء الله لقد احببت أن أقدم لكم دروس جميلة ومفيدة بالصوت والصورة من الآن فصاعدا لكي يكون الفهم أسهل وأفضل بإذن الله درس تصميم أزرار ويب احترافية خاصة بك بالـ css

درسنا اليوم هو درس بسيط لكن جميل وسيفيد البعض وخاصة لمن يريدون تغيير رابط التحميل عبر زر أجمل كما عملت انا لمشاهدة الشرح بالفيديو اضغط هنا أرجوا ان اتوفق في الشرح وينال إعجابكم وترقبوا المزيد ‘ن شاء الله حول تصميم إضافات بلوجر لمن لايعرف كيفية إضافة مثل هاته الاعمال على بلوجر فل يخبرني وانا لن أبخل بالشرح لتحميل مثال للمعاينة تحميل الملف المرفق في انتظار تعليقاتكم أحبائي الكرام تحياتي الخالصة والسلام عليكم ورحمة الله عالى وبركاته

قسم: دورات.تعليمية

مدونات ندعمها

element.style { } Matched CSS Rules #rbar h2 { margin: 8px; color: #666; border: 1px solid #d6d6d6; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; } #rbar h2 { margin: 8px; color: #666; border: 1px solid #d6d6d6; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; } #footer-column-container h2 { margin: 8px; color: #666; border: 1px solid #ccc; background: -moz-linear-gradient(top, #f8f8f8, #eaeaea); background: -webkit-gradient(linear top, #f8f8f8, #eaeaea); background: -ms-linear-gradient(top, #f8f8f8, #eaeaea); background: -o-linear-gradient(top, #f8f8f8, #eaeaea); padding: 8px; font-family: 'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif; font-size: 12px; line-height: 24px; font-weight: bold; -webkit-transition: All 1s ease; -moz-transition: All 1s ease; -o-transition: All 1s ease; -ms-transition: All 1s ease; transition: All 1s ease; text-shadow: 0px 1px 0px #fff; } h2 { } user agent stylesheeth2 { display: block; font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } Inherited from div#rbar #rbar { list-style-type: none; list-style: none; } #rbar { list-style-type: none; list-style: none; } Inherited from div#footer4 Style Attribute { text-align: right; } Inherited from div#footer-column-container #footer-column-container { color: #666; } Inherited from body body { color: #405351; font-family: tahoma, 'alweeam', 'Droid Arabic Kufi', Arial, Verdana; font-size: 14px; }