1

1
اعلن هناإضغط لعمل تبادل إعلانى

الجمعة، 20 سبتمبر 2013

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

بسم الله الرحمن الرحيم ... حركة إنسيابية جميلة على الروابط الخاصة بك فى مدونات بلوجر ستعطى شكلاً جميلاً لمدونتك ومن فوائدها فهى لا تطبق على جميع اللينكات هى فقط فى اللينكات التى بداخل التدوينة .
تحرير القالب ثم إبحث عن هذا الكود ]]></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/AVvXsEgz8qnj9Y1P_rAbVwxiuCuvzhvzBN_hdxS7bII0f2iEsbuzFDy-t_Yk92mKMURMbPls4lq03az1mTpAjHVQgLGuMiLxHx-LynfuNwGjlhvQiGoJdEC7I92Lc2XEOxt6YR9CfcRxtWq8P5E/s1600/1x1juice.png'/></a><!--Netoops Link Nudge End-->
عند كتابة تدوينة جديدة ضع السهم على HTML وضع الكود التالى
<a class="noopln" href="http://mdwanblog.blogspot.com">MDWAN BLOG</a>
ثم غير ما باللون الأحمر بما يناسبك

تدوينات ذات صلة

الكاتب | مدونة مدون

مساحة مخصصة للكتابة نبذة عن الكاتب هذة تجريبية فقط وشكرا تحياتى من مدونة مدون

0 التعليقات:

تدوينات عامة

© 2013 تجربة مدون. تكويد مى ثيم شوب تصميم Bloggertheme9
Design | Mdwan Blog.