This is an alteration based on the jQuery “Coda Slider” plugin. Each “slide” can be any kind of html content whatsoever, or be a full-size image with an overlay. Each slide also has a unique thumbnail which can be clicked to go to the corresponding slide, with an arrow above it to indicate the active panel. And… its auto-playing!
Güzel bir formata sahip bildiğimzi jQuery Content Galery’ler den birisidir. Kullanımı ve görselliği ön plandadır.Denemenizi öneririm. Continue reading
Merhabalar.. Bugün sizlere, çoğu yabancı ve birkaç tane de türk blogunda yer alan, sonraki konu ya da yorumlara atla gibi jQuery ScrollTo Pluginini nasıl kullanırız onu göstereceğim.. Zaten şurada mevcut olan jQuery Pluginimizi öncelikle indirmemiz gerekiyor. Ve de jQuery scriptimizi şuradan indirebilirsiniz. Continue reading
İn this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down navigation menu. We’ll also use jQuery to handle the effects and add the finishing touches for us.
Nettuts’ta yer alan jQuery, CSS ve HTML5 ile Navigasyon – Dropdown menü dersi bulunmakta. İncelemenizde ve kendinize örnek kod oluşturmakta fayda sağlar diye paylaşmak istedim. Continue reading
CSS pseudo-classes bazı seçicilere özel efekt vermemizi sağlayan bir sınıftır. Bu verilen adın Türkçe açıklaması olmadığı ya da tam karşılanmadığı için orjinal ismini yazdım.. CSS içerisinde bazen özel efektlere ihtiyac duyarız.. Bunlar pseudo sınıfları içerisinde XHTML’e atayacağımız bazı seçicilerin kendi özelliklerinin dışına vurulmuş halidir.
pseudo-classes söz dizimi şu şekilde oluşturulur;
seçici:pseudo-class {özellik:değer;}
Merhaba arkadaşlar.. CSS Advanced kategorisinde CSS Floating adındaki WordPresste bir nevi Thumb olarak da adlandırılabilecek olan resimlerimizi yazılarımız ile bir kullanabileceğimiz ve bununla da sınırlı olmayan birkaç CSS float özelliğini göstereceğim.
CSS Float özelliği ile birlikte, bir elemanı diğerlerinden bağımsız olarak sağ ya da solda gösterip, elemanın gerisinde kalan alanları (aşağı ya da yukarı gibi) boşluk olarak değerlendirip oaralarıda kullanabileceğimiz sayfalar yapabiliriz. Continue reading
CSS Margin e bir alternatif olarak düşünülen fakat aslında bambaşka bir özellik olan padding ise kullanımı margin gibi olan fakat bu çerçevede ayıracağımız boşluğu, çerçeve, başka bir katmandan uzaklaşma, bir nesneye olan uzaklık olarak değer katılır.. Padding özelliği ile, örneğin; bir yazınınza çerçeve eklediyseniz yada background color özelliği verdiyseniz, bu background’unuzu ya da çerçeveyi dilediğiniz kadar uzatma, ya da o belirlediğiniz çerçeveyi yazıdan uzaklaştırma işlevi gibi düşünülebilir.
| Değer | Açıklama |
|---|---|
| length | pixex, pt, em gibi değerler kullanılır. |
| % | Değer % olarak kullanılır. |
Margin özelliğini çoğunuz duymuş olmalısınız.. Bilindiği gibi margin bir elementin etrafını temizlemeye yarar.. Bu ne demek? Şöyle bir örnek ile açıklayalım; eğer bir katman ya da her hangi bir objeniz mevcut.. Bu objeyi diğer objelerden ayrı tutmak, yukarı da yada aşağıda boşluk bırakmak yada diğer bir elementten uzaklaştırmak için kullanılır..
top, right, bottom, ve left Margin özellikleri, sizin isteğinize göre dıştan, içten, sağ ve soldan belirleyeceğiniz alanları destekler.. Ayrıca margin özelliğinde negatif değerler kullanılarak boşluk verme özelliğini tam ters fonksiyonda gerçekleştirebilirsiniz..İlk olarka olası değerlere bir göz atalım; Continue reading
CSS Stillerinin Son başlığı olan tablo stillerinden bahsedeceğim.. Bu konu bir kaç başlıktan oluşacaktır, her başlık CSS Tablo Stillerinin bir parçası olarak düşünülebilir.
CSS Tablo Stillerinin Kenarlıklarını ayarlarken CSS border özelliği kullanılır.Aşağıda bir örnek göstererek border özelliğini açıklayalım; Continue reading
Tekrar merhaba arkadaşlar.. CSS En baştan aldığımız derslerimizden Yazı Tiplerini stillendirme özelliğini göstereceğim.
[dropcap]C[/dropcap]SS Dersleri 3.başlığımızda CSS yazı tiplerini kullanmayı göstereceğim.. Text Font özelliği CSS de font-family koduyla gerçekleşir. Font sistemi “fallback” sistemiyle çalışır. Eğer tarayıcınız bildirdiğiniz font stilini desteklemiyorsa default font fonksiyonunu ekrana çıkarır.. Örnek olarak;
p{font-family:"Times New Roman", Times, serif;}
Yukarıda p etiketlerinin yazı tiplerini belirttik. Continue reading
Merhaba arkadaşlar.. jQuery Derslerime gösterdiğiniz ilginiz için hepinize çok teşekkür ederim.. Aldığım birkaç mail ve istek sonucunda benim de bildiğim kadarıyla CSS konusuna da el atmaya karar verdim.. İlk olarak basit bir kaç bilgi vereceğim.. Bu bilgilerde video çekmeye ihtiyaç duymadım zaten gerek de yok gibi..
[dropcap]C[/dropcap]SS konusunda aslında hiç bilmeyenler için birkaç ders eklemiştim fakat gördüğüm kadarıyla yine birkaç arkadaş CSS kullanımında zorluk çekmekte.. Bu konu itibariyle CSS’i daha kolay anlama ve uygulama konusunda sizlerinde desteğiyle baştan başlayalım dedim.. Continue reading