Ana içeriğe geç

Öğeleri taşı

Son güncelleme: 22 Nis 20261 dk okuma süresi

Kısaca​

„Move Elements“ özelliğiyle, web sitendeki bir öğeyi kolayca taşıyabilirsin. Öğenin üzerine tıkla ve üzerinde görünen ok simgeleriyle taşı.

Fonksiyon nasıl kullanılır​

Varify.io editörde taşımak istediğiniz bir öğeye tıklayın. Seçilen öğe çerçevelenir. Çerçevenin üzerinde bir "yukarı ok" ve bir "aşağı ok" bulacaksınız.

Öğeleri bir grup içinde taşıyabilirsiniz. Bu, öğeyi bir sonraki öğeyle değiştirmek istiyorsanız aşağı oka tıklamanız gerektiği anlamına gelir. Öğeyi bir konum öne taşımak istiyorsanız yukarı oka tıklayın.

Hangi öğeye veya öğe kapsayıcısına (div) tıklandığına bağlı olarak, öğe üst öğe içinde yatay veya dikey olarak hareket eder.

Varify editöründe seçilmiş başlık; öğeyi taşıyan araç çubuğundaki iki ok düğmesi vurgulanmış durumda

Öğeleri yatay olarak taşıma​

Seçilen öğe, sağında veya solunda başka blokların bulunduğu bir kapsayıcı (div) içinde yer alıyorsa, öğe buna göre yatay olarak sağa veya sola taşınır.

Öğe, kapsayıcının başlangıcına veya sonuna ulaşana kadar sağa veya sola taşınabilir.

important

Önemli: Öğe yalnızca kendi kapsayıcısı içinde taşınır.

Bu örnekte, siyah kemer ürün kaydırıcısının üçüncü konumuna taşınır.

Ürün satırı öncesi ve sonrası: siyah kemer birinci konumdan üçüncü konuma geçiyor

Öğeleri dikey olarak taşıma​

Örneğin, sayfanın tüm genişliğini kaplayan bir öğeyi veya container'ı taşırsanız ya da aynı üst container içinde sağında veya solunda başka container yoksa, bu öğe dikey olarak yukarı veya aşağı taşınır.

important

Önemli: Öğe yalnızca kendi container'ı içinde taşınır.

Bu örnekte, navigasyon için olan konteyner seçilmiş ve en üste taşınmıştır.

Taşımadan önce ve sonra navigasyon: önce logonun altında, sonra üstünde yer alıyor

Doğru öğeyi seçin​

Doğru öğeyi bir fare tıklamasıyla seçmek her zaman mümkün değildir. Örneğin, bir üst öğeyi taşımak istiyorsunuz, ancak yalnızca iç öğeye tıklayabiliyorsunuz.

Breadcrumb seçici burada size yardımcı olur. Bir öğeye tıkladığınızda, öğenin içinde bulunduğu öğeler/konteynerler görüntülenir. Ardından üst öğeyi seçebilirsiniz.

Bu işlevle ilgili eksiksiz bir makaleyi burada bulabilirsin: Breadcrumb Selector

Editörün breadcrumb'ı: tek bir „a“ bağlantısından seçim yukarı doğru „div.navbar“a taşınır ve bu da tüm navigasyonu seçer