Merhaba Arkadaşlar;
Blog Siteniz İçin Blog Tasarımlarıylaa Karşınızdayım.
Tasarımlarım 3 farklı renkten oluşuyor.Bunlar:Yeşil , Mavi , Turuncu.
NOT:Sitenizde Paylaşırken Alıntı Yazısınız yazmayı unutmayın!
#1. : Yeşil
Css Bölümüne:
Kod: <style type="text/css"> #caliskan-blogtasarim { height: 300px; width: 550px; } #blogust { background-image: url(http://img.webme.com/pic/c/caliskan-blog//yesilust.png); background-repeat: no-repeat; height: 71px; width: 550px; } #blogorta { background-image: url(http://img.webme.com/pic/c/caliskan-blog/yesiorta.png); background-repeat: no-repeat; height: 182px; width: 550px; } #blogalt { background-image: url(http://img.webme.com/pic/c/caliskan-blog/yesilalt.png); background-repeat: no-repeat; height: 47px; width: 550px; } #clear { clear: both; } #baslik { height: 22px; width: 490px; margin-top: 8px; margin-left: 30px; padding-top: 8px; } #resim { float: left; height: 140px; width: 150px; margin-top: 9px; margin-left: 40px; } #yazi { float: left; height: auto; width: 310px; margin-top: 10px; margin-left: 15px; } #yazar { float: left; height: 20px; width: 110px; margin-top: 17px; margin-left: 60px; } #tarih { float: left; height: 20px; width: 145px; margin-top: 17px; margin-left: 25px; } #devam { float: left; height: 20px; width: 130px; margin-top: 17px; margin-left: 20px; } </style>
Kod: <div id="caliskan-blogtasarim"> <div id="blogust"> <div id="baslik">BURAYA BAŞLIĞINIZ.</div> </div> <div id="blogorta"> <div id="resim"><img src="#RESIMURL" _fcksavedurl="#RESIMURL" width="150" height="140" /></div> <div id="yazi">Buraya Yazınız<br /> Gelecek<br /> <br /> <br /> <br /> <br /> <br /> </div> </div> <div id="blogalt"> <div id="yazar"><strong>Yazar:</strong>Admin</div> <div id="tarih"><strong>Tarih:</strong>XX/XX/XXXX</div> <div id="devam"><strong><a href="#URL" _fcksavedurl="#URL">Devamını Oku</a></strong></div> </div> <div id="clear"></div> </div>
Kod: <style type="text/css"> #caliskan-blogtasarim { height: 300px; width: 550px; } #blogust { background-image: url(http://img.webme.com/pic/c/caliskan-blog/turuncuust.png); background-repeat: no-repeat; height: 71px; width: 550px; } #blogorta { background-image: url(http://img.webme.com/pic/c/caliskan-blog/turuncuorta.png); background-repeat: no-repeat; height: 182px; width: 550px; } #blogalt { background-image: url(http://img.webme.com/pic/c/caliskan-blog/turuncualt.png); background-repeat: no-repeat; height: 47px; width: 550px; } #clear { clear: both; } #baslik { height: 22px; width: 490px; margin-top: 8px; margin-left: 30px; padding-top: 8px; } #resim { float: left; height: 140px; width: 150px; margin-top: 9px; margin-left: 40px; } #yazi { float: left; height: auto; width: 310px; margin-top: 10px; margin-left: 15px; } #yazar { float: left; height: 20px; width: 110px; margin-top: 17px; margin-left: 60px; } #tarih { float: left; height: 20px; width: 145px; margin-top: 17px; margin-left: 25px; } #devam { float: left; height: 20px; width: 130px; margin-top: 17px; margin-left: 20px; } </style>
Kod: <div id="caliskan-blogtasarim"> <div id="blogust"> <div id="baslik">BURAYA BAŞLIĞINIZ.</div> </div> <div id="blogorta"> <div id="resim"><img src="#RESIMURL" _fcksavedurl="#RESIMURL" alt="" width="150" height="140" /></div> <div id="yazi">Buraya Yazınız<br /> Gelecek<br /> <br /> <br /> <br /> <br /> <br /> </div> </div> <div id="blogalt"> <div id="yazar"><strong>Yazar:</strong>Admin</div> <div id="tarih"><strong>Tarih:</strong>XX/XX/XXXX</div> <div id="devam"><strong><a href="#URL" _fcksavedurl="#URL">Devamını Oku</a></strong></div> </div> <div id="clear"></div> </div>
Kod: <style type="text/css"> #caliskan-blogtasarim { height: 300px; width: 550px; } #blogust { background-image: url(http://img.webme.com/pic/c/caliskan-blog/maviust.png); background-repeat: no-repeat; height: 71px; width: 550px; } #blogorta { background-image: url(http://img.webme.com/pic/c/caliskan-blog/maviorta.png); background-repeat: no-repeat; height: 182px; width: 550px; } #blogalt { background-image: url(http://img.webme.com/pic/c/caliskan-blog/mavialt.png); background-repeat: no-repeat; height: 47px; width: 550px; } #clear { clear: both; } #baslik { height: 22px; width: 490px; margin-top: 8px; margin-left: 30px; padding-top: 8px; } #resim { float: left; height: 140px; width: 150px; margin-top: 9px; margin-left: 40px; } #yazi { float: left; height: auto; width: 310px; margin-top: 10px; margin-left: 15px; } #yazar { float: left; height: 20px; width: 110px; margin-top: 17px; margin-left: 60px; } #tarih { float: left; height: 20px; width: 145px; margin-top: 17px; margin-left: 25px; } #devam { float: left; height: 20px; width: 130px; margin-top: 17px; margin-left: 20px; } </style>
Kod: <div id="caliskan-blogtasarim"> <div id="blogust"> <div id="baslik">BURAYA BAŞLIĞINIZ.</div> </div> <div id="blogorta"> <div id="resim"><img src="#RESIMURL" _fcksavedurl="#RESIMURL" alt="" width="150" height="140" /></div> <div id="yazi">Buraya Yazınız<br /> Gelecek<br /> <br /> <br /> <br /> <br /> <br /> </div> </div> <div id="blogalt"> <div id="yazar"><strong>Yazar:</strong>Admin</div> <div id="tarih"><strong>Tarih:</strong>XX/XX/XXXX</div> <div id="devam"><strong><a href="#URL" _fcksavedurl="#URL">Devamını Oku</a></strong></div> </div> <div id="clear"></div> </div>