Css & jQuery tasarımlarım

jQuery ve css yazmaya başladığım zamanlar çok deneme çalışması yaptık ve kimini kullandık kimini kullanmadık ama bunların hepsi bana birer tecrübe olarak geri döndü bu tasarımları Css & jQuery kodlamaları acemilik zamanlarında yapmış olduğum çalışmalar olduğu için kod kalabalıkları veya yanlış yazımlar olabilir. Benim bu tasarımları paylaşma amacım sadece kodlara bakarak biraz kavramaya çalışmanızdır.

Atatürk üniversitesi portal giriş çalışması :

Sistem css ve jquery üzerinedir ana durmadan jquery ile bazı listeleri gizleyip kaldırdık.

Resim 1

Bu çalışmayı indirmek için buraya tıklayın.

Demo için buraya tıklayınız .

Atatürk üniversitesi portal içerik sayfası çalışması :

Bu modul girişi sayılabilecek sistemde jquery adına herhangi bir fonksiyon yoktur.

Sistemde full ul> li kastırılmıştır birde görsellik katmak açısından css opacity komutu kullanılmıştır.

Bu çalışmayı indirmek için buraya tıklayın.

Demo 1 için buraya tıklayınız.

Demo 2 için buraya tıklayınız.

Atatürk üniversitesi anasayfa çalışması :

Bu çalışmada SFK nickli tasarımcımızın yapmış oluduğu tasarımı html’e döktüm. Tasarımda ek olarak jQuery fadeTo fonskiyonunu kullandım

Bu çalışmayı indirmek için buraya tıklayın.

Demo 1 için buraya tıklayınız.

atauni
atauni

İlerleyen zamanlarda diğer çalışamlarımda koyacağım konu güncellenecektir.

Haydi ul – li taglarını öğrenelim

Selam arkadaşkar orta düzey bir css yazarının vazgeçemeyeceği benim kanaatımca <ul> <li> taglarıdır artık menuleri geçin oyun sitesinde oyunları listelerken herhangi bir modül yazdığımda modül kullanırken herşeyde artık bu taglar var.
Bu tagların özelliği ise kod kalabalığı yapmıyor örn. bir oyun sitesinde son on oyunları div class lar ile çerçevelersek en az 5 satır kod olacakken
ul li ile yaparsak sadece şu kodlar kullanılacaktır Okumaya devam et Haydi ul – li taglarını öğrenelim

Css Opacity komutu

Css’de Opacity komutu

Sitelerimize görsellik ve güzellik katmak için artık opacity vazgeçilemez bir komut gibi geliyor bizlere sebebi ise her türlü tarayıcıda sorunsuz çalışması ve hiç uğraşmadan en ufak bi kare veya listelenen menulere saydamlık özelliğini katması.

Bu makalede opacity komutunun nasıl kullanıdğını göstereceğim  herhangi bir resim üzerine gelince resim hareketlensin. Okumaya devam et Css Opacity komutu

Css de şablon

Evet arkadaşlar ilk dersimiz css de şablon oluşturmak yani logo kısmı header kısmı footer kısmı.

Öncelikle bir klasör oluşturun ben css diye bi klasor oluşturdum.

Şimdi Dreamweaver bir tane index.html dosya açın birde aycan.css diye bir css dosyası açın css klasörüne kayıt edin.

Önce Css dosyamızdan başlıyalım bi çerçeve oluşturalım Okumaya devam et Css de şablon