[anonymuser]

Örnekteki gibi resmin üzerine yazı nasıl yazdırılıyor? Bu konuda bir döküman bilen var mı? Herhalde bu CSS ile yapılıyor ?

[sanchez]

Bu muhtemelen 2 satır bir table'dır. Table zeminen bu background olarak atanmıştır. Table satırlarınada yazdırılıyordur veriler. Aklıma ilk gelen çözüm bu.

[anonymuser]

sanchez tarafından gönderilen mesaj:

Bu muhtemelen 2 satır bir table'dır. Table zeminen bu background olarak atanmıştır. Table satırlarınada yazdırılıyordur veriler. Aklıma ilk gelen çözüm bu.

resmi aldığım sitenin HTML kaynak çıktısına baktığımda tablo ile yapılmadığını görüyorum. CSS ile yapılmış. bu konuda örnek bir makale olsaydı güzel olurdu. kod şöyle

<div class="post-date">
<span class="post-month">Mart</span> 
<span class="post-day">10</span>
</div>

ve aynı sitenin CSS dosyasını indirip baktığımda anlıyorum ki bunda resim falan da yok kodlar şöyle :

.post-month {font: normal 0.85em Verdana;
text-transform: uppercase;color: #fff;text-align: center;
display:block;line-height: 10px;padding-top: 2px;margin-left: -3px;
letter-spacing: -1px}
.post-day {font: normal 2em Verdana;color: #999;text-align: center;
display: block;padding-top: 4px;margin-left: -5px;}

kendi sorumu kendim cevaplamış gibi oldum ama yine de bir döküman olsa iyi olur du

[sanchez]

Evet bu şekilde yapılabilir tabi. Nerde kullanılacağını bilemediğim için en basit yolunu söylemiştim
Post-date diye bir CSS tanımlaması içinden de yazıların altındaki görseli yüklüyordur muhtemelen.

[sanchez]

Arkada kullanmış olduğu bir imaj kesinlikle vardır. CSS dosyasında bir yerde gözden kaçırmış olabilirsin.
Ki kaçırmışsın sanırım. post-date divinin CSS'ini ekde göndermemişsin.

[anonymuser]

sanchez tarafından gönderilen mesaj:

Arkada kullanmış olduğu bir imaj kesinlikle vardır. CSS dosyasında bir yerde gözden kaçırmış olabilirsin.
Ki kaçırmışsın sanırım. post-date divinin CSS'ini ekde göndermemişsin.

haklısın dostum orayı kaçırmışım

.post-date {width: 45px;height: 49px;float: right;
background: url(/wp-content/themes/ajax-tr/images/tarih_arka.gif) no-repeat}

ilgin için teşekkürler