Forum'da ara:
Ara


Yazar Mesaj
Mesaj09.06.2009, 19:32 (UTC)    
Mesaj konusu: Extralarr

css de bunları nasil daha professional hale getirebiliriz.
Yazı stillerini değiştirme vs.
______________
Pr:1, 2 ya da 3 olan sitelerle çapraz link değişimi yapılacaktır.
Yapmak isteyenler Ö.M atsın.
Mesaj10.06.2009, 17:24 (UTC)    
Mesaj konusu:

css kodu yazmayı bilmiyorsan basit pratikler yaparak öğrenmeye çalışmalısın...
cssde yazıya etkiyen komutları internetten araştır ve öğren..daha sonra kendi isteğin doğrultusunda css kodu yazmaya başla Wink

başkaları hazır kod verirse sana öğrenemessin zaten..
Mesaj11.06.2009, 00:56 (UTC)    
Mesaj konusu:

tam benim konu Cool
xD
bedava-sitem ekstralarının o vasat, berbat, görsellik karşıtı, sıradan, uyduruk görünümlü ekstralarını çok güzel hale getirmek mümkün.
zaten web'de imkansız diye bişey pek yok.
bu kadar laf saydım ekstralara ama aslında görselliği pek cazip olmasa da css ve javascript'ten anlayanlar için çok iyi hazırlanmış bi kod temeli var.
hemen herşey sonradan değiştirmeye müsait hazırlanmış.(bilerek ya da bilmeyerek xD)

şöyle diyebilirim,
bir bedava-sitem ekstrasının ayarlarına girince herşey çok kısıtlı gibi görünür.
ama aslında herşeyi kendimiz halletmemiz beklenmiş belki de xD
o "hiçbir programlama bilgisi gerektirmeyen" bedava-sitem'den oluşturulan bir siteyi bir diğerinden farklı yapabilmek için "kesinlikle programlama bilgisi gerekir" xD

ekstraları düzenleme işi şöyle oluyo,
ekstranı oluşturup kaydedersin, sonra oluşturduğun sayfayı açarsın, sağ tıklayıp kaynağı görüntüle, view source veya her ne yazıyosa ona tıklayıp kaynak kodu incelersin. Kaynak koddan ekstramızın bulunduğu bölümü bulup kodları incelersin.

mesela şöyle bir kod gördün:
Kod:
<div id="contactform">
<input type="text" ...
...


örneğin bu koddaki inputu değiştirmek istiosun kendine göre.
css kodlarıyla bişeyler yapmak mümkün bu durumda.
yanısıra javascript ile çok daha gelişmiş şeyler yapılabilir ama o biraz daha karışık bi mevzu.
css'de seçiciler vardır:
mesela p { } dediğinde o sayfadaki tüm paragrafları yani <p> etiketlerini seçmiş olursun.
eğer sayfada <p class="paragrafim"> diye bişey varsa,
p.paragrafim { } veya .paragrafim { } ile sadece bu paragrafa özel tanımlar yapabilirsin.
eğer sayfada <p id="paragrafim"> diyosa
#paragrafim { } seçicisiyle sadece bu paragrafa özellikler tanımlayabilirsin.

Kod:
<div id="contactform">
<input type="text" ...
...


yukardaki bu kodda ise <input a herhangi bir sınıflandırma verilmese de onu içeren <div> i kullanarak bu input u seçebilirsin:
#contactform input { } bu kod "contactform" daki tüm inputları seçer.
ve parantezin içine css leri yazarak özellikleri tanımlarsın.
ekstralar üzerinde bu yöntemlerle bi derece özelleştirme yapılabilir.
ama "contactform" daki sadece ilk inputu veya son inputu veya 3. , 5. inputu seçerek tamamen özel hale getirmek biraz daha ileri düzey bi iş.
bunun için css yeterli değil şu noktada zaten.

bunun için javascript kullanırsın.
javascript konusunda ben css kadar ileri düzey olmadığım için "jQuery" adındaki en popüler javascript kütüphanesini kullanıyorum. bu kütüphanenin görevi, javascript yazmayı öğrenmeye çalışanlara veya javascript yazmaktan yorulanlara çok daha kolay yazım avantajları sunmak. Zaten sitesine girersen "write less, do more" sloganını görebilirsin. Anlamı: "daha az yaz, daha çok yap"

herneyse bu jQuery hakkında daha fazla bilgiyi başta kendi sitesi olmak üzere her yerden bulabilirsin.
Bundan bahsetmemin sebebi ise şu,
bu meret sayesinde karışık javascript kodlarıyla uraşmadan çokdaha indirgenmiş kodlar yazarak çok iyi işler çıkartılabiliyo.
bedava-sitem ile ilişkisi şöyle.
bu ekstralardaki her elemanı ayrı ayrı seçebilme yetisi kazanıyosun bu jQuery sayesinde.
mesela:

Kod:
$(":submit:eq(0)").css('visibility', 'hidden');


satırını girdiğinde sayfadaki ilk gönderme buttonuna css girerek görünmez yaptık.
:eq parantezindeki 0'ı 1 yaparsak 2. butonu seçmiş oluyoruz. 3 yaptığnda 4. butonu ...
sonuncuyu seçmek için$(":submit:last")... dersin.

herneyse bunlar örneklerdi bu dediklerimi araştırırsanız bedava-sitem de yapılmıcak iş yok.

gece gece iş güç yok yazdıkça yazasım tuttu neyse kolay gelsin herkese xD
______________

Mesaj11.06.2009, 01:03 (UTC)    
Mesaj konusu:

unutmadan,

"css selectors"
"jQuery selectors"
"javascript selectors" aramalarını yaparak tam bu konuyla ilgili daha iyi yerlere ulaşabilirsin.

selector = seçici
______________

Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu