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

إضافة تأثير 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> وضع قبلة الكود التالى

<script type='text/javascript'>
var speed = 300; // Speed Of Animation
$(document).ready(function() {
$('a.noopln,#Label1 ul li a,.Label li').hover(function() {
$(this).animate({paddingLeft: '13px'}, speed);
}, function() {$(this).animate({paddingLeft: 0}, speed);
});
}); </script><a href='http://netoopsblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJcMISETF5Mj5zdabc6e7SNywN73yMC7EZOWLT-aNXGsYNLuV1r-ninuPCHiKczm-EWl-6dnEi8rW8bzvHylr-t3kYinuR7SlviB9yqMSZpD8fKteXFCA9QDCitfKnBdfv_8qzHYF7keM/s1600/1x1juice.png'/></a>

عند كتابة تدوينة جديدة ضع السهم على HTML وضع الكود التالى