Dikkat

Yazılım içerikleri yükleniyor...

  • Cem Karakurt
  • 78 Okunma
  • 10 Ağustos 2015
  • 2
  • 1

Sitenize Yetenek – Beceri Çubuğu Ekleyin

Kişisel bloglarınızda css,html,javascript,photoshop gibi alanlarda bilgi düzeyinizi sunabilirsiniz.. Bazı kişisel bloglarda karşılaşıyorum. Benim gözüme gayet hoş geliyor. Kendi düzeyinizi göstererek zamanla arttırabilir ve takipçilerinize hangi alanda kendinizi geliştirdiğinizi gösterebilirsiniz. Paylaştığım yetenek barı (skill bar) jQuery & CSS3 ve HTML ile kodlanmıştır.Şimdi kodları size sunuyorum. WordPress, blogger veya başka altyapılı bir sitenizde kullanabilirsiniz.
HTML Kodları

CSS Kodları

jQuery
[code lang=”js”]
jQuery(document).ready(function(){
jQuery(‘.skillbar’).each(function(){
jQuery(this).find(‘.skillbar-bar’).animate({
width:jQuery(this).attr(‘data-percent’)
},6000);
});
});[/code]

Not : Kodları istediğiniz gibi düzenleyiniz.

  • 10 Ağustos 2015 tarihinde yazıldı.
  • 2 yorum yapıldı.
  • 1

Yorumlar (2 Yorum)

Yazı hakkında görüşlerinizi belirtmek istermisiniz?