Search

Basit bir ödeme sayfası tasarımı

Post by
ödeme sayfası Emmanuel Bourgerie tarafından sadece  Css kullanılarak hazırlanmış  CoderWall sitesindeki ödeme sayfasının bir benzeri. Demo örneğinde     resim kullanılmadan hazırlanmış  bir  daire  ve  buton bulunuyor. Buton  boyutu  yazının uunluğuna bağlu  olarak değişiklik gösteriyor. bunların yanı  sıra  birde  hover  kullanılmış. Mouse

3B katlanan çerçeve hazırlama

Post by
flip Ryan McLaughlin tarafından Css3 geçişler ve dönüşümler  kullanılarak  hazırlanmış bir hover  efekti. Sadece Webkit  tarayıcılarında çalışabilen bu örnek resimde  de gördüğünüz  gibi mousenin üstüne gelmesi ile  açılan bir  çerçeveye  sahip.  Bu  örneği kendiniz  için birçok

Transparent vertical div

Post by
şeffaf Daha önceleri paylaşmış olduğum saydam bir üst menü örneğini dikey menü olarak değiştirerek tooltip ekledim. Tooltip kısmı saf  css  kullanılarak hazırlanmış bir bölüm. Ben tooltip örneğini  menüde  kullanarak paylaşmak istedim. Dilerseniz  herhangi  bir yazı içerisindeki bir kelimeyede  tooltip örneğini  uygulayabilirsiniz. İşlem

Açma kapama düğmesi tarzı onay kutuları

Post by
CheckBox Sürekli bu tür örnekler araştırdığım için bu sefer karşılaştığım buton örneğibiraz bana garip geldi. Css3 dosyasının içinde bir türlü bulamadığım buton resimleri bana baya bi şaşkınlık getirdi. Elbette saf Css3 butonlar vardır ve çoğu kez karşılaştığım bir durumdur ama bu kadarda

Slayt akordeon

Post by
akordeon Aslında yazının başlığı saf Css3 akordiyon  örneği olacaktı ama üzülerek söylüyorum 124 bitlik bir resim yüzünden bu akordiyon örneği saf kelimesini haketmiyor.  Resim başlıklarının arkaplanında şeffaf  bir  bölüm oluşturmak istedim ama bunun sonucunda resim başlıklarıda ister istemez  şeffaf  bir hal alıyordu.

Soldan sağa katlanarak açılan liste

Post by
Fold Menü örneğimiz sayfasnın sol tarafında  sabit  duruyor  ve mouse  ile  ok işaretine tıklandığında  adeta ikiye katlanmış  bir  kağıt  parçasının  düzelmesi  gibi  bir  efekte  sahip. Mouse  ile ok işaretine tekrar tıkladığımızda  menü örneği tekrar ikiye katlanıp sayfanın sol tarafında kayboluyor ve sadece

Rhino

Post by
rhino Sebastian Pontow tarafından geliştirilen RhinoSlider eklentisi  websitenize çok kolay bir şekilde  entegre edebileceğiniz  slayt galeri  bölümleri oluşturmanıza  olanak  sağlar. Eklenti her ne kadar  diğer  slayt örneklerine  benzesede  az  çok farklılıkları var  bunun yanında  eklentinin bütün özelliklerini  kullanabilmeniz  için tamamen öğrenmenize  gerek yok.
Back to Top