عدد مشاهدات الموضوع:
التأثيرات ذات الطابع الخاص على الصور تضفى على تدويناتك داخل مدونتك شكلا أخر مما يلفت انتباه متابعيك. سنشرح كيف يمكنك وضع لمسات فنية على صورك من خلال كود JQuery لينتج لنا خمسة تأثيرات رائعة على صور التدوينات.
يمكنك معاينة التأثيرات من هنا (مدونة تجريبية).
والأن اذا أعجبتك طريقة عرض الصور يمكنك الحصول عليها باتباع الخطوات:
1- أدخل على لوحة التحكم ثم إلى القالب Template
2- اختر تحرير Edit HTML
3- ابحث Ctrl + F عن </head> وضع فوقها أو قبلها ذلك الكود
<script src='http://code.jquery.com/jquery-1.7.1.min.js' type='text/javascript'/><script src='http://yourjavascript.com/143237963/jquery.adipoli.min.js' type='text/javascript'/><script type='text/javascript'>/*<![CDATA[*/jQuery(function($pice){$pice('.effect1').adipoli({'startEffect' : 'normal','hoverEffect' : 'popout'});$pice('.effect2').adipoli({'startEffect' : 'overlay','hoverEffect' : 'sliceDown'});$pice('.effect3').adipoli({'startEffect' : 'transparent','hoverEffect' : 'boxRandom'});$pice('.effect4').adipoli({'startEffect' : 'overlay','hoverEffect' : 'foldLeft'});$pice('.effect5').adipoli({'startEffect' : 'transparent','hoverEffect' : 'boxRainGrowReverse'});
});/*]]>*/
</script>
4- ابحث Ctrl + F عن ]]></b:skin> وضع فوقها أو قبلها ذلك الكود
.adipoli-wrapper{position:relative;display:inline-block;margin:auto}
.adipoli-slice{display:block;position:absolute;z-index:0;height:100%}
.adipoli-box{display:block;position:absolute;z-index:0}
.post img{border:0!important;margin:0!important;padding:0!important}
.adipoli-wrapper>img,.adipoli-before,.adipoli-after{position:absolute;z-index:0}
5- قم بحفظ القالب Save Template
6- لإضافة التأثيرات على الصور ستستخدم هذا الكود
<a href="https://lh6.googleusercontent.com/-8GqQDSvAvqQ/UuL9ERD66jI/AAAAAAAAHoE/XKOs5jCPyMo/h120/baner+abu+iyad.png"><img class="effect1" src="https://lh6.googleusercontent.com/-8GqQDSvAvqQ/UuL9ERD66jI/AAAAAAAAHoE/XKOs5jCPyMo/h120/baner+abu+iyad.png" /></a>
- قم بتغيير الرابط الملون بالأحمر إلى رابط الصورة التى تريد إضافة التأثير لها
- قم بتغييرالرقم الملون بالأزرق بالتأثير المناسب لك بحيث يمكنك تغييرها إلى 2 أو 3 أو 4 أو 5 . قم بتجربة التأثيرات الخمسة والمفضل لديك استخدمه.
بانتظار تعليقاتكم واستفساراتكم.
شكرا لك اخى محمد حقيقى مبدع
ردحذفhttp://amaleca.blogspot.com/
أنت مبدع أخي الكريم تسلم ايدك
ردحذفhttp://konozthakafia.blogspot.com
@eslam mohamdi
ردحذفأهلا وسهلا اسلام.. شرفتنا بزيارتك وكلامك
@Mahmoud Hamada
ردحذفاهلا بيك محمود والابداع من بينكم وشكرا لك
مشكور جدااا
ردحذفارجو زيارة مدونتى : http://gamesnewi.blogspot.com/
جزاك الله خيراً أخي أبو إياد
ردحذفhttps://maalomty.blogspot.com/