GrafikDizayn | Blog Ana Sayfaları

[GrafikDizayn]

Blog sitelerinin en büyük sorunu blog anasayfalarıdır.. Bu anasayfalar hem içeriği kolay bulunabilir hale getirmeli, hemde bakıldığında sitede güzel bir görüntü vermelidir..

Kod: Tümünü Seç Tümünü Kopyala

<table width="494" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <th height="242" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_01.png" scope="col"><table width="494" border="0" align="center" cellpadding="0" cellspacing="0">       <tr>         <th height="41" align="center" valign="bottom" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 17px; "><span style="color: #585858; ">Konunun Başlığı</span></span></span></th>       </tr>       <tr>         <th height="21" align="center" valign="middle" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 11px; "><span style="color: #585858; ">Konu : Bedava-Sitem Yazar : Mert Tarih : 01.02.2012</span></span></span></th>       </tr>     </table>       <table width="494" border="0" align="center" cellpadding="0" cellspacing="0">         <tr>           <th width="14" height="101" scope="col"> </th>           <th width="464" align="center" valign="bottom" scope="col"><img alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_03.png" _fcksavedurl="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_03.png" /></th>           <th width="16" scope="col"> </th>         </tr>         <tr>           <th height="44" scope="col"> </th>           <th align="left" valign="top" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 12px; "><span style="color: #585858; ">Konunun içeriği buraya gelecektir... Kısaca konu hakkında bilgi verebilirsiniz... Bu Blog panosu www.grafikdizayn.tr.gg adlı web site tarafından hazırlanmıştır...</span></span></span></th>           <th scope="col"> </th>         </tr>     </table>       <table width="494" border="0" align="center" cellpadding="0" cellspacing="0">         <tr>           <th width="375" height="34" scope="col"> </th>           <th width="102" align="right" valign="middle" scope="col"><a target="_self" href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img border="0" style="opacity:0.4;filter:alpha(opacity=50)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D50%22" body="" alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_02.png" _fcksavedurl="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_02.png" /></a></th>           <th width="17" scope="col"> </th>         </tr>     </table></th>   </tr> </table>

Kod: Tümünü Seç Tümünü Kopyala

<table width="630" border="0" align="center" cellpadding="0" cellspacing="0">   <tr>     <th height="242" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_04.png" scope="col"><table width="630" border="0" align="center" cellpadding="0" cellspacing="0">       <tr>         <th height="41" align="center" valign="bottom" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 17px; "><span style="color: #585858; ">Konunun Başlığı</span></span></span></th>       </tr>       <tr>         <th height="21" align="center" valign="middle" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 11px; "><span style="color: #585858; ">Konu : Bedava-Sitem Yazar : Mert Tarih : 01.02.2012</span></span></span></th>       </tr>     </table>       <table width="630" border="0" align="center" cellpadding="0" cellspacing="0">         <tr>           <th width="10" height="101" scope="col"> </th>           <th width="611" align="center" valign="bottom" scope="col"><img alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_05.png" _fcksavedurl="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_05.png" /></th>           <th width="9" scope="col"> </th>         </tr>         <tr>           <th height="44" scope="col"> </th>           <th align="left" valign="top" scope="col"><span style="font-family: Century Gothic, Century, Arial; "><span style="font-size: 12px; "><span style="color: #585858; ">Konunun içeriği buraya gelecektir... Kısaca konu hakkında bilgi verebilirsiniz... Bu Blog panosu www.grafikdizayn.tr.gg adlı web site tarafından hazırlanmıştır...</span></span></span></th>           <th scope="col"> </th>         </tr>     </table>       <table width="630" border="0" align="center" cellpadding="0" cellspacing="0">         <tr>           <th width="517" height="34" scope="col"> </th>           <th width="102" align="right" valign="middle" scope="col"><a target="_self" href="LİNK BURAYA" _fcksavedurl="LİNK BURAYA"><img border="0" style="opacity:0.4;filter:alpha(opacity=50)" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D100%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D50%22" body="" alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_02.png" _fcksavedurl="http://img.webme.com/pic/s/siir-evimiz/grafikdizayn_blog_02.png" /></a></th>           <th width="11" scope="col"> </th>         </tr>     </table></th>   </tr> </table>

Bir teşekkür yeter..

[aktifim]

bak bunu beğendim işte teşekkürler

[admin]

başarılı kullanıyorum teşekkürler

[DoktorDizayn]

Tablo ile kodlandığı için tarayıcılarda farklılıklar var. Devamını oku butonu da blog yazısı fazla olduğunda tablodan taşıyor.
Aynı problem benim dağıttığım ilk 2 blog tasarımında da mevcuttu bu yüzden div ile kodladım.
Div ile kodlamanı öneririrm,
Eline sağlık.

[eglencehanem]

saol kullanıyorum

[GrafikDizayn]

Div'le kodlamayı henüz denemedim ve açıkçası öğrenmeye gereksinim bile duymadım :/
Eğer mutlaka gerekir diyorsanız basitçe öğrenebileceğim bir link vs. var mı?
Çalışır öğreniriz

[admin]

Lütfen linkleri Özel Mesaj yolu ile iletirseniz daha iyi olur. Çünk farklı grafik Sitelerinin reklamları sorun çıkartabilir. Ayrıca Forum Kuralları(Kural:5)

[aktifim]

tamam saol

[DoktorDizayn]

Div'le kodlamayı henüz denemedim ve açıkçası öğrenmeye gereksinim bile duymadım :/
Eğer mutlaka gerekir diyorsanız basitçe öğrenebileceğim bir link vs. var mı?
Çalışır öğreniriz

div ile kodlama için özel olarak "blog kodlama dersi" elbette yok
div ile kodla derken css ile kodlamanı kastetmiştim, css dersi bölümünde anlatmaya başladığım dersleri takip et o halde, kutu özellikleri dersini anlattığımda daha iyi anlarsın

[GrafikDizayn]

Sağ ol DoktorDizayn Yani tabi blog için ayrı kodla, onun için ayrı kodla yoktur.. Hepsini merakla takip ediyorum Paylaşımlarını bekliyorum