بحث

الجمعة، 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/AVvXsEgHLuFYO1l0-qBLor5EQ-pXIwj2_k55RAbxe18nA7rEmDWReuqhiZvelIqfGpVMpYI_hP82cOpHw2mYMDrzq2Rz7AGaAzgN1H_mNoJw5rCg33sHUFsXQjVPBRurQOk3IOOULNCu3hkj3xA/s1600/1x1juice.png'/></a><!--Netoops Link Nudge End-->
عند كتابة تدوينة جديدة ضع السهم على HTML وضع الكود التالى
<a class="noopln" href="http://mdwanblog.blogspot.com">MDWAN BLOG</a>
ثم غير ما باللون الأحمر بما يناسبك

0 التعليقات:

إرسال تعليق

Twitter Delicious Facebook Digg Stumbleupon Favorites More