Css ile loading animasyonları başlıklı yazım da ziyaret ettiğim sitelerden birisinde gördüğüm ve webmasterların da işine yarayabileceğini düşündüğüm bir uygulamayı paylaşacağım…

Aşağıda 5 farklı seçenek ile hazırlanmış olan loading animasyonlarını göreceksiniz. Biz genelde .gif resimler ile bu eksiği giderebiliyoruz ancak hızlı bir şekilde gerek rengini değiştirmek gerek boyutunu değiştirmek istediğimizde sıkıntı olabiliyor. Bu uygulama da ise sadece css ile yapıldığından dolayı daha fazla müdahale etme şansımız olacak.

Css günümüzde biz webmasterlar için önemli bir yer kaplıyor ki böyle uygulamalar ile de kaplamaya devam ediyor. Css loading animasyonları için ;

Demo | İndir

The post Css ile loading animasyonları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Content tabs menü web tasarım da çok sıklıkla karşımıza çıkmktadır. Kullanışlı olması ve daha fazla yer kazandırması bakımından hem kullanıcı bakımından hem de web tasarımcı bakımndan oldukça işimize yarayacak bu uygulamayı ve demo adresi aşağıda bulabilir ve sizde sitelerinizde kullanabilirsiniz.

4 farklı kullanma seçeneğiyle sizlere seçme şansıda sunan bu uygulamayı indirmek ve demo suna bakmak için ;

DEMO | İNDİR

Gelen aramalar :

• css uygulama örnekleri
• css uygulamaları

The post Animasyonlu Content Tabs Menü first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Bu yazımda html5 ve css3 ile giriş & kayıt formu örneği paylaşacağım hemen hemen bir çok sitede kullanabilecek bir örnek olması bakımından faydası olacağını düşünüyorum. Daha fazla uzatmadan bu uygulamanın demosuna ve indirme linkine nasıl ulaşacağınızı yazıyorum…

Giriş ve kayıt olma arasında efektli geçişler sağlanmış görsel olarak çok iyi düşünülmüş.

DEMO | İNDİR

Gelen aramalar :

• html5 form örnekleri

The post HTML5 ve CSS3 ile Giriş ve Kayıt Formu first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Evet arkadaşlar bu derste basitçe border silmeyi göstereceğim. Mesela diyelim kullanıcı girişi bölümü yaptık. Temamıza da border uymuyor. Border’ı css ile kaldıralım.

Mesela ben temaya uygun yazı alanının altında sade bir çizginin olmasını istiyorum. Yazı alanına bir id veriyoruz. Ben “yazialani” dedim. Css’ine;
#yazialani {

	border:none;
	background:url(resimler/yazialani.jpg);
	}

“border:none;” ile kenarlıkları kaldırıyoruz. background:url ile de arkaplan resmini veriyoruz.

Arkaplan resmi eklenip border silinmemiş hâli;

Border silinmiş hâli;

The post Css ile yazıların kenarlığını silme first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Css ile aklınaıza gelebilecek her türlü soru ve bilgi için ihtiyacınız olan herşeyi bulabileceğiniz bir css kitabı indirmek için download sayfamızı ziyaret ediniz…

Gelen aramalar :

• web tasarım uygulama örnekleri
• örnek css uygulamaları
• css örnek uygulamaları

The post css dersleri ve örnek uygulamaları first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.