Minimal Blog Temasi

Merhaba Arkadaşlar...

Sizlere cok güzel bir "Minimal Blog" tasarımı tanıtacağım arkadaşlar. Tasarım "Kod Dostu" tarafından bedava-sitem entegre edilmiştir arkadaşlar.Sizlerin beğeneceğini umarak yayınlamak istedim temayı.

Önizleme

Tasarım Özellikleri

--Hızlı Yükleniş (0.0023 MB)

--Sadelik

--6lı Reklam Alanı

--Profesyonel Görünüm

Tasarım Üzeri Kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <title>Minimal</title> <style type="text/css">@import url("css/reset.css");</style> <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/cufon-yui1.java"></script> <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/Museo_Sans_500_400.font.java"></script> <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/jquery.1java"></script> <script type="text/javascript" src="http://www.fileden.com/files/2012/7/10/3324393/site.java"></script> </head> <body>  <div id="genel">   <div id="header">   <div class="logo"> <a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com"> <img src="http://1.bp.blogspot.com/-EQ8jZv2U2M4/T-xizNYGHKI/AAAAAAAALoA/hl_RSxeuiYI/s175/tasar%25C4%25B1m%2Bsepeti%2B-%2BKopya.png" _fcksavedurl="http://1.bp.blogspot.com/-EQ8jZv2U2M4/T-xizNYGHKI/AAAAAAAALoA/hl_RSxeuiYI/s175/tasar%25C4%25B1m%2Bsepeti%2B-%2BKopya.png" height="50" width="175" alt="logo" /> </a> </div>    <div id="hMenu"> <ul> <li class="m4"><a href="ana-sayfa.htm" _fcksavedurl="ana-sayfa.htm">Ana Sayfa</a></li> <li class="m2"><a href="hakkimizda.htm" _fcksavedurl="hakkimizda.htm">Ben Kimim?</a></li> <li class="m3"><a href="defter.htm" _fcksavedurl="defter.htm">Yorum At</a></li> <li class="m5"><a href="iletisim.htm" _fcksavedurl="iletisim.htm">İletişim</a></li> </ul> </div>   </div>    <div id="menu"> <ul> <li class="anasayfa"><a href="ana-sayfa.htm" _fcksavedurl="ana-sayfa.htm">Anasayfa</a></li> <li><a href="hakkimizda.htm" _fcksavedurl="hakkimizda.htm">Ben Kimim?</a></li> <li><a href="defter.htm" _fcksavedurl="defter.htm">Yorum At</a></li> <li><a href="iletisim.htm" _fcksavedurl="iletisim.htm">İletişim</a></li> </ul> </div>    <div class="icerikUst"> </div> <div id="icerik">   <div id="sag">     <div class="sagBaslik scizgi"> <h2> Sponsor Bağlantılar</h2> </div> <div class="cizgi"> </div> <div class="sagBlok"> <div class="sponsor">    <a href="#" _fcksavedurl="#"><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" style="width:125px;height:125px;" alt="" /></a>  <a href="#" _fcksavedurl="#"><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" alt="" /></a> <br /> <a href="#" _fcksavedurl="#"><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" alt="" /></a>  <a href="#" _fcksavedurl="#"><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" alt="" /></a> <br /> <a href="#" _fcksavedurl="#"><img alt="" src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" /></a> <a href="#" _fcksavedurl="#"><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" alt="" /></a> <br /> <a href="#><img src=" _fcksavedurl=" _fcksavedurl=" _fcksavedurl="#><img src="http://ressim.net/s/out.php/i4833415_125x125.gif" _fcksavedurl="http://ressim.net/s/out.php/i4833415_125x125.gif" alt="" /></a>   </div> </div>     </div>    <div id="sol">

Tasarım Altı Kod

