Blog Fonksiyonel Geçiş Efektleri

6/01/2016
Blogunuzda bir menü yada elemanın geçiş efektine sahip olması blog şablonlarında body, içerik altında, sidebarda kullanılmak üzere açılır-kapanır menü gibi içeriklerinizde, sayfalarınızda ve menülerinizde kullanışlı olan fonksiyonel efektleri blog yayınlarında oldukça yararlı olacaktır.

Blog Fonksiyonel Geçiş Efektleri

Blog Fonksiyonel Geçiş Efektleri Nasıl Oluşturulur?

1. Eğer biraz CSS bilginiz varsa daha farklı tasarımlar da oluşturabilirsiniz. Fonksiyonel efektler için CSS örnek kodu aşağıdaki gibidir.
.transitions {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
Burada paylaşmış olduklarımız tamamen fonksiyonel efekt nasıl oluşturulur? Bunu örnekler ile cevaplamaya çalışıyoruz. Blogger ipuçlarından olan fonksiyonel efekt şablona uygulaması - öncelikle blogger hesabınıza gidin ve giriş yapın ardından oluşturmak istediğiniz blogun kumanda panelinden Şablon > HTML'i Düzenle diyoruz. CTRL+F yardımıyla ]]></b:skin> yada </style> kodunu bulun ve aşağıdaki kodu ]]></b:skin> yada </style> kodu içerisine kopyalayıp ekleyin.
.fullload * {-webkit-transition:none!important;-o-transition:none!important;
-moz-transition:none!important;-ms-transition:none!important;}
2. Sonra aşağıdaki kodları değiştirin.
<Body>
Bu kod gibi olmalı.
<Vücut class = "fullload">
Şablonu kaydedin.

DEMO - 1



DEMO - 2

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok