tasarimduragi - css minimal blog

css minimal blog

Minimal Blog

Karşınızda minimal blog!

Hem sade, hem profesyonel görünümlü bir tasarıma sahip olmak ne kadar mümkün?

Minimal Blog teması, işte bu sorunun cevabını veriyor! Yusufcan Buluş ve Hüseyin Emanet tarafından tasarlanıp kodlanan, frmbestlive.tr.gg tarafınca tr.gg sitelere uyarlanan bu tasarım çok hoşunuza gidebilir!.

Bedava-sitem bu CSS tasarımın en önemli yanı, muhtemelen çok sade olması ve sayfalarınızın çok hızlı bir şekilde yüklenmesini sağlaması. 6lı sponsor bağlantı ve şık görünümden bahsetmeye gerek yok. Önizlemeyi görüntüleyince siz de farkedeceksiniz!

Tasarım üstüne yazı :

<!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="http://www.koddostu.com" _fcksavedurl="http://www.koddostu.com"><img src="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s125/siteneeklekodlari.png" _fcksavedurl="http://2.bp.blogspot.com/-VfFc8eoBS1Y/UDd5EsiwhQI/AAAAAAAAM20/JHvncEZt1pE/s125/siteneeklekodlari.png" style="width:125px;height:125px;" alt="" /></a>  <a href="#REKLAMURL" _fcksavedurl="#REKLAMURL"><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="#REKLAMURL" _fcksavedurl="#REKLAMURL"><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="#REKLAMURL" _fcksavedurl="#REKLAMURL"><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="#REKLAMURL" _fcksavedurl="#REKLAMURL"><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="#REKLAMURL" _fcksavedurl="#REKLAMURL"><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="#REKLAMURL><img src=" _fcksavedurl=" _fcksavedurl=" _fcksavedurl="#REKLAMURL><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ına yazı :

</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">Hüseyin Emanet</a></p> <p style="padding-top: 3px">CSS: <a href="http://erbilen.net" _fcksavedurl="http://erbilen.net">Tayfun Erbilen</a></p> </div>  <div class="fSol"> <ul> <li><a href="#" _fcksavedurl="#">Anasayfa</a>|</li> <li><a href="#" _fcksavedurl="#">Ben Kimim?</a>|</li> <li><a href="#" _fcksavedurl="#">Galeri</a>|</li> <li><a href="#" _fcksavedurl="#">Dosyalar</a>|</li> <li><a href="#" _fcksavedurl="#">Arşiv</a>|</li> <li><a href="#" _fcksavedurl="#">İstatistikler</a>|</li> <li><a href="#" _fcksavedurl="#">İletişim</a>|</li> </ul> <p>Kodlayan & Düzenleyen: <a href="http://frmbestlive.tr.gg" _fcksavedurl="http://frmbestlive.tr.gg">FrmBestLive</a> / Tüm Hakları Saklıdır. © 2012</p> </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" 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 Kodu :

