9 ŞUBAT 2013, CUMARTESİ

Css Eğitimi Hover Yapar Cms Seçenek Düğmeleri Görünür Html5 Css3 Öğretici

Bu web geliştirme dersinde biz şeyleri sihirli nasıl gösterecektir Kullanıcı belli üzerindeki deadmau5 geldiğinde görünür web sayfasında biz üzerinde elementler saf CSS kullanmak için gidiyoruz bu nedenle bu kullanıcı JavaScript açık olsa bile çalışacak Bir tarayıcı yazılımı Biz basit soğuk kumar önce belli göstermek istiyorum nasıl bilerek zaman örnekleri böyle bir şey web geliştiricileri için yararlı olacağını biz bir teklif zaman çevrimiçi birçok kez çalışır müthiş yazılım yaratıyoruz ders insanlar bozukluk soğuk Adam nasıl olur kullanmak nerede gibi bana yorum yapmak Bu benim için kullanışlı olabilir

Gerçek dünya örnek göstererek bana bunu hepinize kristal berraklığında yapalım Eğer böyle bir şey geçerli olacak nerede sizin Facebook oturum istiyorum hesap ve profilinize gidin Profil resmi üzerine fareyi ve gö

rürsünüz istediğin her neyse bana ama ya Bağlantı bir diyor bir düğme diyoruz o düzenlemek profil resmi sihirli görünür ve görünür Ben o öğenin üzerine benim fare koymak ve bu olabilir her türlü bilgi size bir res

“Ders Kodu: http://www.developphp.com/video/CSS/Hover-Makes-CMS-Option-Buttons-Appear-Tutorial Kullanıcı web sayfasında bir şey üzerine geldiğinde bunları istediği...”
Adam Khoury

im olmak istiyorum Ayrıca size Google'da oturum gibi her türlü Howard bir kutu içinde metin olabilir Plus hesabı ve gördüğünüz hepsi profil resminiz mil umut Bir düğme altında görünen o resmi açmak tamam böylece yapacaksın hatta Webb yapmak ve nasıl öğreneceğiz ne Sosyal ağ kurma öğretici serisinin bir parçasıdır nokta com kesişir Biz uh orta% olduğunuzu Farenizi umut şu anda sizin profilinize gidin ve oturum açmış olduğunuz Profil resmin üzerine

Css Eğitimi Hover Yapar Cms Seçenek Düğmeleri Görünür Html5 Css3 Öğretici Resim 1 Css Eğitimi Hover Yapar Cms Seçenek Düğmeleri Görünür Html5 Css3 Öğretici Resim 2 Css Eğitimi Hover Yapar Cms Seçenek Düğmeleri Görünür Html5 Css3 Öğretici Resim 3 Css Eğitimi Hover Yapar Cms Seçenek Düğmeleri Görünür Html5 Css3 Öğretici Resim 4

bir düğme görünmesini sağlamak sağ tarafına insanları sağlayacak biraz ortada Ben yerine bir programlama koyduğunuzda profil resmi hakkını düzenlemek ve burada gerçek kod örneği bana izin var ben sadece tam olarak görebilirsiniz korursunuz hangi nasıl öğreniyor olacaktır Ben benim koymak, böylece soğukta bile gavel önce Eğer deldi bir buton göreceksiniz bu öğenin üzerine fare ve biz çıplak kemikleri var başlamak için gidiyoruz çok basit kod tamam Bir html5 web belgesi ben yerde benim stil etiketi görebilirsiniz Beni

m CSS ile ve sadece var gövde elemanı tek yaptığı resim kimliği bir kutu 1 kutu içindeki 1 Benim örnek dostum hizmet için gidiyor basit bir bağlantı var Bu kutuda da bu yazının ile resim ve bu burada benim avatar bkz avatar olduğunu Ben üzerine geldiğinizde ben yapmak için CSS kullanmanız Bu bağlantı ben istedim herhangi bir yere görünür OKC HTML yapısını görmek ve bunu çok çok basit olduğunu biliyorum bu yüzden CSS kadar açalım ve çok hızlı bir şekilde açıklamak Yaptığımız ilk şey bir kimlikle yaptığı yapı hedef Bir kutu 1 ve biz bunu sağlam düzeltmek için büyük bir emirdir bir sınır vereceğim Bu kutu ile sağlayacağız yüksekliği 200 piksel 200 piksel ve çevresinde marj alanı tür neyse olabilir marj alanı ben aslında kaldırıldı ve her şey çalışacak istiyorum bkz tam olarak aynı Ben sadece bir örnek olarak sizin için onların marj alanı vardı İsterseniz herhangi çevresinde boşluk veya ne olursa olsun bir sonraki çizgi var CSS, biz hedef için gidiyoruz olduğunu Bir kutu içinde var resim etiketi 1 olacağını görebiliyorum Burada bu resim etiketi ray biz yeminli ifade vermek için gidiyoruz Bu düğme görünmesini yaptığında bu şekilde yukarı mutlak imajımız o kadar gelir her yerde onun kesinlikle pozisyonunu dolaşmak değil hareket edecek Bana biz sadece emin z-index yapmak istiyorum İndeksi 2000 görmek için verecek görüntüde daha sonra olduğu senin butonuna düğme kolay sahiptir görmek ve 3.000 $ kabul edebilir Görüntü oa 2000 z-index sahip ve sadece resmi olan 200 piksel yapabilir ve maksimum yükseklik sonraki bit 200 piksel CSS hedef olduğunu Bir kutu 1 içine var küçük bağlantı düğmesi ama biraz bağlantı ben getirdiğinizde görünen küçük bir sihirli kalemi var Benim fare eski kutu biri ve ben biraz olsun Eğer olmasını istersen eleman. Bir düğme olabilir Bir be o bunu istediğini yaptım Eğer kutu 1 farenizi getirdiğinizde sihirli görünür sadece bu kadro CSS ekleyerek bir fikir kutu 1 ile vermek hedef bunu sözde seçici vazgeçmek diğer ve daha sonra bir sonraki şey koymak Etkilemek istediğiniz d elemanıdır Kutunun bir oluşturucu umuduyla olduğunda ve bunu görünür ve görünmez hale zorunda değilsiniz bunu normalde varsayılan olarak iki boyutunu yapabilirsiniz Onların kutusu burada yapılabilir bir şey CSS yapmak istediğiniz Ben sadece görünür ve görünmez yapma gibi oldu böylece Wendy kullanıcı kutusunda 1 üzerinde gezinen Öyle bir görüntü bloğu yapmak Temelde o görünür yapar ve varsayılan olarak görebilirsiniz o yüzden burada dokuzda bir ekrana sahip deepal tüm bitleri var özellikleri ve onu alır burada özellikleri Kullanıcı fare geldiğinde üzerinde bir tane ver ve ben var yapılan isterseniz sadece düğme gibi bir bağlantı bakmak yapabilirsiniz border-radius: 3 piksel ve bize bu ne verir güzel kahverengi düğmesi şey arıyor ve ne zaman kullanıcının moskova en vermedi düğmenin üzerinde görebilirsiniz çok az ve sembolü haline döner Eğer sahip olmak isteseydiniz, bu eli sembolü vermek tek yapmanız gereken tüm bazı CSS bugün olduğu Burada bir imleç işaretçisi kullanabilirsiniz Şimdi bunun üzerine farenizi getirdiğinizde ve sonra o işaretçiyi olarak sahip iyi ve ancak düğmenin üzerine bu işlevselliği istemeyebilirsiniz ya da sadece varsayılan bu konuda bir bağlantı var olabilir Saf CSS kullanarak bunu nasıl GNC gerekir her yerde onları istediğiniz şeyler sihirli sayfada görünür hale getirmek için Kullanıcı ne başka bir şey üzerinde farenizi iken Ben bize bir öğretici yararlı buldum umut ve ben bir sonraki derste göreceğiz.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Hover-Makes-CMS-Option-Buttons-Appear-Tutorial Kullanıcı web sayfasında bir şey üzerine geldiğinde bunları istediğiniz yerde işler sihirli tam görünmesi için CSS ve HTML kullanmayı öğrenin. Bu kod tür İçerik Yönetim Sistemleri veya belirli içerik için düzenleme seçenekleri vermek istediğiniz içeriğin bir sahibi var olduğu sosyal ağ siteleri genellikle uygulanacak. Normal ziyaretçiler sihirli düğmeler görünür görmek için olsun olmazdı.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.6/10

  • 126
    Olumlu
  • 4
    Olumsuz
  • 24
    Yorum
  • 15794
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • BetterCoder

    BetterCoder

    17 Aralık 2012
  • FrameCityJackal

    FrameCityJac

    4 Aralık 2010
  • The Onion

    The Onion

    14 Mart 2006

ANKET



Bu sayfa işinize yaradı mı?