Chrome mağazası benzeri ürün sayfası tasarımı

7
461
views

Chrome store

Google’nin Chrome tarayıcısı için yapılmış uygulamaları indrebileceğiniz  sayfayı gördünüz mü bilmiyorum. Tarayıcı üzernden kullanabileceğiniz  birçok uygulama ve oyun barındıran bir mağaza. En son olarak masaüstü cihazlar için kullanabileceğini uygulamalarda eklendi. Mağazada herhangi bir uygulama indirmeden önce uygulamanın resminin  üzerine mouseyi getirdiğiniz an uygulama resmi yukarı çıkıyor ve  indirmek için gerekli bağlantılar görünüyor.

Todd Moy tarafından jQuery ve Css kullanılarak buna  benzer bir galeri örneği hazırlanmış. Benzerinden  ziyade tıpatıp aynısı desek yeridir. İşin html kısmı biraz fazla bölümden oluşuyor ama kullanılmaya değer  bir tasarım. Bu  galeri örneğini  websitenizin fotoğraf  bölümüne yada anasayfada yayınladığınız yazılar  için kullanırsanız siteniz  için gayet güzel bir görünüm elde edebilirsniz. Birde paylaş butonunda herhangi bir paylaşım sitesi için ayarlanmamış. Sadece buton niyetine duruyor orda. Onun içinde  bi ayarlama yaparsanız  herhangi bi eksiği kalmayacaktır.

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölümler.

Js dosya adresi :

JavaScript :

Css :

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html :

 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikGlide.js
Sonraki İçerikFreeWall.js
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

7 YORUMLAR

  1. Merhabalar, galerinin üstüne tıkladığımızda oluşan diğer penceredeki “ücretsiz” butonuna nasıl link vercez, yardımcı olursanız sevinirim, Teşekkürler

    • Teşekkürler @Yasin sayende örnekte bir eksiklik farkettim. Nasıl link eklendiğini anlatırdım ama bu sefer de link eklenince css kodlarda ‘Ücretsiz’ yazısının mavi renkli ve altı çizili olmaması için bir düzenleme yapman gerekecekti.

      Gereken düzenlemeyi yaptım ve html kod kısmına da link ekledim. Ayrıca download butonundan örneğin düzenlenmiş yeni halini indirebilirsin. Şuan link ekleme sorunu düzeltildi. Güle güle kullanın.

  2. Kardeşım merhabalar, tekrardan rahatsız ettım özur dılerım, ben bunu temaya gore uyarlayamadım tema yazılarına mudahale edıyor ve ana ındex’ın ıcındekı dıger menulerle karısıyor, acaba sıze sıte bılgılerını versem kontrol edermısınız, veya ıframe ıle cekmeyı dusunucem bunun ıcınde menu’nun tam olarak sol ustte olması gereklı bunu da yapamadım, tesekkurler

    • Temadan kastın WordPress temasıysa eğer bu biraz fazla karmaşık. Bunun için teknik destek verebilecek kadar zamanım yok maalesef. Sadece boş zamanlarımda uğraşırım burasıyla.

CEVAP VER

Please enter your comment!
Please enter your name here