Nasıl yapmak: site için "Yukarı" butonuna

Ziyaretçilerine için Internet daha uygun kaynak yapma Böyle bir fonksiyon, site için "yukarı" düğmesi. Kolayca üst kısmında sayfasında yerden gezinmek için yardımcı olur. Bu çevrimiçi mağazalar ve aşağı uzun bir kaydırma gerektiren büyük eşyalarla siteler için bir zorunluluktur.

Neden Gerekli

Şu anda, bu işlevin sitelerin çoğu, düğme "yukarı" değildir ve kritik bir şey yoktur. Ama kullanımı hem internet kaynak için ve ziyaretçilere birçok avantaj getirebilir.

ziyaretçiler için faydaları

Çoğu zaman, İnternet kaynağın sayfa ağır enformasyon makale çok yer alır ve fare tekerleğini kullanarak sayfayı aşağı kaydırmak zorunda bilgi miktarını yüklendiğinde. Makalenin sonunda bu artı, kendisine yorumlar çok sunabilir.

Bir ziyaretçinin bir sayfaya aşağı kişisel Yorucu kaydırma bir makale okurken zaman mevcut değildir, ancak metin sona erdi ve onu yukarı taşımak için gerekli olan zaman, biraz yormak başlar. Çoğu kişi sadece çok tembel uzun kaydırma kurşun olacak ve onlar sadece ziyade onun açık alanlar üzerinden başka yürüyüş daha siteyi kapatın.

anında Sayfanın en üstüne taşımak için bir düğmesini kullanarak sitedeki eğlence daha rahat hale getirir.

Bir Internet kaynağın Faydaları

daha kolay tüm ziyaretçiler eylemlerinin daha aktif olması ve diğer sayfalara hareket edecek gibi site, davranışsal faktörler geliştirir gezinmek için çünkü kaynağın pozitif yönleri kendisi tarihsel faktörlere dayalı.

Böylece veri davranışsal faktörler arama sonuçlarında site ve iyileştirilmiş alana kurşuna tüm arama motorları tavrını etkiler.

yalnız web sitesindeki "Yukarı" butonuna nasıl yapılır

ayrıca incelenmiştir. Düğme her zaman birkaç çok basit adımları izleyerek kendi yapabilirsiniz CMS herhangi birine siteye yukarı kaydırmak için:

• Görüntünün oluşturulması;
• komut oluşturulması;
• Bir düğme stili oluşturma;
• Siteye ekledi.

düğme görüntüsü

kendisi bir simge yapmak için bir başlangıç ihtiyacı için, "yukarı" sitesinde eklemek için tıklandığında kullanıcı sayfa yukarı hareket edecektir. Sen her zaman en uygun seçebilir aralarında hazır seçenekleri kullanabilirsiniz.

düğmenin görünümünü iyileştirmek için, yani bir sprite yapmak için, bazı iyileştirmeler yapmak gerekir, böylece kısa bir animasyon oluşturulan sahip, arka plan resimleri birleştirmek CSS tabanlı sağlar.

grafik çalışmalar için, herhangi düzenleyici kullanabilirsiniz. indirmek için hiçbir şey ve tarayıcınızda doğrudan kullanabilirsiniz gerek yoktur çünkü Ama en uygun seçenek çevrimiçi hizmeti Pixlr vardır.

seçmek için pencere editörü çalışmaya başlamak için "Bilgisayarınızdan bir resim yükleyin." Bir örnek olarak, roket görüntüsünü alır.

Seçilen simgelerin boyutu çok büyük iseniz, boyutu küçük bir ayar yapmak gerekecektir. Bunu yapmak için, "Düzen", «... dönüşümü Free» Üst menüden gidin ve alanı seçin ve sonra

Daha sonra, resme hareket ediyor özel işaret olduğunda yanında görüntüyü yeniden boyutlandırabilirsiniz. boy oranını korumak için, söz konusu tutarak Shift tuşunu kullanabilirsiniz, mavi işaretçileri hareket etmek gerekir. Bu işlemlerin sonunda füzeler görüntü elde edilir.

Bir sonraki adım - katmanın bir kopyasını oluşturmak.

Şimdi kendine biraz çeki katman yeni füzelerin görüntüyü taşımak gerekir. Bunu yapmak için, klavyedeki "yukarı" sol menüde ikinci sütununda yer alan taşıma aracını kullanın ve ok uygun olacaktır.

Şimdi siyah beyaz üst görüntüyü yapmak gerekir. "Ton / Doygunluk" üst menüden - Bu öğe "Düzeltme" kullanılarak yapılabilir. Tam bir renk değişimi kaydırıcı "Doygunluk" için değerini -100 almalıdır. Bu eylem üzerine geldiklerinde "Yukarı" butonuna rengine siyah beyaz dan dönecek etkiyi yapacaktır.

Son dokunuş - iki resim çevresinde aşırı boşluk çıkarılması. Bunu yapmak için, sol menüden madde "Trim" seçin ve bir dikdörtgenin içine sadece iki füze seçin. tuşuna girin kırpma presleri yapmak için.

Çok fazla boşluk olduğu bir görüntü elde etmek için. Bu veri bir sonraki adımda faydalı olacaktır olarak, ortaya çıkan görüntülerin genişlik ve yüksekliği kaydetmek gerekir.

"Dosya" tıklayın gereğini kaydetmek için - (- PNG bu durumda) ve "Evet" tıklayın "Kaydet", "Bilgisayarım" altında sol görüntünün (sadece İngilizce klavye düzeni), biçimi seçin adını yazın.

düğmesinin "Yukarı" komut dosyası ile dosya

gerekli değildir, bu durumda bir komut dosyası yazın. Bazı değişiklikler hazır kod getirerek, bir kamu seçeneği kullanmak mümkün olacaktır.

Bu, herhangi bir kod editörü indirmek için gerektirecektir. En popüler ve aynı zamanda ücretsiz sürümü - ++ Notepad olduğunu. Yükleme tamamlandıktan sonra kopyalayıp hepsini bu kodu yapıştırın gerekir: