Bi-Düşün v1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Arama Çubuğu
• Duyuru Paneli
• Sağ ve Üst Menü
• 125lik Reklam Alanı

Tasarımın üzerindeki yazı: <link href="http://demo.wordpresstemaindir.net/wp-content/themes/bidusun/style.css" rel="stylesheet" type="text/css" /><div id="bidusun"><div class="header"> <div class="logo"><img src="http://img.webme.com/pic/t/temadeneme93/logo.png" /></div> <div class="logoyani"><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/sponsor.png" /></a></div> </div> <div class="sayfalar"><ul><li><a href="#" title="Ana Sayfa"><span>Ana Sayfa</span></a></li><li><a href="#" title="İletişim"><span>İletişim</span></a></li><li><a href="#" title="Reklam"><span>Reklam</span></a></li><li><a href="#" title="Hakkımda"><span>Hakkımda</span></a></li></ul></div> <div class="container"> <div class="son-yazi"><div class="son-yazi-ust"></div><div class="son-yazi-kalp"> <div class="yazigun"><div class="yazicik"> <div class="ustcuk"><h1><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></h1> <p class="gun">Tarih: 8 Nisan 2015 | Kategori: <a href="#" title="Bedava-Sitem">Bedava-Sitem</a> | 25 Kez Okundu</p> </div><div class="bicerik"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in consequat aliquet, eros nunc congue augue, aliquam faucibus lacus enim in sem. Aliquam ultricies congue odio, vel lobortis lorem tristique sed. Mauris in mattis lacus. Pellentesque malesuada rutrum luctus. Integer leo nunc, viverra a porttitor sit amet, mollis sed nibh.</p> </div><ul class="deget"> <li class="bid-yorum"><a href="#" title="25 Yorum">25 Yorum</a></li> <li class="bid-devami"><a href="#" title="Devamını Oku">Devamını Oku</a></li> </ul></div></div> <div class="abone-ol"><div class="icerik"><ul> <li><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/facebook.png" alt="Facebook" title="Facebook"></a></li> <li><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/twitter.png" alt="Twitter" title="Twitter"></a></li> <li><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/rss.png" alt="Rss" title="Rss"></a></li> <li><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/eposta.png" alt="E-Posta" title="E-Posta"></a></li> </ul></div></div></div><div class="son-yazi-alt"></div></div><div class="bas"><div class="index-yazi"> <div class="reklam-arka"><a class="reklam-ver" href="#" title="Reklam vermek istiyorum ?">Reklam vermek istiyorum ?</a> <div class="reklam"><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/sponsor.png" alt="Reklam Alanı" title="Reklam Alanı"/></a> </div></div>

Tasarımın altındaki yazı:</div><div class="sag"><div class="bosluk"></div> <div id="categories-2" class="widget widget_categories"><h2>Kategoriler</h2> <ul><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li> <li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li></ul></div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h2>Son Yazılar</h2> <ul><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li> <li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li> <li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li></ul></div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h2>Popüler Yazılar</h2> <ul><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li> <li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li> <li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li></ul></div> <div id="archives-2" class="widget widget_archive"><h2>Arşivler</h2> <ul><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li> </ul></div> <div id="meta-2" class="widget widget_meta"><h2>Meta</h2> <ul><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li><li><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></li></ul></div> </div></div></div></div><div class="alt-kisim"><hr style="display:block;"/><p>Tüm hakları saklıdır Tasarım Sahibi: <a href="http://bidusun.com/" title="Bi' Düşün">Bi' Düşün</a> | Entegre Sahibi: <a href="http://salihtoy.tr.gg/" title="Salih Toy">Salih Toy | Tasarımı Onaran Kişi: <a href="http://tasarimkodu.blogspot.com/" title="TasarimKodu">TasarimKodu</a></p></div><div style="height: 16px;"></div></body></html>

CSS kodu:lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} li.nav_element {list-style-type: none;} li.nav_element {display: none;} #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {margin:auto;} #webme_footer_textlink_dont_hide { color: #606060; position: absolute; left:370px; margin-top:-35px; background: none; } #webme_sky_ad {top:252px;} table iframe { margin-left:300px; } /* Theme Name: Bidusun Tema V1 Theme URI: http://bidusun.com/ Description: Ayrıntılı bilgi için <a href="http://url.ac/q92">tıklayınız</a>. Author: Aycan Doganlar Author URI: http://bidusun.com/ */ /* başlıyoruuuz */ * { margin: 0; padding: 0; } body { background: #dededb url(http://img.webme.com/pic/t/temadeneme93/bg.gif) repeat; font: normal 12px "Verdana", sans-serif; color:#333; } input, button, textarea, select { font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; } legend { display: none; } fieldset { border: none; } ul, ol { list-style: none;} ol { list-style-type: decimal;} table { border-collapse: collapse; width: 100%; } hr {background-image: url(http://img.webme.com/pic/t/temadeneme93/alt-cizgi.png);background-repeat: no-repeat;border:0;height:32px;width:588px; line-height:30px;} img { padding: 0px; margin: 0px; border: none; text-align: center;} ::-moz-selection { background: #49BEBE; color: #FFFFFF; } ::selection { background: #49BEBE; color: #FFFFFF; } a::-moz-selection { background: #999; color: #FFFFFF; } a::selection { background: #999; color: #FFFFFF; } a:link { text-decoration: none; color : #3F74AA; border: 0px; -moz-outline-style: none;} a:active { text-decoration: none; color : #3F74AA; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #3F74AA; border: 0px; -moz-outline-style: none;} a:hover { text-decoration: none; color : #006699; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .reklam-arka{margin-left: 5px; margin-bottom: 20px; width:600px;height:100px;background: url(http://img.webme.com/pic/t/temadeneme93/reklam-arka.png) no-repeat; } .reklam-arka2 {margin-left: 0px; margin-bottom: 20px; width:600px;height:100px;background: url(http://img.webme.com/pic/t/temadeneme93/reklam-arka.png) no-repeat; } .reklam {float:left; width:468px; height:60px; background: #EEEEEE; margin:20px 0px 0px 17px;} a.reklam-ver {display:block;width:69px;height:78px; float:left; margin:20px 0px 0px 20px;background: url(http://img.webme.com/pic/t/temadeneme93/reklam-ver.png) no-repeat;text-indent: -999em;} /* formcuk */ .freklam{padding: 5px;} .freklam input { padding: 5px;width: 400px; height:24px;margin-right: 5px; } .freklam textarea:focus { margin-top: 3px; border: 1px solid #336699; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; padding: 4px; color:#333;font-size: 14px;} .freklam input.formid { margin-top: 3px; border: 1px solid #e0e0e0; padding: 4px; color:#999; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left;font-size: 14px;} .freklam input.formid:focus { margin-top: 3px; border: 1px solid #336699; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; padding: 4px; color:#333;font-size: 14px;} .freklam input.quiz { font-size:11px; margin-left: 2px; border: 1px solid #e0e0e0; padding: 4px; color:#999; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; width:20px; height: 15px;} .freklam input.quiz:focus { font-size:11px; margin-left: 2px; border: 1px solid #336699; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; padding: 4px; color:#333; width:20px; height: 15px;} .freklam textarea { margin-top: 3px; border: 1px solid #e0e0e0; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; padding: 4px; width: 480px; color:#999; font-size: 14px;} .freklam .button { background: url(http://img.webme.com/pic/t/temadeneme93/form-gonder.png) no-repeat left top; text-indent: -50000px; width: 103px; height: 26px; border: none; display: block;} .freklam .button:hover { background-position: right -26px;} /* kırık çıkık */ #bidusun { width: 980px; background: #fff url(http://img.webme.com/pic/t/temadeneme93/ustkisim.png) no-repeat top left; padding-top: 28px; margin: 0 auto; overflow: hidden;} #ustcizgi { background: url(http://img.webme.com/pic/t/temadeneme93/ustcizgi.png) repeat-x; height: 5px;} /* baş */ .header { width: 930px; padding: 0px 25px 15px 25px; position: relative; } /* ben yaptım hıh */ .logo { padding: 0px 0px 0px 0px; min-height: 76px;} .logo .img img { margin-bottom: 5px; } /* bulmak için */ .arama { width: 260px; height: 29px; padding-right: 4px; float: right;} .arama form { float: right; margin-right: 10px;} .arama input { float: left; background: url(http://img.webme.com/pic/t/temadeneme93/search-input.png) no-repeat; border: none; padding: 8px 6px 8px 12px; width: 182px; color:#000066; font-size: 11px;} .arama button { float: left; background: url(http://img.webme.com/pic/t/temadeneme93/search-button.png) no-repeat; width: 44px; height: 29px; border: none; cursor: pointer; color:#fff; vertical-align: middle; padding: 2px 5px 5px 0px; font: bold 11px/11px "Verdana", sans-serif;} /* güzel laf bu yaz bi kenara */ .logoyani { width: 468px; height: 60px; position: absolute; right: 25px; top: 11px;} /* herşeyim */ .sayfalar { width: 930px; margin: 0px 25px; background: #D0EEEE url(http://img.webme.com/pic/t/temadeneme93/menu-bkg.png) no-repeat right; overflow: hidden; margin-bottom: 15px; } /**/ * html .sayfalar { height:1%; } /* */ .sayfalar ul { width: 930px; float: left; background: url(http://img.webme.com/pic/t/temadeneme93/menu-ul-left.png) no-repeat left; padding: 4px 6px 4px 7px;} .sayfalar li { display: inline; font: bold 14px/14px "Trebuchet MS"; float: left; padding-top: 3px; } .sayfalar li ul { display: none;} .sayfalar li a { padding-left: 10px; margin-right: 2px; background: url(http://img.webme.com/pic/t/temadeneme93/menu-left.png) no-repeat left top; float: left;} .sayfalar li a span { padding: 4px 10px 5px 0px; display: block; background: url(http://img.webme.com/pic/t/temadeneme93/menu-right.png) no-repeat right top; float: right; } .sayfalar li a span { float: none; color: #49BEBE;} .sayfalar li a:hover { background-position: 0% -23px; color:#fff; text-decoration: none;} .sayfalar li a:hover span { background-position: 100% -23px; color:#fff;} .sayfalar .current_page_item a { background: url(http://img.webme.com/pic/t/temadeneme93/menu-left.png) no-repeat left bottom; color:#fff; } .sayfalar .current_page_item a span, .sayfalar .current_page_item a:visited span, .sayfalar .current_page_item a:hover span { background: url(http://img.webme.com/pic/t/temadeneme93/menu-right.png) no-repeat right bottom; color:#fff; } /* anlamadım */ .container { width: 980px; padding: 0px 25px; float: left;} /* soncuk yazıcık arkacık plancık */ .son-yazi { background: #EEEEEE; width: 930px; overflow: hidden; margin-bottom: 20px; float: left;} .son-yazi-ust { background: url(http://img.webme.com/pic/t/temadeneme93/mp-top-bar.png) no-repeat top; height: 20px; } .son-yazi-alt { background: url(http://img.webme.com/pic/t/temadeneme93/mp-bot-bar.png) no-repeat bottom; height: 20px;} .son-yazi-kalp { background: url(http://img.webme.com/pic/t/temadeneme93/mp-cc-bar.png) no-repeat top right; padding: 0px 20px; overflow: hidden; } /* soncuk yazıcık */ .son-yazi .yazigun {width: 640px; float: left;} .son-yazi .yazicik { overflow: hidden; } .son-yazi .yazicik .ustcuk { overflow: hidden;} .son-yazi .yazicik .ustcuk h1 { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; color:#333; text-shadow:0 1px 0 #FFF; border-bottom: solid 1px #CECECE; padding-bottom: 7px; margin-bottom: 7px;} .son-yazi .yazicik .ustcuk h1 a, .yazicik h1 a:visited { color: #000033; text-shadow:0 1px 0 #FFF; text-decoration: none; } .son-yazi .yazicik .ustcuk h1 a:hover { color: #000; text-shadow:0 1px 0 #FFF; text-decoration: none;} .son-yazi .yazicik .gun { font-size: 11px; color:#003366; background: url(http://img.webme.com/pic/t/temadeneme93/date-cat-mp-ico.png) no-repeat left center; padding-left: 18px; } .son-yazi .yazicik .gun a, .gun a:visited, .gun a:hover { text-decoration: none; color: #003366;} .son-yazi .yazicik .bicerik p { font: normal 12px/16px "Verdana"; padding: 4px 0px; color:#333;} .son-yazi .yazicik .bicerik ol { list-style: decimal inside; } .son-yazi .yazicik .bicerik ol { padding: 10px 0px 10px 25px; margin: 0px; } .son-yazi .yazicik .bicerik ol li { padding: 2px 0px 2px 0px; } .son-yazi .yazicik .bicerik ul { padding: 10px 0px 10px 20px; margin: 0px; } .son-yazi .yazicik .bicerik ul li { padding: 2px 0px 2px 13px; background: url("http://img.webme.com/pic/t/temadeneme93/bicerik-li.png") no-repeat left 2px; color:#666; } .son-yazi .yazicik .bicerik blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #f7f7f7; margin: 10px 0px; color:#333333; border: solid 1px #f6f3d3; } .son-yazi .yazicik .bicerik blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#333333; } .son-yazi .yazicik .bicerik blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} .son-yazi .yazicik .deget { text-align: left; font-size: 11px; font-weight: bold;} .son-yazi .yazicik .deget li { display: inline; padding: 5px 0px 5px 18px; margin-right: 5px;} .son-yazi .yazicik .deget li.bid-yorum { background: url("http://img.webme.com/pic/t/temadeneme93/yorum.png") left 6px no-repeat; } .son-yazi .yazicik .deget li.bid-devami { background: url("http://img.webme.com/pic/t/temadeneme93/bid-devami.png") left 6px no-repeat; } .son-yazi .yazicik .deget li a, .deget li a:visited, .deget li a:hover { margin-right: 3px;text-shadow:0 1px 0 #FFF; color:#000033;} /* takip ediliyorum yuppiiicik */ .son-yazi .abone-ol { width: 200px; height: 150px; background: url("http://img.webme.com/pic/t/temadeneme93/anasayfa-ust-sag.png") no-repeat; margin-left: 50px; float: left; } .son-yazi .abone-ol .icerik { width: 200px; height: 150px; float: left; } .son-yazi .abone-ol .icerik ul { margin-left: 20px; margin-top: 10px; } .son-yazi .abone-ol .icerik li { padding: 7px; padding-left: 20px; float: left;} /* bomboşş */ .bas { width: 930px; padding-top: 20px;} .bosluk{ height: 14px;} .bosluk2{ height: 36px;} #eposta { color: #333333; } #eposta #s{ background: #ffffff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left ; height: 25px; width: 270px; margin: 6px 5px 0px 0px; padding: 3px 7px 2px 5px; color: #999999; border: 1px solid #ccc; } #eposta #s:focus{ background: #ffffff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left ; height: 25px; width: 270px; margin: 6px 5px 0px 0px; padding: 3px 7px 2px 5px; color: #999999; border: 1px solid #006699; } #eposta #ss { background: url(http://img.webme.com/pic/t/temadeneme93/form-gonder.png) no-repeat left top; height: 26px; width: 103px; border: none; text-indent: -999%; line-height: 1px; margin-top: 6px; } #eposta #ss:hover { background-position:right -26px; } /* +++ */ .widget_categories ul{ margin: 0 0px 0 2px; font-weight:normal; list-style:none; width:285px; } .widget_categories ul li { float:left; width:120px; margin:0; } .widget_categories li { float:left; width:150px; margin:0; color:#999; } /* +++ */ .widget_archive ul{ margin: 0 0px 0 2px; font-weight:normal; list-style:none; width:285px; } .widget_archive ul li { float:left; width:120px; margin:0; } .widget_archive li { float:left; width:150px; margin:0; color:#999; } /* annesayfadaki yazılar */ .index-yazi { width: 600px; float: left; padding-right: 20px;} .index-yazi p{display: inline;} .index-yazi br{display: none;} .index-yazi em{font-style: normal;} .index-yazi strong{font-weight: normal;} .index-yazi .yazicik { padding: 0px 0px 30px 0px; overflow: hidden;} .index-yazi .ustcuk { border-bottom: solid 1px #dddddd; padding-bottom: 10px;) repeat-x;} .index-yazi .ustcuk a { color: #006699; text-shadow:1px 1px 1px #D9F2FF;} .index-yazi .ustcuk a:hover { color: #333; text-shadow:0 1px 0 #E1E1E1;} .index-yazi .ustcuk h1 { font: bold 29px/29px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 3px; color:#333;} .index-yazi .ustcuk h3 {font: bold 20px "Arial"; color: #49BEBE; display: block; width: 100%; height: 35px; padding: 2px; text-shadow:0 1px 0 #F6F6F6;} .index-yazi .bicerik { padding: 0px; background: url(images/gradient.png) repeat-x;} .index-yazi .bicerik p { font: normal 12px/17px "Verdana"; padding: 1px 0px; color:#333;} .index-yazi .bicerik ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;} .index-yazi .bicerik ol li { padding: 2px 0px 2px 0px; } .index-yazi .bicerik ul { padding: 10px 0px 10px 20px; margin: 0px; } .index-yazi .bicerik ul li { padding: 2px 0px 2px 13px; background: url("http://img.webme.com/pic/t/temadeneme93/bicerik-li.png") no-repeat left 2px; color:#666; } .index-yazi .bicerik blockquote { font: italic 10px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 15px; background: #f7f7f7; margin: 10px 0px; color:#333; } .index-yazi .bicerik blockquote p { font: italic 10px/19px Georgia, "Times New Roman", Times, serif; color:#333; } .index-yazi .bicerik blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 10px;} .index-yazi .bid { text-align: left; font-size: 11px; } .index-yazi .bid li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;} .index-yazi .bid li.bid-yorum { background: url("images/bid-yorum.png") left center no-repeat; float: } .index-yazi .bid li.bid-more { background: url("http://img.webme.com/pic/t/temadeneme93/bid-devami.png") left center no-repeat; } .index-yazi .bid li.bid-tags { background: url("images/bid-etiket.png") left center no-repeat; } .index-yazi .bid li a, .bid li a:visited, .bid li a:hover { margin-right: 3px; color:#3f74aa; } .index-yazi img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 1px; border: solid 1px #ccc;} .index-yazi img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 1px #ccc; padding: 1px; } .index-yazi img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 1px #ccc; padding: 1px;} .index-yazi .alignright { float: right; } .index-yazi .alignleft { float: left } .index-yazi .gun-kat {font-size: 11px; color:#999; background: url(http://img.webme.com/pic/t/temadeneme93/date-cat-ico.png) no-repeat left center; padding-left: 12px;} .index-yazi .gun-kat a{ text-decoration: none; color: #999; text-shadow: none;} .index-yazi .gun { font-size: 11px; color:#999;} .index-yazi .yorum { float: right; font-size: 11px; color:#336699; padding-left: 15px; background: url(http://img.webme.com/pic/t/temadeneme93/yorum.png) no-repeat left center;} .index-yazi .yorum a { text-decoration: none; color: #999; text-shadow: none;} .index-yazi .devami {font-size: 11px; float: right; margin-top: 5px; background: url(http://img.webme.com/pic/t/temadeneme93/bid-devami.png) no-repeat right; padding-right: 12px; } .index-yazi .devami a {text-decoration: none; color: #3F74AA;} /* evet */ .co3 { width: 250px; float: right; margin-left: 20px;} .co3 h2 { color:#333; font: bold 24px/20px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #d7d7d7; padding: 10px 0px 10px 25px; margin-bottom: 10px; background: url(images/h-latestcomments-ico.png) no-repeat left; } .co3 .latestcomments { margin-bottom: 15px;} .co3 .latestcomments li { font-size: 11px; border-bottom: solid 1px #d7d7d7; padding: 5px 0px;} .co3 .latestcomments li a { font-size: 11px; color:#666;} .co3 .latestcomments .author { display: block; color:#006699;} .yazi-ici { width: 600px; float: left; padding-right: 20px;} .yazi-ici p em {font-family: georgia,serif; font-size:14px;} .yazi-ici .yazicik { overflow: hidden;} .yazi-ici .ustcuk { border-bottom: solid 1px #dddddd; padding-bottom: 10px;} .yazi-ici .ustcuk h1 { font: bold 22px/29px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 3px; color:#333; text-shadow:0 1px 0 #F4f4f4;} .yazi-ici .ustcuk h3 { font: normal 21px/21px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#333;} .yazi-ici .gun { font-size: 11px; color:#999; background: url(http://img.webme.com/pic/t/temadeneme93/date-cat-ico.png) no-repeat left center; padding-left: 18px; } .yazi-ici .gun a, .gun a:visited, .gun a:hover { text-decoration: underline; color: #999;} .yazi-ici .p-date { font-size: 11px; color:#999966;} .yazi-ici .bicerik { padding: 0px;} .yazi-ici .bicerik p { font: normal 12px/17px "Verdana"; color:#333; padding: 3px 0px; margin: 1px 0px; line-height:20px;} .yazi-ici .bicerik ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;} .yazi-ici .bicerik ol li { padding: 2px 0px 2px 0px; } .yazi-ici .bicerik ul { padding: 10px 0px 10px 20px; margin: 0px; } .yazi-ici .bicerik ul li { padding: 2px 0px 2px 13px; background: url("http://img.webme.com/pic/t/temadeneme93/bicerik-li.png") no-repeat left 2px; color:#666; } .yazi-ici .bicerik blockquote { background: url(http://img.webme.com/pic/t/temadeneme93/alinti-ust.png) no-repeat top left, url(http://img.webme.com/pic/t/temadeneme93/alinti-alt.png) no-repeat bottom right; border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; padding:10px 50px 10px 50px; margin:10px 0 10px 0;} .yazi-ici .bicerik blockquote p {font-family: "georgia"; color:#333; font-size: 14px; line-height:20px;font-style:italic} .yazi-ici .bicerik blockquote p a { color:#3366BB;} .yazi-ici .bicerik blockquote p a :hover { color:#333; } .yazi-ici .bicerik blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} .yazi-ici .deget { text-align: left; font-size: 11px; } .yazi-ici .deget li { display: inline; padding: 4px 0px 6px 18px; margin-right: 5px;} .yazi-ici .deget li.bid-yorum { background: url("http://img.webme.com/pic/t/temadeneme93/yorum.png") left center no-repeat; } .yazi-ici .deget li.bid-devami { background: url("http://img.webme.com/pic/t/temadeneme93/bid-devami.png") left center no-repeat; } .yazi-ici .deget li.bid-etiket { background: url("images/bid-etiket.png") left center no-repeat; } .yazi-ici .deget li a, .bid li a:visited, .bid li a:hover { margin-right: 3px; color:#3f74aa; } .yazi-ici .tags { padding-top: 5px; padding-bottom: 5px; } .yazi-ici .tags a:link, .yazi-ici .tags a:visited { color: #565656; text-shadow: white 1px 1px; background: #D0EEEE; border-bottom: 1px solid #49BEBE; border-right: 1px solid #49BEBE; font-weight: bold; text-decoration: none; padding: 2px 4px; display: inline-block; margin-bottom: 5px; margin-right: 2px; } .yazi-ici .tags a:hover { background: #DFDFDF; border-bottom: 1px solid #999; border-right: 1px solid #999; } /* yancık menücük */ .KT { width: 275px;} .sag { width: 275px; float: right; margin-top: -22px;} .sag h2 { color:#333; font: normal 21px/21px "Trebuchet MS", sans-serif; letter-spacing: -1px; border-bottom: solid 1px #ccc; padding: 10px 0px; margin-bottom: 10px;} .widget { margin-bottom: 15px; overflow: hidden;} .widget h2 { background: url(http://img.webme.com/pic/t/temadeneme93/h-widget-ico.png) no-repeat left; padding-left: 20px; overflow: hidden;} .widget li { background: url(http://img.webme.com/pic/t/temadeneme93/categories-li-arrow.png) no-repeat left 7px; font-size: 12px; padding: 2px 0px 2px 10px; } .widget li ul li { background: none; font-size: 12px; padding: 2px 0px 2px 0px; font-weight: normal;} .widget_tag_cloud { line-height: 22px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .widget_calendar table { width: 100%;} .widget_calendar table td { text-align: center; padding: 3px; } .widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;} .widget_calendar #today { background: #f5f5f4;} .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;} .widget_flickrRSS { overflow: hidden; padding: 0px;} /* isim işte */ .title { font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; color:#333;} /* hobaa */ .yazi-ici img.aligncenter {max-width:588px; max-height; auto; display: block; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; border: solid 1px #ddd; margin-top:10px;} .yazi-ici img.alignright { float: right; display: block; padding: 5px 5px 5px 5px; border: solid 1px #ddd; margin-top:5px; margin-left:10px;} .yazi-ici img.alignleft { float: left; display: block; padding: 5px 5px 5px 5px; border: solid 1px #ddd; margin-top:5px; margin-right:10px;} .yazi-ici img.alignnone { display: block; padding: 5px 5px 5px 5px; border: solid 1px #ddd; margin-top:5px;} .yazi-ici img.aligncenter:hover {background: #ACE1DF; border: 1px solid #49BEBE;} .yazi-ici img.alignright:hover {background: #ACE1DF; border: 1px solid #49BEBE;} .yazi-ici img.alignleft:hover {background: #ACE1DF; border: 1px solid #49BEBE;} .yazi-ici img.alignnone:hover {background: #ACE1DF; border: 1px solid #49BEBE;} .yazi-ici .alignright { float: right; } .yazi-ici .alignleft { float: left } /* eski ve yeni */ .nav { overflow: hidden; margin: 20px 0px;} .nav .left a { float: left; background:url(http://img.webme.com/pic/t/temadeneme93/nav-left.png) no-repeat left 1px; padding-left: 18px; } .nav .right a { float: right; background:url(http://img.webme.com/pic/t/temadeneme93/nav-right.png) no-repeat right 1px; padding-right: 18px; } .nav a, .nav a:visited { cursor: hand; font: bold 11px/14px Verdana, Geneva, sans-serif;} /* yorumcuk */ .yorumlar { margin-top: -10px;} .yorumlar h2 { color:#272d36; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: solid 1px #dddddd; } .yorumlar div.entry { background-color:#FBFCFD; margin-bottom: 15px; padding: 15px; border: solid 1px #dddddd; } .yorumlar div.alt { margin-bottom: 15px; padding-bottom: 15px;} .yorumlar p.name { font: normal 19px/19px Arial, sans-serif; color: #A8BCCF; letter-spacing: -1px;} .yorumlar p.name a { color: #336699;} .yorumlar p.avt { padding: 0px; margin: 0px; float: right;} .yorumlar p.avt img {padding: 2px; border: solid 1px #dededb;} * html .yorumlar p.avt { left: -60px; } .yorumlar p.date { font-size: 11px; padding-bottom: 10px; color:#999;} .yorumlar p.date a, .yorumlar p.date a:visited, .yorumlar p.date a:hover { color:#999;} .yorumlar .con { font: normal 12px/17px "Verdana"; color:#333;} .yorumlar .con p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#333;} .yorumlar .con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; margin: 10px 0px; background:#f1f1f1; padding: 5px 15px; } .yorumlar .con blockquote a { color: #336699;} .yorumlar .con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#666; } /* yorumcuk formu */ .yorum-formu { padding-top: 30px; } .yorum-formu h3 {color:#272d36; font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; border-bottom: solid 1px #dddddd; margin-bottom: 15px; padding: 5px 0px;} .yorum-formu p.formbg { color:#333; font-size: 11px; font-weight: bold; background: url(http://img.webme.com/pic/t/temadeneme93/form-input-bg.png) no-repeat; padding: 8px; margin-bottom: 6px; width:600px; } .yorum-formu p.formtxt { color:#333; font-size: 11px; font-weight: bold; background: url(http://img.webme.com/pic/t/temadeneme93/form-txt-bg.png) no-repeat; padding: 8px; margin-bottom: 6px; } .yorum-formu .required { color:#ff0000;} .yorum-formu input { padding: 5px; width: 250px; margin-right: 5px; } .yorum-formu input.formid { border: 1px solid #e0e0e0; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left;} .yorum-formu input.formemail { border: 1px solid #e0e0e0; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; } .yorum-formu input.formuri { border: 1px solid #e0e0e0; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left;} .yorum-formu textarea { border: 1px solid #e0e0e0; background:#fff url(http://img.webme.com/pic/t/temadeneme93/golge.png) repeat-x top left; padding: 10px; width: 480px; color:#333;} .yorum-formu input.formid:focus { border: 1px solid #49BEBE; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/zorunlu.png); background-repeat: no-repeat; background-position:right center;} .yorum-formu input.formemail:focus { border: 1px solid #49BEBE; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/zorunlu.png); background-repeat: no-repeat; background-position:right center;} .yorum-formu input.formuri:focus { border: 1px solid #49BEBE; padding: 4px; color:#333; background:#fff url(http://img.webme.com/pic/t/temadeneme93/varsayaz.png); background-repeat: no-repeat; background-position:right center;} .yorum-formu textarea:focus { border: 1px solid #49BEBE; background:#fff url(http://img.webme.com/pic/t/temadeneme93/yorumtsk.png); background-repeat: no-repeat; background-position:right bottom; padding: 10px; width: 480px; color:#333;} .yorum-formu .button { background: url(http://img.webme.com/pic/t/temadeneme93/form-gonder.png) no-repeat left top; text-indent: -50000px; width: 103px; height: 26px; border: none; display: block;} .yorum-formu .button:hover { background-position: right -26px;} /* cücük resim */ .thumbcan { float: left; padding-top: 10px; padding-right: 10px; max-height: 120px; max-width: 120px;} .thumbcansingle { float: left; padding: 5px; max-height: 100px; max-width: 100px;} .thumb{ max-width: 115px; max-height: 115px;} /* +++ */ .yaziici { background-color: #FBFCFD; border: 1px solid #DDDDDD; width: 598px; height: 80px; display:table-cell; vertical-align:middle; margin-top: 15px;} /* bağlama saz */ .baglanti { background-color: #FBFCFD; border: 1px solid #DDDDDD; width: 584px; height: 20px; text-align: center; padding: 7px;} /* haydeee */ .alt-kisim { background: #fff url(http://img.webme.com/pic/t/temadeneme93/footer-bg.png) no-repeat bottom; height:53px;width: 930px; padding: 0px 25px 20px 25px; overflow: hidden; margin: 0 auto;} .alt-kisim hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; } .alt-kisim p { margin:30px 0 0 10px;padding: 1px 0px; color:#358D94; font-size: 11px;} .alt-kisim p span { margin:0 10px 0 0;padding:0px; color:#358D94; font-size: 11px;} .alt-kisim p a, .alt-kisim p a:visited, .alt-kisim p a:hover {color:#358D94; text-decoration: none;} /* reklamcık */ #reklam img{ margin: 5px; } /* ıvır zıvır */ a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } a.baglanti-reklam{ float: left; display: block; border:1px dashed #336699; padding: 3px; margin: 5px; } a.baglanti-reklam:hover{ border:1px dashed #0099CC; padding: 3px;}

Ana sayfaya eklenecek kod:<div class="yazicik"><div class="ustcuk"><h3><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></h3> <p><span class="gun-kat">Tarih: 8 Nisan 2015 | Kategori: <a href="#" title="Bedava-Sitem">Bedava-Sitem</a> |</span> <span class="gun">25 Kez Okundu</span><span class="yorum"><a href="#" title="25 Yorum">25 Yorum</a></span></p> </div> <div class="bicerik"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in consequat aliquet, eros nunc congue augue, aliquam faucibus lacus enim in sem. Aliquam ultricies congue odio, vel lobortis lorem tristique sed. Mauris in mattis lacus. Pellentesque malesuada rutrum luctus. Integer leo nunc, viverra a porttitor sit amet, mollis sed nibh.</p> </div><span class="devami"><a href="#" title="Devamını Oku">Devamını Oku</a></span></div> <div class="yazicik"><div class="ustcuk"><h3><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></h3> <p><span class="gun-kat">Tarih: 8 Nisan 2015 | Kategori: <a href="#" title="Bedava-Sitem">Bedava-Sitem</a> |</span> <span class="gun">25 Kez Okundu</span><span class="yorum"><a href="#" title="25 Yorum">25 Yorum</a></span></p> </div> <div class="bicerik"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in consequat aliquet, eros nunc congue augue, aliquam faucibus lacus enim in sem. Aliquam ultricies congue odio, vel lobortis lorem tristique sed. Mauris in mattis lacus. Pellentesque malesuada rutrum luctus. Integer leo nunc, viverra a porttitor sit amet, mollis sed nibh.</p> </div><span class="devami"><a href="#" title="Devamını Oku">Devamını Oku</a></span></div> <div class="yazicik"><div class="ustcuk"><h3><a href="#" title="Buraya Başlık Yaz">Buraya Başlık Yaz</a></h3> <p><span class="gun-kat">Tarih: 8 Nisan 2015 | Kategori: <a href="#" title="Bedava-Sitem">Bedava-Sitem</a> |</span> <span class="gun">25 Kez Okundu</span><span class="yorum"><a href="#" title="25 Yorum">25 Yorum</a></span></p> </div> <div class="bicerik"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in consequat aliquet, eros nunc congue augue, aliquam faucibus lacus enim in sem. Aliquam ultricies congue odio, vel lobortis lorem tristique sed. Mauris in mattis lacus. Pellentesque malesuada rutrum luctus. Integer leo nunc, viverra a porttitor sit amet, mollis sed nibh.</p> </div><span class="devami"><a href="#" title="Devamını Oku">Devamını Oku</a></span></div>

