benim nacizane birkaç tane temam bulunmakta. nasıl yaptığımı da paylaşmak istedim. şimdi canım tema yapmak istiyor. nasıl yaparım?
"görüntü" linkindeki "kendi yaptıklarım" a tıklarım. "yeni theme ekle" ye basarım. ekledikten sonra "düzenle"ye basarım.
şimdi ise en cıkcıklı bölüm geliyor. css kodlarının olduğu bölüm. bu kodlar "her zamanki" temasının css kodlarıdır.
evet şimdi renkleri neye göre ayarlıyacağım diyorsun. şimdi bize lazım olan bir renk tanıyıcı bir program lazım.
şu şekilde söyliyim; örneğin "FFFFFF" kodu. Bunun beyaz olduğunu ya da beyazın "FFFFFF" kodlu olduğunu bize gösteren bir program lazım.
Biz beyazın kodunun bu olduğunu biliyoruz. Ama mesela "0099CC" kodunun hangi renk olduğunu bilmiyoruz.
Bunun için ben Photoshop programını kullanıyorum. Şimdi bir soru daha var akılda. Hangi rengin nerede olduğunu nasıl anlayacağım?
Bunun iki yolu var aslında.. Birincisi css kodlarının arasında yazılıdır... Ama biraz karışık.. hemen örnek veriyim:
background-color-> arkaplan rengi demektir. Burada "cccccc" olarak gösterilmiş. Biz bunu photoshoptaki renk bölümüne
yazarak hangi renk olduğunu ve istediğimiz rengi ordan seçip kodunu kopyalıyıp bunun yerine yapıştırarak arkaplan rengini
ayarlayabiliriz.
a:link--> adı üstünde link'in rengi
visited---> ziyaret edilmiş linkin rengi..
.sag_tablo_ic{ background-color:#EFE8E4--> sağ tablo içinini backround yani arkaplan rengi.. vb..
bu şekilde yapılabilir. ama bu biraz uzun bir yol..
ben şu şekilde yapıyorum. öncelikle temamızı kendi seçili temamız yapalım. "görüntü" deki "en yeni" linkine tıklayıp en üstte kendi yaptığımız
temanın linkine tıklayıp "bu görüntüyü seç"elim.
sonra tekrar temamızı düzenleme bölümüne gidelim(kendi yaptıklarım>düzenle) yeni bir pencere açarak http://www.uludagsozluk.com a girelim.
anasayfa "her zamanki" temasıyla görüntülenmesi lazım. şimdi ekran görüntüsünü çekelim(print screen oh yeah). photoshop'a yapıştıralım.
damlalık yardımıyla rengini değiştirmek istediğimiz yerin rengini seçelim ve kodunu kopyalayalım. ve hemen tema düzenleme bölümümüze girelim.
css kodlarımızı bir not defteri'ne kopyalayım.
css kodlarının arasında "ctrl+f" yardımıyla kodunu kopyaladığımız rengi bulalım(değiştirmek istediğimiz). bulursak demek ki doğru yoldayız.
şimdi ctrl+h ile aranan değere değiştirmek istediğimiz rengin kodunu, yeni değer bölümüne de onun yerini almasını istediğimiz rengi koyalım.
not defterindeki css kodlarının tümünü kopyalayıp tema düzenleme bölümündeki yere yapıştıralım. ve http://www.uludagsozluk.com 'a girelim.
istediğimiz yerin rengi değişmiş olması lazım. bu şekilde değiştiririz renk yerlerini.
şimdi resim işine biraz bakarsak. örneğin detay ara bölümü kodların arasında "aradetay" olarak görünür.
yok eğer biz detay ara'nın arkaplanında bir resim olmasını istiyorsak
{ işaretinden sonra
background-image: url(RESiM URL'si); kodunu ekleriz. RESiM URL'sini de istedğimiz arkaplanın url adresini yazarız. yeni kod şu şekilde olur:
