Friday, 20 September 2013

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

03:43  Unknown  لا يوجد تعليقات

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

منشورة في:

0 comments:

Post a Comment