öncelikle 113 ayrı kişi tarafından şahsıma yöneltilmiş genel konular hakkında bilgi verelim
- sözlüğe stil hazırlamak için
css bilmek zorundasınız. "şu buton şu renk olsun, şurdan dansöz fırlasın" şeklinde direktiflere uyan css'ler yaratacak bir arabirim bulunmamaktadır, yapılmayacaktır da. çünkü bu tür css müdahalesi olmadan üretilen stiller ancak pastel boyayla yapılmış bir resim gibi olur, bunları otomatik olarak da üretebilirim.
gereksiz
- css bilmiyorsanız, hatta css ne diye soruyorsanız maalesef stil yaratma hevesinden vazgeçmenizi tavsiye edeceğim. benim bile onlarca ayrıntısını bilmediğim bir konuyu 0'dan anlatmam mümkün değil. zira css o kadar basit bir olgu değil. ama size bu konu için süper bir kaynak önerebilirim : (bkz:
http://www.w3schools.com/...)
css biliyorsunuz kabulu üzerinden devam edelim.
- sözlük stilleri sözlüğün default css'i üzerine sizin değiştirdiğiniz class ve id tanımlarını içeren custom bir css dosyasının eklenmesiyle oluşur. eğer default.css içinde değiştirmediğiniz, dokunmadığınız kısımlar varsa bunları kendi css'inize tekrar eklemeyin. hem default.css'in ileriki değişikliklerinde stiliniz bozulabilir hem de boşu boşuna bant genişliği tüketilmiş olur.
- tavsiye edebileceğim en pratik yazılım
topstyle. ben onu kullanıyorum, arkadaşlar var onlar da kullanıyorlar. hepimiz memnunuz.
- yeni bir stil için ilk aşamada stilin adıyla beraber bana bir mesaj atarak stili aktif hale getirmemi sağlayın. sonra stiller tabında stilinizi seçerek css'i yükleyin. ilk aşamada stil listesinde sadece size gözükür stiliniz. tüm denemeler bittikten sonra yine dürterseniz çalışırlığını kontrol edip yayına koyarım stili. bundan sonra da güncellediğinizde aynı arabirimle css'i yükleyebilirsiniz.
- css'inizin ismi fantastik olmasın. uzun isimleri kısaltın bir şey yapın. sorun çıkarıyor.
- stiliniz içinde kullandığınız resimler veya htc dosyaları için deneme safhasında bir web alanınız varsa ve buraya koyarsanız sizin için daha pratik olacaktır. tüm işler bittiğinde tüm dosyaları mail'leyerek sözlük server'ına atmamı isteyebilirsiniz. yaparım, zorluk çıkarmam.
- default.css içinde sözlüğün html'i içinde kullanılmış bazı id ve class'lar bulunmayabilir. default.css içinde belirlenmiş class ve id'leri kısmen açıkladım. ama mesela sağ üst köşedeki saati temsil eden .timer class'ı default.css içinde tanımlı değil. ama timer ile gönlünüzce oynamak için kendi css'iniz içine .timer class'ı koyabilirsiniz.
- sözlük html'i içinde aslında biri gelir de ilerde bunu css'le değiştirir beklentisiyle değil diğer sebeplerden ötürü tanımlanmış (javascript etc.) onlarca id var. mesela ispiyon aparatının textbox'unu özel olarak formatlayabilirsiniz. tek yapmanız gereken ispiyon aparatı source'undan textbox'a hangi id'yi vermişim onu bulmak ve css içinde #muhtesem_id ile bunu belirtmek
- bazense id'si olmayıp da yine de değiştirmek istediğiniz sözlük kısımları olabilir. bunun için de css'in object oriented yapısını kullanabilirsiniz. değiştirmek istediğiniz kısımda kısa bir html analizi yapıp "şu tablonun şu id'li satırındaki şu elementi değiştir" gibi bir direktifle istediğinizi yapabilirsiniz. hiç bir yolunu bulamazsanız bir mesajla bana bildirin, oraya bir id atayım. ilerde stil yaratacaklara da yardımcı olabilir.
- sözlük banner'ı .banner class'ıyla yönetiliyor. default.css içinde bunun standart genişliği var ama isterseniz bu genişlikle oynayarak üst butonları sağa doğru çekmeniz mümkün. zira bu class üst frame'de bir tablo hücresini tanımlıyor.
- sözlüğün üç frame'ine ayrı ayrı background'lar atamanız mümkün. üst frame .bgtop, sol frame'se .bgleft class'larıyla kontrol ediliyor. bu class'lar yardımıyla büyük bir resmi dikkatlice üç parçaya ayırıp bu parçaları tek tek frame'lere vererek ve background'ların fixed özelliğini set ederek muhteşem bir arka plan oluşturabilirsiniz.
- butonlar .but class'ıyla, butonun üstüne geldiği durum #butover id'siyle, üstüne basıldıkları durumlar ise #butdown id'siyle kontrol edilirler. burada önemli bir şey var: butover ve butdown olaylarını kullanmıyorsanız da .but için ne tanımladıysanız onları bu id'lere yazın. aksi takdirde default.css içinde tanımlamış over ve down durumları çalışır, stiliniz doğru çalışmaz.
- her frame'de linklerin renklerini vs. ayrı ayrı ayarlayabileceğinizi css bilginiz iyi olduğu için tekrar belirtmiyorum.
- mesaj çöp olay butonlarının yapısı nedense çok hıyar bir durumda. default.css içinde biraz açıkladım ama yine de bir kaç deneme yanılmayla istediğiniz şekle ulaşabilirsiniz.
- goster.php altındaki başlıkları belirleyen title class'ına verdiğiniz renk önemli değildir. zira title içinde linkler vardır. bunları değiştirmek için ".title a" ve ".title a:hover" yapılarını kullanın.
- #highlight id'si çok karşıt bir renk olmasın. bok gibi duruyor.
- yine #highlight'ı üşenmeyip çok opposite bir renk seçtiyseniz şimdi de içindeki yazılar muhtemelen gözükmeyecek. onları da #highlight .posts, #highlight a gibi onlarca tanımla düzeltebilirsiniz. dedim size adam gibi renk seçin diye.
- uzmanlar en çok kullanılan stillerin en göz yormayanlar olduğunu söylüyor. göz yormayın, emeğiniz boşa gitmesin.
- kimi çok temel özellikleri kullanmasanız da set edin. örneğin a verdiniz ama a:hover için bir şey vermediniz. a:hover için default.css içindeki tanım çalışacak ve üstüne gelince maviye dönen sarı linklere kavuşacaksınız. en azından a'yı belirlerken "a, a:hover" gibi bir yapı kullanın.
- biri yapacak biliyorum: hayvanlar gibi resimler kullanmayın. optimizasyona inanın. delirtmeyin. (ziyaretçiyi)
aklıma gelenler oldukça eklerim.
