Üzerinde Gezinme Efektleri ekleyerek
kutularınıza,
tekrarlayıcılarınıza ve ögelerinize canlılık katın. Bu efektler, ziyaretçilerinizin seçtiğiniz ögelerin üzerine geldiğinde gördüğü efektlerdir.
Ziyaretçilerinizin fareyle üzerinde gezindiği ögelerin görünmesini veya kaybolmasını, özel efektler göstermesini ve renk değiştirmesini sağlayabilirsiniz. Ayrıca efektlerinizin potansiyelinden en iyi şekilde yararlanmak için efektlerinizin zamanlamasını ayarlayabilirsiniz.
1. Adım | Öge ekleme ve tasarlama
Üzerinde gezinme efektleri sitenize hareket katar ve sitenizi daha eğlenceli hale getirir. Başlamak için Ekle panelinden bir kutu veya tekrarlayan ekleyin.
Bu ögeleri ekleme hakkında daha fazla bilgi edinmek için aşağıdaki seçeneklerden birine tıklayın:
- Editörün sol çubuğundaki Ekle simgesine
tıklayın. - Kutu seçeneğine tıklayın.
- Sayfaya eklemek için bir kutuyu tıklayın veya sürükleyin.
İpucu: Önceden tasarlanmış bir hover kutusu kullanmayı tercih ediyorsanız, Hover Kutuları'na tıklayın ve bir kutu seçin. - (İsteğe Bağlı) Kutunuzu tasarlayın ve dilediğiniz takdirde kutunuza öge ekleyin.
- Editörün sol çubuğundaki Ekle simgesine tıklayın.
- Liste'ye tıklayın.
- Tekrarlayanlar'ı seçin.
- Sayfaya eklemek için bir tekrarlayıcıya tıklayın veya sürükleyin.
- (İsteğe Bağlı) Tekrarlayanınızı tasarlayın ve dilediğiniz takdirde kutunuza öge ekleyin.
2. Adım | Üzerinde gezinme moduna erişme
Ögenizi ekleyip tasarladıktan sonra efekt eklemek için üzerinde gezinme moduna erişin Ziyaretçilerinizin kutunuzun veya tekrarlayanınızın üzerinde gezindiğinde ne göreceğini buradan kontrol edebilirsiniz.
- Editörde kutunuzu / tekrarlayanınızı seçin.
- Ögenize bağlı olarak üzerinde gezinme moduna erişmek için şunlardan birini yapın:
- Kutu: Üzerinde Gezinme Efektleri simgesine
tıklayın. - Tekrarlayıcı: Tekrarlayıcı'da herhangi bir kutuya tıklayın ve Hover Kutusu simgesini seçin.
- Başla'ya tıklayın.
3. Adım | Ögenize üzerinde gezinme efektleri ekleme
Üzerinde gezinme modundan ögelerin görünmesini veya kaybolmasını sağlayabilir ve havalı efektler ekleyebilirsiniz. Ziyaretçiler kutunuzun veya tekrarlayan ögenizin üzerinde gezindiğinde her şey aynı anda gerçekleşir.
Ne yapmak istediğinizi seçin:
Üzerine gelindiğinde görünecek ögeler ekleyin
- Üzerinde gezinildiğinde görünecek ögeleri eklemek için sol üst taraftaki Üzerinde Gezinmeye Ekle simgesine
tıklayın. - Kutuya veya tekrarlayıcıya eklemek istediğiniz ögeye tıklayın.
Not: Her öge üzerinde gezinme moduna eklenemez.
Üzerine gelindiğinde ögeleri gizleyin
Ziyaretçiler üzerine geldiğinde bir ögenin kaybolmasını sağlamak için:
- Ögeyi seçin ve klavyenizdeki Sil tuşuna basın veya Gizle simgesine
tıklayın.
Not: Belirli ögeleri gizleyebilir veya tüm kutu/tekrarlayıcıyı gizleyebilirsiniz. - Sol üst taraftaki Üzerinde Gezinirken Gizlenir simgesine
tıklayarak gizlenen ögeler listesine erişebilir ve listeyi yönetebilirsiniz.
Ögenin üzerine gelindiğinde gösterilecek efekti seçme
Kutunuz veya tekrarlayan ögenizdeki herhangi bir ögeye (kutunuz / tekrarlayan ögeniz de dahil) efekt ekleyebilirsiniz. Ögelerin büyümesini, küçülmesini, dönmesini veya yana kaymasını sağlayabilirsiniz.
Efekt seçmek için:
- Editör'de kutuyu/tekrarlayıcıyı seçin.
- Efekti Seç'e tıklayın.
- Mevcut seçeneklerden bir efekt seçin. İpucu: Birden fazla efekti birleştirmek için Kombo efekti seçin. Örneğin, bu efekti kullanarak bir ögenin aynı anda hem büyümesini hem de dönmesini sağlayabilirsiniz.
- (İsteğe bağlı) Efekti ihtiyacınıza göre şekillendirmek için Özelleştir'e tıklayın.
Ögeniz için bir efekt seçtikten sonra efektin görünme zamanını ayarlayın.
Zamanlamayı ayarlamak için:
- Editörünüzde ögeyi seçin.
- Zamanlama simgesine
tıklayın. - Mevcut seçenekleri kullanarak efektinizin zamanlamasını belirleyin:
- Süre: Ziyaretçiler ögenin üzerine geldikten sonra efektinizin süresini (saniye cinsinden) seçmek için kaydırıcıyı sürükleyin.
- Gecikme: Ziyaretçilerinizin ögenin üzerine geldikleri andan efekti gördükleri ana kadar geçecek süreyi (saniye cinsinden) seçmek için kaydırıcıyı sürükleyin.
- Hareket hızı: Ziyaretçiler üzerine geldikten sonra ögenizin normal durumundan efekte nasıl geçmesi gerektiğini seçin (ör. Etkinin girip çıkması).
Üzerine gelindiğinde görüntülenen kutunun tasarımını değiştirme
Üzerinde gezinme modunda arka plan rengini, kenarlığını, köşelerini ve gölgesini değiştirmek için kutunun tasarımını.
Not: Bu özellik sadece konteyner kutuları için geçerlidir, tekrarlayıcılara uygulanamaz.
hover kutusunun tasarımını düzenlemek için:
- Seçmek için Editörünüzdeki kutuya tıklayın.
- Kutunun üstündeki Hover sekmesine tıklayın.
- Tasarım simgesine
tıklayın. - Tasarımı düzenlemek için panelin solundan ilgili sekmeyi seçin:
- Dolgu rengi ve opaklığı: Arka plan opaklığını ayarlamak için kaydırıcıyı sürükleyin ve rengi düzenlemek için renk kutusuna tıklayın.
- Kenarlık: Rengi düzenlemek için renk kutusuna tıklayın ve kenarlığın Opaklık ve Renk ve Genişlik ayarlarını yapmak için kaydırıcıları sürükleyin.
- Köşeler: Köşelerin yuvarlaklığını ayarlamak için bir köşe seçin. Tüm köşeleri aynı yapmak için Bağlantı simgesine tıklayın.
- Gölge: Gölgeyi etkinleştirmek için geçiş düşmesine tıklayın ve daha sonra açıyı, mesafeyi, boyutu ve daha fazlasını düzenleyin.