Alternatif sayfa İçeriği:<!--İÇERİK İNDEX--><div class="container"><div class="bas"><div class="yazi-ici"><div class="yazicik"> <div class="ustcuk"> <h1>Buraya Başlık Yaz</h1> <p class="gun">Tarih: 8 Nisan 2015 | Kategori: <a href="#" title="Bedava-Sitem">Bedava-Sitem</a></p></div><div class="bicerik"><br/> <p>In imperdiet fringilla augue, nec interdum enim euismod non. Proin feugiat hendrerit elit. In hendrerit ornare enim, sed ultricies ligula pulvinar in. Vestibulum tempor est at lorem interdum dignissim. Nam quis semper massa. Phasellus vitae dui sem. Duis ac rhoncus nulla. Quisque in ligula ac odio interdum lobortis. Mauris laoreet risus nec orci molestie sit amet luctus nulla tempor. Praesent adipiscing tincidunt nulla, a semper enim interdum at. Cras commodo diam nec purus varius dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi ante nisl, porttitor ut suscipit a, mollis at quam. Ut ac nisl neque, eu aliquam sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut mollis elit. Vivamus tincidunt euismod neque ac ultrices. In hac habitasse platea dictumst. Morbi condimentum, dolor in consequat aliquet, eros nunc congue augue, aliquam faucibus lacus enim in sem. Aliquam ultricies congue odio, vel lobortis lorem tristique sed. Mauris in mattis lacus. Pellentesque malesuada rutrum luctus. Integer leo nunc, viverra a porttitor sit amet, mollis sed nibh. Ut aliquet, lacus eget ullamcorper lacinia, nunc justo pretium justo, a gravida quam ante nec tellus. Etiam posuere porta ante, non fringilla sapien sodales ut. Duis pulvinar congue urna. Praesent a nisi in dolor bibendum ullamcorper. Pellentesque accumsan viverra varius. In adipiscing, velit varius euismod adipiscing, ipsum arcu egestas libero, at bibendum nisl libero a est. Etiam quis nulla massa, at dapibus mauris. Nullam adipiscing, nisi eu placerat pulvinar, orci libero tincidunt lorem, vel posuere tellus nisi eu libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras non rutrum leo. Vestibulum feugiat tortor ut nisi gravida fringilla. Fusce fringilla consectetur diam, eget posuere urna congue ut. Sed lectus tellus, interdum eu suscipit et, tempus ac massa. Vivamus vitae purus sit amet risus posuere dignissim id at mi. Donec viverra fringilla magna quis tristique. Sed eu sollicitudin lacus. In tempor tincidunt justo at facilisis. Nam iaculis pellentesque dignissim. Maecenas dapibus enim quis nulla condimentum commodo. Cras eget turpis elementum metus porttitor congue sed ut dolor. Aenean rutrum purus id mi sagittis sagittis ultricies leo mollis. In consectetur sollicitudin elementum. Aenean nisl quam, sagittis at porta sit amet, aliquet et sapien. Donec lacus quam, vulputate non venenatis in, vestibulum eget erat. Aliquam nisi est, ullamcorper vel rutrum et, volutpat a est. Aliquam vel lorem gravida leo scelerisque pellentesque vel id magna. Suspendisse a mi dignissim tortor dignissim pulvinar a non purus. Praesent fermentum risus diam. Sed in tortor dui, vel convallis eros. Suspendisse in lectus non quam sollicitudin fringilla sit amet sed urna. Duis vel nisl quam.</p> </div><span><br /></span> </div><br /> <div class="reklam-arka"><a class="reklam-ver" href="#" title="Reklam vermek istiyorum ?">Reklam vermek istiyorum ?</a> <div class="reklam"><a href="#"><img src="http://img.webme.com/pic/t/temadeneme93/sponsor.png" alt="Reklam Alanı" title="Reklam Alanı"/></a> </div></div></div></div></div>