Görsel Yok

CSS3 -webkit-filter Kullanımı

Bu makalemde size  CSS 3’ün bir parçası olan [kod]-webkit-filter[/kod]’ın bize neler sunduğundan bahsedeceğim. Filtrelerin demolarını daha iyi anlaşılabilmesi açısından aşağıdaki resim üzerinden gösterimini yapıcam. İçerik: 1. Sayfa: Giriş 2. Sayfa:  3. Sayfa: 4. Sayfa: 5. Sayfa: 6. Sayfa: 7. Sayfa: 8. Sayfa: 9. Sayfa:

css ile yazıyı ortalama

   Görsel Yok

CSS ile Yazıyı Dikey Ortalama

Bu yazımda size CSS ile yazıyı dikey ortalama işleminin yapılışını anlatacağım. Normalde tek satırlık metinlerde ortalama işlemi yaparken line-height kullanıyoruz hepimiz fakat bu yazı 2 ve üzeri satır sayısına ulaştığında bu işlemi kullanamıyoruz. Gelelim Kod Yapısına; #paragraf id’li bir div açtık ve bunun içine p tagı açıyoruz. p tagının içini istediğiniz yazı ile doldurun. #paragraf‘ın css kodlarında  yazarak div‘imizi tabloya çeviriyoruz….

   Görsel Yok

CSS İle Özelleştirilebilir Select Menü

Birçok kişi websitesini tasarlarken herşeyi dört dörtlük yaparken açılır seçme menüsünde(select menu) css ile sorun yaşıyor. Bu yazımda size açılır seçme menünüzün nasıl css ile özelleştireceğinizi anlatacağım. 1. Adım: Select Menü Oluşturalım Aşağıdaki gibi bir select menü oluşturduğumuzu farz edelim. Menüden hemen sonra kodları veriyorum. Birinci Seçenekİkinci Seçenek 2.Adım: DIV oluşturup Still Katalım Yukarıda verdiğim select menüyü bir div içerisine…

   Görsel Yok

Code Beautifier İle CSS Kodlarınızı Düzenleyin

Bugün CSS kodlarımın daha düzenli olması için Google’da bi yaptım ve direk Code Beautifier ile tanıştım ve bu makaleyi yazmaya karar verdim. Code Beautifier Nedir ? CB (Code Beautifier) sitenizdeki gereksiz kodları kaldırır ve sitenizin daha hızlı açılmasını sağlar. Bu esnada CSS dosyalarınıza zararda vermez. Kodları Nasıl Düzenlerim? CSS Input kısmına CSS kodlarınızı dilerseniz olduğu gibi kopyala+yapıştır yapın dilerseniz bulunduğu adresi…

   Görsel Yok

CSS3 ile E-Ticaret Web Öğesi Oluşturma

Yabancı kaynaklı bir sitede bulduğum bir makaleyi sizlere kendimce anlatıcam. Bugün Ne Öğrenicez / Yapıcaz? Bu eğitimde E-Ticaret siteleri için çok popüler bir web öğesi oluşturmayı öğreneceksiniz ve sizde aşağıdaki resim gibi bir e-ticaret web öğesi yapabileceksiniz. HTML Yapısı Aşağıdaki kod ile yazı fontunu Google Font’dan çekelim ki sitemizde kasma yapmasın Bu kodu < head> tagları arasına yapıştırıyoruz. Sitenin ana…

   Görsel Yok

CSS ile Contact Form 7 Düzenleme

Birçok kişinin css bilgisi olmadığı için Contact Form 7‘yi olduğu gibi sade kullanıyor ve dolayısıyla canlı bir sitede iletişim sayfası cok sözük kalıyor. Bugün ki yazımda Contact Form 7 kullanan arkadaşlarıma CSS ile nasıl güzel bir iletişim formu hazırlayacağımızı  anlatıcam. Anlatıma geçiyorum hemen; Aşağıdaki gibi bir form oluşturduk p class değerleri iletisim olan Ben yukarıda normal bir iletişim formunda olması gerekenleri yaptım…

   Görsel Yok

CSS İle Sosyal Medya Butonu Oluşturma

CSS İle Sosyal Medya Butonu başlıklı yazımda hoş bir sosyal medya butonu yapımını anlattım daha sonra onu kendi çağımda geliştirip sidebarımda görüldüğü şekilde yaptım. Bu yazımda da size sidebarımda ki sosyal medya butonunun kodlarını paylaşacam. Aşağıda paylaşmış olduğum butonları css sprite ile yaptım sitenin kasmaması açısından. HTML Yapısı: CSS Yapısı: Sonuç:

   Görsel Yok

CSS İle Sosyal Medya Butonu

Aşağıda görmüş olduğunuz CSS Sosyal Medya Butonlarını biraz daha geliştirerek kendinize benim sitemdeki tarzda bir menü haline getirebilirsiniz Konu CSS Beyin adresinden alınmıtır.

   Görsel Yok

CSS İle Açılır Liste Düzenleme // Drop-Down List

Geçen gün css ile açılır liste düzenlemesi nasıl yaparım diye bi araştırma yaptım ve yabancı kaynaklı bir sitede güzel bir makale gördüm ve bunu kendi yorumumla Türkçe olarak yazmak istedim. Evet Drop-Down Listeleme olayında css kullanmadığımız zaman çok basit bir görünüşü oluyor ve oda sitedeki duruşunu bozuyor. Aşağıda anlatacağım yöntemle güzel,şık ve hoş bir açılır menüye sahip olacaksınız. Anlatıma geçiyorum…..

   Görsel Yok

Cloudflare ile WordPress Güvenliğini Artırma

Cloudflare ile WordPress güvenliğini artırma çalışmasından önce kısaca size Cloudflare’i neden tercih ettiğimden bahsedeyim. Cloudflare’in JS ve CSS dosyaları için gelişmiş cache sistemine sahip olması, SSL vermesi, web sitelerini ataklardan korunması ve bu hizmetleri ücretsiz olarak sunmasından dolayı benim ve bir çok insanın vazgeçilmez tercihi haline getiriyor. WordPress Sitenizi Daha Güvenli Hale Getirmek için Cloudflare Nasıl Kullanılır ? Bu yazımda,…

   Görsel Yok

Responsive Youtube Videosu Oluşturma

Iframe kodlarında sadece genişliği 100% vermek img kodlarında ki gibi doğru çalışmıyor. Iframe’de bir yüksekliğin ayarlanması gerekiyor yoksa tarayıcılar iframe’i 150px sabit bir yükseklikte oluşturuyor. Responsive youtube videosu oluşturma konusuyla ile ilgili makalemde bu durumu düzeltmeyi anlatacağım. Aşağıdaki videoda olduğu gibi iframe’in yüksekliğinin otomatik olarak 150px gelmesi kötü bir görüntü oluşturuyor. Neyse ki burada birkaç olası çözüm var. Bunlardan biri Thierry…

   Görsel Yok

Anasayfa

WordPress Tema BBOYUN WordPress Oyun Teması WordPress Tema Yaren WordPress Rent A Car Teması Burak Şahin – 1 Kasım 2015 Matlab Matlab’de Switch – Case Yapısı Matlab Matlab’de İf – Else Yapısı Matlab Matlab’de Fonksiyon Yazımı Güncel Yazılar WordPress Tema BBOYUN WordPress Oyun Teması Burak Şahin – 15 Kasım 2015 WordPress Tema Yaren WordPress Rent A Car Teması Burak Şahin…

   Görsel Yok

WordPress için Youtube Tarzı Yükleniyor Çubuğu

Merhaba arkadaşlar Youtube‘da gezerken Youtube’un yeni yükleniyor çubuğu/barı bende olduğu gibi birçok kişininde ilgisini çekmiştir. Bende bu olayı birkaç sitede daha gördükten sonra bi araştırma yaptım fakat türkçe kaynaklı sitelerde bulamayınca yabancı kaynakta araştırma yaptım ve sonunda WordPress‘e uyarlanmış halini buldum. Aşağıdaki işlemleri sırasıyla yaptığınız taktirde sizde çok kolay bir şekilde kendi sitenize ekleyebilirsiniz. 1. Adım: Style.css dosyasını açığ aşağıdaki…

12