Blog tema tasarımı. Yardım. |
4 Mesajlar | 1.315 Okunma | ||
- Üyelik 16.02.2012
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad ** **
- Mesajlar 102
- Beğeniler 4 / 15
- Ticaret 4, (%100)
Merhaba arkadaşlar yeni bir tema kodlamaya başladım, temada yemre'deki ya da aorhandaki şekilde sağ tarafta bir bölüm oluşturacağım. renkli kategoriler gibi birşey bununla ilgili bir ders var mı? aradım fakat bulamadım. varsa link atabilir misiniz?
Emre Özalp Kişisel Web Sitesi
- Üyelik 08.07.2011
- Yaş/Cinsiyet 36 / E
- Meslek Tasarımcı
- Konum İstanbul Avrupa
- Ad Soyad V** Ö**
- Mesajlar 677
- Beğeniler 58 / 418
- Ticaret 1, (%100)
Google web fonts u araştır, ordan güzel bir font seç derim.
Sonrasında ise css ile gradient oluştur veya yemredeki gibi görseller hazırla png olarak, görseli photoshop ta aç. invert (ctrl+i) yap yani renkleri ters cevir, sonrasında ise farklı kaydet.
bir div oluştur. divin hoveri için aşağıdakine benzer css yaz.
Fikir vermek için kısa kısa yazdım.
Ayrıca buradan css gradient tekniğini ,buradan da google web fonts'un kullanımını öğrenebilirsin.
kolay gelsin.
Sonrasında ise css ile gradient oluştur veya yemredeki gibi görseller hazırla png olarak, görseli photoshop ta aç. invert (ctrl+i) yap yani renkleri ters cevir, sonrasında ise farklı kaydet.
bir div oluştur. divin hoveri için aşağıdakine benzer css yaz.
.divadi{background:url(normal.png); color:black;}
.divadi:hover{background:url(normal.png); color:white;}Fikir vermek için kısa kısa yazdım.
Ayrıca buradan css gradient tekniğini ,buradan da google web fonts'un kullanımını öğrenebilirsin.
kolay gelsin.
adobewordpress.com ~ “güncel tasarım okulu”
- Üyelik 16.02.2012
- Yaş/Cinsiyet 33 / E
- Meslek Öğrenci
- Konum Sakarya
- Ad Soyad ** **
- Mesajlar 102
- Beğeniler 4 / 15
- Ticaret 4, (%100)
Adobewordpress adlı üyeden alıntı
Google web fonts u araştır, ordan güzel bir font seç derim.Sonrasında ise css ile gradient oluştur veya yemredeki gibi görseller hazırla png olarak, görseli photoshop ta aç. invert (ctrl+i) yap yani renkleri ters cevir, sonrasında ise farklı kaydet.
bir div oluştur. divin hoveri için aşağıdakine benzer css yaz.
.divadi{background:url(normal.png); color:black;}
.divadi:hover{background:url(normal.png); color:white;}
Fikir vermek için kısa kısa yazdım.
Ayrıca buradan css gradient tekniğini ,buradan da google web fonts'un kullanımını öğrenebilirsin.
kolay gelsin.
hocam bunu düşündüm uyguladım fakat pek hoş durmadı. ayrıca onlarda bir geçiş efekti var, o efekti nasıl verebileceiği bilmiyorum. bu arada foruma çok yararlı ve hoş geldiniz :)
Emre Özalp Kişisel Web Sitesi
- Üyelik 08.07.2011
- Yaş/Cinsiyet 36 / E
- Meslek Tasarımcı
- Konum İstanbul Avrupa
- Ad Soyad V** Ö**
- Mesajlar 677
- Beğeniler 58 / 418
- Ticaret 1, (%100)
Dostum sana anahtar kelimeyi veriyorum : CSS3
Hatta daha da detaylandırayım : CSS3 transitions (geçiş)
Yıllar önce montaj alırken çöplük programlarla videoların arasına geçişler eklerdik, şimdi onlardan daha iyisi 2 satır kodla web sayfalarında kullanıyoruz :)
Saat geç oldu. Uzun uzun yazamadım. Sorun olursa yaz, uyanınca göz atarım.
Kolay gelsin.
Hatta daha da detaylandırayım : CSS3 transitions (geçiş)
Yıllar önce montaj alırken çöplük programlarla videoların arasına geçişler eklerdik, şimdi onlardan daha iyisi 2 satır kodla web sayfalarında kullanıyoruz :)
Saat geç oldu. Uzun uzun yazamadım. Sorun olursa yaz, uyanınca göz atarım.
Kolay gelsin.
adobewordpress.com ~ “güncel tasarım okulu”
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)