/* Bu CSS dosyası Tayfun Erbilen tarafından kodlanmıştır */ /* Bu CSS dosyası Barış Selçuk Şahin (FrmBestLive) tarafından düzenlenmiştir */  /* 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 {font: 18px Arial; color: #727272; padding: 23px 20px}  .cizgi {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/yataycizgibg.png") repeat-x!important; height: 2px} .sagBlok {padding: 0 20px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/bg.png")} .sagBlok.son {border-bottom: 1px solid #e8e8e8}  /* Abone Ol */ .aboneOl {padding: 20px 0} .aboneOl ul li {float: left; margin-right: 8px} .aboneOl ul li a {display: block; width: 16px; height: 16px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sosyalbg.png"); text-indent: -9999px} .aboneOl ul li.s2 a {background-position: -16px 0} .aboneOl ul li.s3 a {background-position: -32px 0} .aboneOl ul li.s4 a {background-position: -48px 0} .aboneOl ul li.s5 a {background-position: -64px 0} .aboneOl ul li.s6 a {background-position: -80px 0} .aboneOl ul li.s7 a {background-position: -96px 0} .aboneOl ul li.s8 a {background-position: -112px 0} .aboneOl ul li.s9 a {background-position: -128px 0} .aboneOl ul li.s10 a {background-position: -144px 0} .aboneYazi {padding: 9px 0; margin: 13px 0; border: 1px solid #f2eaea; border-left: 0; border-right: 0; font-size: 11px; line-height: 18px; color: #888} .aboneInput {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/inputbg.png"); width: 279px; height: 29px; position: relative} .aboneInput span {position: absolute; top: 1px; left: 30px} .aboneInput span input {width: 225px; background: transparent; height: 17px; padding: 5px; font-size: 11px; color: #888}  /* Sponsor Bağlantıları */ .sponsor {font-size: 11px; padding: 20px 0; color: #565656} .sponsor a {color: #64afe7} .sponsor a:hover {text-decoration: underline} .sponsorReklam {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sponsorbg.png"); width: 279px; height: 86px; margin: 15px 0 10px 0; position: relative} .sponsorReklam span {position: absolute; top: 12px; left: 53px} .sponsor p.sponsor-p {color: #b4b4b4; text-align: center}  /* Banner */ .banner {border-top: 1px solid #f2eaea; padding-top: 15px; margin-top: 15px} .banner a img {border: 1px solid #e8e8e8; padding: 1px}  /* Önce Çıkanlar */ .oneCikanlar {padding: 20px 0 12px 0; font-size: 11px} .oneCikanlar ul li {height: 75px; border-bottom: 1px solid #f3f3f3; margin-bottom: 15px} .oneCikanlar ul li a img {float: left; padding: 1px; border: 1px solid #eee; margin-right: 5px} .oneCikanlar ul li a strong {color: #64afe7; font-size: 13px; display: block; line-height: 19px; padding-bottom: 5px} .oneCikanlar ul li a span.ocYorum {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_yorum.png") 2px 7px; color: #737373; padding: 5px 5px 5px 22px} .oneCikanlar ul li a span.ocOkunma {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_okunma.png") 0 6px; color: #737373; padding: 5px 5px 5px 20px; margin-left: 10px} .oneCikanlar ul li a:hover strong {color: #999} .oneCikanlar ul li a:hover img {border-color: #999}  /* Banner2 */ .banner2 {width: 274px; height: 228px; padding: 1px; border: 1px solid #e8e8e8; overflow: hidden; margin-bottom: 15px}  /* Her Gün */ .herGun {padding: 20px 0; overflow: auto} .herGun ul li {float: left; width: 42px; height: 42px; border: 2px solid #e5e5e5; margin-right: 10px; margin-bottom: 10px} .herGun ul li:hover {border-color: #656565}   /* Sol */ #sol {float: left; width: 599px; margin-left: 25px; padding-bottom: 50px}  /* Neredeyim */ .neredeyim {padding: 13px 0; position: relative; top: -2px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/solCizgi.png") repeat-x bottom!important; margin-bottom: 20px; font-size: 12px; color: #4a4a4a} .neredeyim h4 {font-weight: normal; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_bayrak.png") 0; padding-left: 8px} .neredeyim a {padding: 5px 8px; color: #4a4a4a} .neredeyim a.ansyf {color: #d780b0} .neredeyim a:hover {text-decoration: underline}  /* Slider */ #slider {width: 599px; height: 216px; overflow: hidden; position: relative; margin-bottom: 25px} #slider ul li {position: relative; float: left} #slider ul li a span {position: absolute; height: 23px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/seffafbg.png") repeat!important; z-index: 5; bottom: 0; left: 0; width: 100%; color: #fff; font-size: 15px; padding: 10px 15px} .sliderButon {position: absolute; bottom: 8px; right: 0; z-index: 10; width: 80px} .sliderButon a {display: block; width: 27px; height: 24px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sliderOk.png"); text-indent: -9999px; float: left; margin-left: 8px} .sliderButon a#Sonraki {background-position: -27px 0}  /* Sponsor Ol */ .sponsorOl {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sponsorbg2.png"); width: 599px; height: 70px; position: relative; margin-bottom: 25px} .sponsorOlLink {position: absolute; top: 0; right: 0; width: 122px; height: 65px} .sponsorOlLink a {display: block; text-indent: -9999px; height: 65px} .sponsorOl span {position: absolute; top: 6px; left: 5px}  /* Başlık */ .solBaslik {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/solbaslik.png"); height: 35px} .solBaslik h2 {font-size: 18px; color: #64afe7; padding: 10px} .solBaslik h2 a {color: #64afe7; display: block} .solBaslik h2 a:hover {color: #656565}  /* Konu */ .konu {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/solcizgi2.png") repeat-x bottom!important; padding-bottom: 5px; margin-bottom: 25px} .konuUst {margin: 10px 0; font-size: 11px; color: #bebebe; border-bottom: 1px solid #f4f4f4; height: 25px} .konuUst a {color: #8dc4ed} .konuUst a:hover {text-decoration: underline} .konuUst span {float: left; display: block; margin-right: 20px} .konuUst span.kaKategori {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_kategori.png") 0 2px; padding: 0 5px 0 20px} .konuUst span.kaYorum {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_yorum.png") 0 2px; padding: 0 5px 0 20px} .konuUst span.kaOkunma {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_okunma.png") 0 1px; padding: 0 5px 0 20px} .konuUst span.kaTarih {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/ikon_tarih.png") 0 1px; padding: 0 5px 0 20px} .konuResim {float: left; border: 1px solid #d8dee4; padding: 1px; background: #fff; margin-right: 10px; width: 218px; height: 138px} .konuResim img {width: 218px; height: 138px} .konuAc {font-size: 12px; line-height: 24px; color: #4a4a4a} .konuAlt {padding: 14px 0} .konuAlt a {margin-right: 5px}  /* Sayfalama */ #sayfalama {background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sayfalamabg.png"); width: 641px; height: 54px; position: absolute; bottom: -7px; left: 6px; z-index: 1} #sayfalama div {width: 78px; height: 28px; background: url("https://img.webme.com/pic/t/tasarimfrmbestlive/sayfalamabtn.png")} #sayfalama a {display: block; height: 28px; text-indent: -9999px} .sOnceki {float: left; margin: 13px} .sSonraki {float: right; background-position: -79px 0!important; margin: 13px}  /* Footer */ #footer {font-size: 11px; color: #95a0aa; text-shadow: 1px 1px #e8edf3; position: relative; top: -10px; margin-bottom: 20px; height: 30px} #footer a {color: #95a0aa} #footer a:hover {text-decoration: underline} #footer p a {font-weight: bold} #footer ul {height: 15px; margin-bottom: 6px; position: relative; left: -10px} #footer ul li {float: left} #footer ul li a {padding: 5px 10px} .fSol {float: left} .fSag {float: right; text-align: right} /* @Reset.CSS @Tayfun Erbilen @erbilen.net */  @import url("style.css");  body {background: #d3d9e0 url("https://img.webme.com/pic/t/tasarimfrmbestlive/bodybg.png"); margin: auto; font-family: Arial} table, tr, td, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, input, textarea, select, button, p, img {padding: 0; margin: 0; border: 0} table {border-collapse: collapse} li {list-style: none} a {text-decoration: none} :focus {outline: 0} body * {background-repeat: no-repeat!important} .clear {clear: both}  h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}    table {margin-left: auto;margin-right: auto}           /* ** allowed ** Crypted with http://dost13.tr.gg {Dost13 tarafından yapılmıştır} */img[src="http://theme.webme.com/smiles/wink.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/wink.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/smiley.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/angry2.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/cheesy.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/angry.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/angry.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/bluecool.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/sad.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/cheesy.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/shocked.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/cry.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/cool.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/rolleyes.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/huh.gif"] {background-image: none;background-repeat:no-repeat;height:0;width:0;padding:0px;}img[src="http://theme.webme.com/smiles/rolleyes.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/sad.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/tongue.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/shocked.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/undecided.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/smiley.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}img[src="http://theme.webme.com/smiles/cry.gif"] {background-image:url(https://img.webme.com/pic/d/dost13-smiley/undecided2.png);background-repeat:no-repeat;height:0;width:0;padding:19px;}