Web 
pcfere
Buraya Baslik Gelicek
Ben düzenlemek için boyutlari kendime göre verdim sen kendin kafana göre halledersin.Alt kısımdaki link bölümüne hiç dokunmadim sitendeki hover sistemine göre düzenlenicektir.Unutmadan border reklerini tasarimina uygun yapmaya çalıştım ama yinede ayarlamak istiyorsan css kodlarinda mevcut güle güle kullan
Bu Yazi Ali Mengü Tarafindan Yazilmiştir | Devamini Oku | Yorum Yap
CSS KODLARİ
#blog {
width: 600px;
}
#blog .ust {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 4px;
font-family: Verdana;
padding-left: 14px;
border-right-color: #990000;
border-bottom-color: #990000;
border-left-color: #990000;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
#blog #icerik {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-right-color: #990000;
border-bottom-color: #990000;
border-left-color: #990000;
}
#blog #icerik .resim {
height: 120px;
width: 180px;
margin: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-right-color: #990000;
border-bottom-color: #990000;
border-left-color: #990000;
}
#blog #icerik .yazi {
float: right;
width: 386px;
margin-top: 5px;
height: 116px;
margin-right: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-right-color: #990000;
border-bottom-color: #990000;
border-left-color: #990000;
padding: 2px;
}
#blog #alt {
font-family: Verdana;
height: 25px;
padding-top: 5px;
padding-left: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #990000;
border-right-color: #990000;
border-bottom-color: #990000;
border-left-color: #990000;
font-size: 14px;
}ANASAYFAYA EKLENECEK KODLAR
<div id="blog">
<div class="ust">Buraya Baslik Gelicek</div>
<div id="icerik">
<div class="yazi">Ben düzenlemek için boyutlari kendime göre verdim sen kendin kafana göre halledersin.Alt kısımdaki link bölümüne hiç dokunmadim sitendeki hover sistemine göre düzenlenicektir.Unutmadan border reklerini tasarimina uygun yapmaya çalıştım ama yinede ayarlamak istiyorsan css kodlarinda mevcut güle güle kullan 
</div>
<div class="resim"><img src="http://www.mustafaelgun.com/wp-content/uploads/2011/04/blog.jpg" alt="http://www.smashingapps.com/wp-content/uploads/2008/08/free-menu-designs.jpg" width="180" height="120">
</div>
</div>
<div id="alt">Bu Yazi Ali Mengü Tarafindan Yazilmiştir | <a href="#">Devamini Oku </a>| <a href="#">Yorum Yap</a></div>
</div>
</div>
Anasayfa