css uygulamaları | Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı

Yazılanlar da ‘css uygulamaları’

Css ile loading animasyonları

Kasım 18th, 2012

Css 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.

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png"/>

Kategoriler : CSS, GÜNCEL, HTML, WEB TASARIM

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png"/>

Anahtar Kelimeler : css animasyon, css loading, css uygulamaları, loading animasyonları, loading gif, yükleniyor resimleri

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png"/>

Devamını Oku »

Animasyonlu Content Tabs Menü

Nisan 29th, 2012

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 bir uygulama…

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png"/>

Kategoriler : CSS, DOWNLOAD, HTML, WEB TASARIM

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png"/>

Anahtar Kelimeler : css tab menu, css uygulamaları, css3 menü, css3 örnekler, menü örnekleri, site için menü indir, tab content menü, tabs menü, web tasarım, web tasarım tab menü

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png"/>

Devamını Oku »

HTML5 ve CSS3 ile Giriş ve Kayıt Formu

Nisan 22nd, 2012

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.

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png"/>

Kategoriler : CSS, DOWNLOAD, GÜNCEL, HTML, WEB TASARIM

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png"/>

Anahtar Kelimeler : animasyonlu form, css giriş formu, css uygulamaları, CSS3 ile Giriş ve Kayıt Formu, giriş forumları, html5 kayıt formu, Kayıt ol Formu, web sitesi giriş, web tasarım kayıt ol

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png"/>

Devamını Oku »

Css ile yazıların kenarlığını silme

Ocak 22nd, 2011

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.

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png"/>

Kategoriler : CSS, WEB TASARIM

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png"/>

Anahtar Kelimeler : cc kenarlık, css border, CSS dersleri, Css ile yazıların kenarlığını silme, css kenarlık silme, css uygulamaları, web tasarım dersleri, yazıların kenarlığını silme

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png"/>

Devamını Oku »

css dersleri ve örnek uygulamaları

Kasım 17th, 2010

css dersleri ve örnek uygulamaları

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/folder.png"/>

Kategoriler : CSS

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/tag.png"/>

Anahtar Kelimeler : css bilgileri, CSS dersleri, css dersleri ve örnek uygulamaları, css ne işe yarar, css nedir, css uygulamaları

<img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img data-src='https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png' class='lazyload' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/><noscript><img alt="blank" onload="Wpfcll.r(this,true);" src="https://www.barisozcan.net/wp-content/plugins/wp-fastest-cache-premium/pro/images/blank.gif" data-wpfc-original-src="https://www.barisozcan.net/wp-content/themes/BlueNews/images/comments.png"/>

Devamını Oku »

Barış Ozcan Facebook Sayfasi

Barış Ozcan Twitter