</div>   <div class="clear"> </div> </div> <div class="icerikAlt"> </div>    <div id="footer">   <div class="fSag">  <p> Tasarım: <a href="http://www.huseyinemanet.com" _fcksavedurl="http://www.huseyinemanet.com" _fcksavedurl="http://www.huseyinemanet.com">Hüseyin Emanet</a></p> <p style="padding-top: 3px"> CSS: <a href="http://erbilen.net" _fcksavedurl="http://erbilen.net" _fcksavedurl="http://erbilen.net">Tayfun Erbilen</a></p> </div> <div class="fSol">  <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Anasayfa</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Ben Kimim?</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Galeri</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Dosyalar</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Arşiv</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İstatistikler</a>|</li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">İletişim</a>|</li> </ul> </div> </div>   </div>  </body> </html>          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><div id="topcontrol" style="position: fixed; bottom: 5px; right: 5px; opacity: 1; cursor: pointer;display:none;" title="Yukarı Fırla"> <div style="overflow:hidden;position:relative;display:block;background-image:url(http://2.bp.blogspot.com/-Ruz_SA3COJg/T6T3h35SgVI/AAAAAAAAHhU/qVcOkcN1sFY/s85/gh.png);width:76px;height:85px;"> <a style="position:absolute;bottom:5px;right:-61px;display:block;margin:0px;padding:0px;border:none;height:18px;width:90px;background:transparent url(http://img560.imageshack.us/img560/185/kd2.png) no-repeat;opacity:0.3;filter:alpha(opacity=30);" href="http://siteneeklekodlari.blogspot.com/2012/05/yeni-addthis-kodu-sadece-burada.html" _fcksavedurl="http://siteneeklekodlari.blogspot.com/2012/05/yeni-addthis-kodu-sadece-burada.html" _fcksavedurl="http://siteneeklekodlari.blogspot.com/2012/05/yeni-addthis-kodu-sadece-burada.html" class="gebepd" target="_blank" title="ekle"></a></div> </div> <script type="text/javascript">
var ananza = unescape('%3C%64%69%76%20%73%74%79%6C%65%3D%22%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%70%6F%73%69%74%69%6F%6E%3A%72%65%6C%61%74%69%76%65%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%62%61%63%6B%67%72%6F%75%6E%64%2D%69%6D%61%67%65%3A%75%72%6C%28%68%74%74%70%3A%2F%2F%32%2E%62%70%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%2D%52%75%7A%5F%53%41%33%43%4F%4A%67%2F%54%36%54%33%68%33%35%53%67%56%49%2F%41%41%41%41%41%41%41%41%48%68%55%2F%71%56%63%4F%6B%63%4E%31%73%46%59%2F%73%38%35%2F%67%68%2E%70%6E%67%29%3B%77%69%64%74%68%3A%37%36%70%78%3B%68%65%69%67%68%74%3A%38%35%70%78%3B%22%3E%3C%61%20%73%74%79%6C%65%3D%22%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%62%6F%74%74%6F%6D%3A%35%70%78%3B%72%69%67%68%74%3A%2D%36%31%70%78%3B%64%69%73%70%6C%61%79%3A%62%6C%6F%63%6B%3B%6D%61%72%67%69%6E%3A%30%70%78%3B%70%61%64%64%69%6E%67%3A%30%70%78%3B%62%6F%72%64%65%72%3A%6E%6F%6E%65%3B%68%65%69%67%68%74%3A%31%38%70%78%3B%77%69%64%74%68%3A%39%30%70%78%3B%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%69%6D%67%35%36%30%2E%69%6D%61%67%65%73%68%61%63%6B%2E%75%73%2F%69%6D%67%35%36%30%2F%31%38%35%2F%6B%64%32%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%3B%6F%70%61%63%69%74%79%3A%30%2E%32%3B%66%69%6C%74%65%72%3A%61%6C%70%68%61%28%6F%70%61%63%69%74%79%3D%32%30%29%3B%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%73%69%74%65%6E%65%65%6B%6C%65%6B%6F%64%6C%61%72%69%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%32%2F%30%35%2F%65%6E%2D%67%75%7A%65%6C%2D%79%75%6B%61%72%79%61%2D%63%6B%2D%63%61%70%61%73%2D%6B%6F%64%75%2E%68%74%6D%6C%22%20%63%6C%61%73%73%3D%22%67%65%62%65%70%64%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%20%74%69%74%6C%65%3D%22%65%6B%6C%65%22%3E%3C%2F%61%3E%3C%2F%64%69%76%3E');
var scrolltotop={setting:{startline:150,scrollto:0,scrollduration:1e3,fadeduration:[500,300]},controlHTML:ananza,controlattrs:{offsetx:5,offsety:5},anchorkeyword:"#top",state:{isvisible:false,shouldvisible:false},scrollup:function(){if(!this.cssfixedsupport)this.$control.css({opacity:0});var a=isNaN(this.setting.scrollto)?this.setting.scrollto:parseInt(this.setting.scrollto);if(typeof a=="string"&&jQuery("#"+a).length==1)a=jQuery("#"+a).offset().top;else a=0;this.$body.animate({scrollTop:a},this.setting.scrollduration)},keepfixed:function(){var a=jQuery(window);var b=a.scrollLeft()+a.width()-this.$control.width()-this.controlattrs.offsetx;var c=a.scrollTop()+a.height()-this.$control.height()-this.controlattrs.offsety;this.$control.css({left:b+"px",top:c+"px"})},togglecontrol:function(){var a=jQuery(window).scrollTop();if(!this.cssfixedsupport)this.keepfixed();this.state.shouldvisible=a>=this.setting.startline?true:false;if(this.state.shouldvisible&&!this.state.isvisible){this.$control.stop().animate({opacity:1},this.setting.fadeduration[0]);this.state.isvisible=true}else if(this.state.shouldvisible==false&&this.state.isvisible){this.$control.stop().animate({opacity:0},this.setting.fadeduration[1]);this.state.isvisible=false}},init:function(){jQuery(document).ready(function(a){var b=scrolltotop;var c=document.all;b.cssfixedsupport=!c||c&&document.compatMode=="CSS1Compat"&&window.XMLHttpRequest;b.$body=window.opera?document.compatMode=="CSS1Compat"?a("html"):a("body"):a("html,body");b.$control=a('<div id="topcontrol">
'+b.controlHTML+"</div>
").css({position:b.cssfixedsupport?"fixed":"absolute",bottom:b.controlattrs.offsety,right:b.controlattrs.offsetx,opacity:0,cursor:"pointer"}).attr({title:"Yukarı Fırla"}).click(function(){b.scrollup();return false}).appendTo("body");if(document.all&&!window.XMLHttpRequest&&b.$control.text()!="")b.$control.css({width:b.$control.width()});b.togglecontrol();a('a[href="'+b.anchorkeyword+'"]').click(function(){b.scrollup();return false});a(window).bind("scroll resize",function(a){b.togglecontrol()})})}};scrolltotop.init()
</script>

Css Kod

/* Bu CSS dosyası Tayfun Erbilen tarafından kodlanmıştır */ /* Bu CSS dosyası Genel Alem tarafından tanıtılmaktadır */  /* Genel */ #genel {width: 960px; margin: 0 auto}  /* Header */ #header {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/headerbg.png"); width: 972px; height: 82px; position: relative; left: -6px}  /* Logo */ .logo {position: absolute; top: 15px; left: 20px}  /* Menü */ #hMenu {position: absolute; top: 10px; right: 20px; font-size: 14px} #hMenu ul li {float: left; padding: 0 7px} #hMenu ul li a {display: block; color: #a8a8a8; padding: 25px 5px 24px 5px; border-bottom: 3px solid transparent} #hMenu ul li.m1 a {border-color: #f294ca} #hMenu ul li.m1 a:hover, #hMenu ul li.m1.aktif a {color: #f294ca} #hMenu ul li.m2 a {border-color: #8ac1ea} #hMenu ul li.m2 a:hover, #hMenu ul li.m2.aktif a {color: #8ac1ea;} #hMenu ul li.m3 a {border-color: #89d198} #hMenu ul li.m3 a:hover, #hMenu ul li.m3.aktif a {color: #89d198} #hMenu ul li.m4 a {border-color: #f4ce94} #hMenu ul li.m4 a:hover, #hMenu ul li.m4.aktif a {color: #f4ce94} #hMenu ul li.m5 a {border-color: #a8a8a8} #hMenu ul li.m5 a:hover, #hMenu ul li.m5.aktif a {color: #555}  /* Menü */ #menu {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/menubg.png"); width: 972px; height: 50px; position: relative; left: -6px; margin: 10px 0} #menu ul {padding: 6px} #menu ul li {float: left; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/cizgibg.png") right} #menu ul li a {display: block; font: 13px Arial; color: #bbb; padding: 14px 20px 11px 20px} #menu ul li a:hover {color: #999} #menu ul li.anasayfa a {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/anasayfabg.png") top center; text-indent: -9999px; width: 20px} #menu ul li.anasayfa a:hover {background-position: center -38px}  /* İçerik */ .icerikUst {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/icerikust.png"); width: 972px; height: 12px; overflow: hidden; position: relative; left: -6px} .icerikAlt {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/icerikalt.png"); width: 972px; height: 19px; overflow: hidden; position: relative; left: -6px; margin-bottom: 20px} #icerik {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/icerikbg.png") repeat-y!important; width: 972px; position: relative; left: -6px}  /* Sağ */ #sag {float: right; width: 318px; position: relative; right: 6px; top: -12px}  /* Başlık */ .sagBaslik.scizgi {border-top: 1px solid #e8e8e8} .sagBaslik.scizgi h2 {padding: 20px} .sagBaslik {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sagbaslik.png") repeat-x!important; height: 56px} .sagBaslik h2 {fo

Uyulu Tarayıcılar

Uyulu Platforumlar