صندوق التنبيهات أو للإعلان

إضافة تأثير css3 على الروابط فى مدونتك

تعليق واحد3:43 ص, مرسلة بواسطة Hady store
بسم الله الرحمن الرحيم ... حركة إنسيابية جميلة على الروابط الخاصة بك فى مدونات بلوجر ستعطى شكلاً جميلاً لمدونتك ومن فوائدها فهى لا تطبق على جميع اللينكات هى فقط فى اللينكات التى بداخل التدوينة .
تحرير القالب ثم إبحث عن هذا الكود ]]></b:skin> وضع فوقة مباشرة الكود التالى
a.noopln {
-moz-transition: all 0.1s ease-in 0s ;
transition: all 0.1s ease-in;
-webkit-transition: all 0.1s ease-in 0s ;
-o-transition: all 0.1s ease-in 0s ;
}
a.noopln:hover {
margin-left: 12px;
}
إضافة تاثير الجى كويرى إبحث عن الكود الآتى
<head> وضع بعدة مباشرة الكود التالى 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
آخر خطوة إبحث عن هذا </head> وضع قبلة الكود التالى 
<!--Netoops Link Nudge Start-->
<script type='text/javascript'>
var speed = 300; // Speed Of Animation
$(document).ready(function() {
$(&#39;a.noopln,#Label1 ul li a,.Label li&#39;).hover(function() {
$(this).animate({paddingLeft: &#39;13px&#39;}, speed);
}, function() {$(this).animate({paddingLeft: 0}, speed);
});
}); </script><a href='http://netoopsblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRRxhoP4lJY-jC1KqGKJDTGQa3dbNxsYIl3kWZVXDCBskLEbagl-QkrCvRlnBA7PPz2lFE2COhidR_9MqOW8ahyphenhyphenosC7weqB_UHW31D5nVo4ASAVdm0ydS89vYWweiTs3Io7Wlz6VjXoz0/s1600/1x1juice.png'/></a><!--Netoops Link Nudge End-->
عند كتابة تدوينة جديدة ضع السهم على HTML وضع الكود التالى
<a class="noopln" href="http://mdwanblog.blogspot.com">MDWAN BLOG</a>
ثم غير ما باللون الأحمر بما يناسبك

تعديل الرسالة…

تعليق واحد على { إضافة تأثير css3 على الروابط فى مدونتك }

Unknown يقول...
24 سبتمبر 2014 في 3:38 م [حذف]

شكرا
لكن لم اجد الكود الاول

هل تريد التعليق على التدوينة ؟