Arkadaşlar bu işi parayla yapanlar çok, bende yapabilirdim ama ben size balığı vermek yerine öğretmeyi tercih ettim. Şimdi başlayalım eğer bu yazıma kadar geldiyseniz elinizde bir tema vardır 🙂 Temamızı Photohshop aracılığıyla açıyoruz. Gerekli düzenlemelerimizi yapıyoruz. Hakkımda, iletişim kısmı felan ve temamız muhtemelen ingilizce olacağından ingilizce kısımları Türkçe yapıyoruz. Burada biraz da Photoshop bilginiz olması lazım. Şimdi işlemimiz bitti ve link vereceğimiz resimleri Slice Tools ile ayırıyoruz. Resmi ayrıntılı görüntülemek için tıklamanız yeterli.
PSD mizi parçaladıktan sonra HTML işlemine geçeceğiz ve bunun için ilk önce .html dosyası ve image klasörü lazım. Onun içinde aşağıdaki resimdeki adımı uyguluyoruz.
Tıkladıktan sonra karşımıza aşağıdaki gibi bir pencere çıkacak ve resimler soluk görünüyor sağ üstten sol alta doğru imlece basarak çekiyoruz, nedenini bilmiyorum ama herhalde resimleri seçiyor. Ne olur ne olmaz yapın gitsin. Ardından Save diyoruz.
Bu işlemden sonra Photoshop bize 1 dosya ve 1 klasör verdi. Bunları bir HTML düzenleyicisinde düzenleyip resimlere link verip FTP’den bir hosta yüklüyoruz. Ben host olarak
awardspace‘i html editörü olarak
TinyMCE editörünü kullandım. Buradan sonrası sizin hayalgücünüze kalmış, mesela ben arkaplan ekleyip scrollbarları sildim bir de size parça parça verdiği resimlerden biriniz silip onun yerine feedburner widgeti koydum, dediğim gibi hayalgücü. Burada HTML bilgiside önemli CSSde var tabi ki 🙂 Ben size sadece PSD temalarını nasıl HTML’ye çevirebileceğinizi anlattım. İşte benim yaptığım tema, bunu yeni domainim olacak olan furkanozden.com için kullanacağım.
Yakından görmek için resme tıklamanız yeterli.
Okunma: 1.017
Bunu beğen:
Beğen Yükleniyor...
Paylaş
güzel anlatım çok teşekkürler 🙂
Çok teşekkür ederim, faydalı olacak bana.
Güzel bir anlatım olmuş.Teşekkürler.
Teşekürler Çok GÜzel Bir Paylaşim
Anlatım güzele benziyor, yer imlerime ekledim vakit bulunca bakayım 🙂
Güzel fakat kod biliyorsanız bunlar biraz amatör kalır 🙂
Evet bunda resim ve link var sadece 🙂 Bir de feedburner widgeti 🙂
İşime yaradı sağolasın 🙂
Ne zamandır böyle bir şey arıyordum. Kısa ve net teşekkürler 🙂
saol 🙂
çok teşekkürler