كيفية إضافة تأثير على الصور في مدونتك في بلوجر
Abdo Salem |
السبت, ديسمبر 27, 2014 |
2 تعليقات
تأثير على الصور في مدونتك في بلوجر
تأثير على صور مدونتك جميل ورائع, ويجعل الصورة لها إطار جميل, وعندما يقف مؤشر الماوس عليها تدور دوران خفيف.كيفية إضافة تأثير على الصور في مدونتك في بلوجر
1 - أدخل إلى لوحة التحكم -> القالب -> تحرير HTML.2 - ضع هذا الكود فوق .
<style type = "text/css"> img { padding:2px !important; border:1px solid #eeeeee !important; transition:all 0.2s ease-in-out !important; -o-transition:all 0.2s ease-in-out !important; -moz-transition:all 0.2s ease-in-out !important; -webkit-transition:all 0.2s ease-in-out !important; } img:hover { transform:rotate(-2deg) !important; -o-transform:rotate(-2deg) !important; -ms-transform:rotate(-2deg) !important; -moz-transform:rotate(-2deg) !important; -webkit-transform:rotate(-2deg) !important; } </style>3 - أضغط على حفظ.
كيفية تخصيص مؤشر الماوس
Abdo Salem |
الخميس, ديسمبر 25, 2014 |
0 تعليقات
تخصيص مؤشر الماوس
إذا كان عندك موقع على الويب, فأكيد تحاول تخصيص العناصر الإفتراضية التي في المتصفح مثل السكرول بار ومؤشر الماوس, ليميز موقعك عن باقي مواقع الويب.كيفية تخصيص مؤشر الماوس
1 - ضع هذا الكود في ملف الـCSS الخاص بموقعك.* { cursor:url(IMG-URL),default !important; }2 - قم بتغيير :
- IMG-URL -> رابط صورة مؤشر الماوس.
كيفية استخدام أيقونات الخطوط
Abdo Salem |
الأربعاء, ديسمبر 24, 2014 |
2 تعليقات
استخدام أيقونات الخطوط
أيقونات الخطوط, هي عبارة عن خط يتم تركيبه على موقع الويب, لكن بدل الحروف والأرقام يتم كتابة أيقونات, وأيقونات الخطوط هي بديل للصور, وهذه هي طريقة استخدام أيقونات الخطوط, سوف نستخدم أيقونات خط Font Awesome, لكن يمكنك استخدام أي خط أيقونات آخر.كيفية استخدام أيقونات الخطوط
1 - ضع هذا الكود فوق </head>.<link href = "http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel = "stylesheet"/>2 - ضع أي كود أيقونة من هذه الأيقونات في أي مكان تريده, مثال :
<i class="fa fa-file-text-o"></i> هذا النص هو مثال لنص يمكن أن يستبدل- وسيظهر لك هكذا :
هذا النص هو مثال لنص يمكن أن يستبدل
الاشتراك في:
الرسائل (Atom)