|
|
 |
Selamlarrrr! Şimdi size öyle bir tema sunacağım ki ağzınız acık kalacak. Cok abarttın diyebilirsiniz ama tasarım gerçekten müthiş oldu !! Gri renkte onlarca özelliği olan tasarımı sizler le paylaşmak istedim. Cok basit kullanımı kolay ve zevkli gri renkte bu tasarımı tam bir profesyonel işi olarak yayınlıyorum... Tasarıma yazacak birşey bulamıyorum gerçekten müthiş birşey oldu bir kere göz atın ağzınız acık kalacak eminim buna! Cok emek verilmiş ve bayağı özellik barındırıyor. Hayallerinizdeki tasarım!
Tasarımın üstü :
Tasarımın altı : </div> </div> <div class="post_footer"></div> </div> <div id="commentwrap" style="margin-top:10px;"> <div class="post_container"> <div class="post_inside"> <div class="comments_box"> <div style="text-align:center; padding:12px 0 0; font-size:0.9em;">Bu alana istediğiniz resmi ve ya yazıyı koyabilirsiniz. Her sayfada görünür. Banner takas gibi şeyler konabilir !</div> <div id="respond"><div class="clear"></div> <input type='hidden' name='comment_post_ID' value='112' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> <span class="cancel-comment-reply"> <a rel="nofollow" id="cancel-comment-reply-link" href="/iletisim#respond" _fcksavedurl="/iletisim#respond" style="display:none;">Cevaplamayı iptal edin</a> </span> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="ffa90aa0fa" /></p> </form> </div> </div> </div> </div> <div class="post_footer"></div> </rdf:RDF></div> <div class="clear"></div> </div> <div id="sidebar"> <div class="sidebar_box"> <h2>Yazar<a href="JavaScript:void(0);" _fcksavedurl="JavaScript:void(0);" class="minimizesidebar"></a></h2> <div class="autho"> <span class="side_avatar"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/minitavsan.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/minitavsan.png" /></span> <p>Bu yazı <strong>Tarık</strong> tarafından 05 Haziran 2011 (13:35) tarihinde yazılmıştır. Yazarın sitede toplam <strong>36</strong> adet yazısı bulunmaktadır.</p> </div> <span class="sidebar_footer"></span> </div> <div class="sidebar_box"> </div> <div class="sidebar_box"> <h2>Reklam<a href="JavaScript:void(0);" _fcksavedurl="JavaScript:void(0);" class="minimizesidebar"></a></h2> <div> <p class="aligncenter"><a href="http://bs-aktif.tr.gg/reklam.htm" _fcksavedurl="http://bs-aktif.tr.gg/reklam.htm"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/reklamvv22.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/reklamvv22.png" /></a></p> </div> <span class="sidebar_footer"></span> </div> <ul class="sidebar_widgets"> <li><h2>Son eklenenler<a href="JavaScript:void(0);" _fcksavedurl="JavaScript:void(0);" class="minimizesidebar"></a></h2> <ul> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> </ul> <span class="sidebar_footer"></span></li> </ul> <ul class="sidebar_widgets"> <li><h2>Son eklenenler<a href="JavaScript:void(0);" _fcksavedurl="JavaScript:void(0);" class="minimizesidebar"></a></h2> <ul> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> <li><a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' title='Buraya Menü Yazısı.'>Buraya Menü Yazısı.</a></li> </ul> <span class="sidebar_footer"></span></li> </ul> </div> <div class="clear"></div> <div id="footer_menu"> <ul> <li class="page_item page-item-112 current_page_item"> <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="iletişim">Ana Sayfa</a></li> <li class="page_item page-item-114"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="hakkında">Hakkımda</a></li> <li class="page_item page-item-118"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="arşivler">Top-List</a></li> <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="iletişim">İletişim</a></li> <li class="page_item page-item-114"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="hakkında">Sohbet</a></li> <li class="page_item page-item-118"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="arşivler">Menü1</a></li> <li class="page_item page-item-118"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg" title="arşivler">Menü2</a></li> </ul> </div> <div class="clear"></div> <div class="index_tags"> <ul> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='4 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='5 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='6 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='7 konu' style='font-size: 9pt;'>Buraya etiket</a> <a href='http://www.bs-aktif.tr.gg' _fcksavedurl='http://www.bs-aktif.tr.gg' class='tag-link-99' title='1 konu' style='font-size: 9pt;'>Buraya etiket</a> </ul> </div> <div id="big-ad"> <span class="big-ad-h"></span> <span class="big-ad-b"><a href="http://bs-aktif.tr.gg/reklam.htm" _fcksavedurl="http://bs-aktif.tr.gg/reklam.htm"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/reklamverrmek.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/reklamverrmek.png" /></a></span> <span class="big-ad-f"></span> </div> <div class="clear"></div> <div id="footer"> <div id="footer-inner"> <div class="des"> <p><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg" title="Bs-Aktif">Sizin Site Adınız</a> © 2011 | <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg" title="Bs-Aktif">Sizin Site adresiniz.</a> | Tüm hakları saklıdır! | <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg" title="Bs-Aktif">Tasarım: Bs-Aktif.tr.gg Tarafından yapılmıştır.</a></p> </div> <div class="copy"> <p> <a href="http://bedava-sitem.com" _fcksavedurl="http://bedava-sitem.com" title="Giriş">Giriş</a> | <a href="#" _fcksavedurl="#" class="anchorLink">Yukarı çık</a> </p> </div> <div class="clear"></div> </div> </div> </div>
CSS kod: 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;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd, q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form, label,legend,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; font-size:1em; text-decoration: none; white-space:normal; } :focus { outline:0; } body { line-height:1; background:#f9f9f9 url(https://img.webme.com/pic/b/bs-aktif/bodyl.png) repeat center; } body a{ color: #136A9F; } body a:hover { color: #ff6600; } ol,ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption,th,td{ text-align:left; font-weight:normal; } blockquote:before,blockquote:after,q:before,q:after {content:""} blockquote,q{quotes:""""} input, textarea, select { font-family: arial; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border: 1px solid #ddd; padding: 2px 4px; } ::-moz-selection{background:#DF1000; color:#FFFFFF;} ::selection {background:#DF1000; color:#FFFFFF;} a::-moz-selection{background:#175CBF; color:#FFFFFF;} a::selection{background:#175CBF; color:#FFFFFF;} .clear { clear: both; } /*------------------------------------------------ Main --------------------------------------------------*/ #wrapper { width: 800px; margin: 0 auto 0 auto; font-family: arial; font-size: 0.75em; color: #555; background: #f9f9f9; padding:10px; border-left: 2px solid #dcdcdc; border-right: 2px solid #dcdcdc; border-top: 2px solid #dcdcdc; border-bottom: none; } #bigcolumn { float: left; width: 800px; overflow: hidden; margin: 0; display: inline; } #listwrapper { float: left; width: 514px; overflow: hidden; margin: 0; display: inline; } #listwrapper-2 { float: left; width: 514px; overflow: hidden; margin:0; display: inline; } #sidebar { float: right; width: 276px; display: inline; } #leftcolumn { float: left; width: 395px; margin: 0 10px 0 0; } #rightcolumn { float: left; width: 395px; } #nosidebarcolumn { display: block; width: 766px; padding: 2px 15px 15px 15px; background: #fefefe; border: 1px dotted #cbcbcb; margin:10px 1px 0 1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #commentwrap { display: block; width: 482px; padding: 2px 15px 15px 15px; background: #fefefe; border: 1px solid #d1d1d1; margin:10px 1px 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .index_tags { margin: 10px 0 0; border: 1px solid #e0e0e0; background: #fbfbfb; text-align: center; padding: 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #listwrapperright { float: right; width: 514px; overflow: hidden; margin: 0; display: inline; } #listwrapper-2right { float: right; width: 514px; overflow: hidden; margin:0; display: inline; } #sidebarleft { float: left; width: 276px; display: inline; } /*------------------------------------------------ Header --------------------------------------------------*/ #header { width: 800px; height: 136px; overflow: hidden; background: url(https://img.webme.com/pic/b/bs-aktif/headeruj.png) no-repeat bottom; position: relative; } #logo { position: absolute; bottom: 10px; left: 10px; } #logo img { display:block; overflow:hidden } /*------------------------------------------------ Menu --------------------------------------------------*/ #menu { display: block; width: 800px; height: 40px; background: url(https://img.webme.com/pic/b/bs-aktif/menutz.png) no-repeat; margin: 10px 0 0 0; position: relative; z-index: 10; font-size: 2em; letter-spacing: -4px; text-align: center; /*font-family: "trebuchet MS";*/ } #menu ul { margin: 0 0 0 2px; display: inline; height: 40px; } #menu ul li { text-align: center; position: relative; display: inline; } #menu ul li a { display: inline; height: 40px; line-height: 40px; color: #777; font-weight: bold; padding: 0 5px 0 1px; border:1px solid #fefefe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #menu ul li a:hover { color: #ff6600; background: #f7f7f7; border:1px solid #dadada; } /*------------------------------------------------ Footer --------------------------------------------------*/ #footer { background: url(https://img.webme.com/pic/b/bs-aktif/footergc.png) no-repeat center; width: 800px; text-align: center; font-family: arial; font-size: 0.9em; color: #888; display: block; margin: 0; height:40px; } #footer-inner { width: 800px; text-align: center; margin: 10px auto 10px auto; padding: 12px 10px 10px; } .des { float: left; display: inline; text-align: left; } .copy { float: right; display: inline; text-align: right; padding: 0 20px 0 0; } .des p, .copy p { line-height: 1.5em; } .des a, .copy a { font-weight: bold; } #footer_menu { display: block; width: 800px; height: 30px; background: url(https://img.webme.com/pic/b/bs-aktif/footermenu.png) no-repeat; margin: 10px 0 0 0; position: relative; z-index: 10; font-size: 1.3em; text-align: center; font-family: "trebuchet MS"; } #footer_menu ul { margin: 0 0 0 2px; display: inline; height: 30px; } #footer_menu ul li { text-align: center; position: relative; display: inline; } #footer_menu ul li a { font-weight: bold; display: inline; height: 30px; line-height: 30px; color: #6F6F6F; padding: 1px 5px 2px 4px; border:1px solid #f3f3f3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #footer_menu ul li a:hover { color: #ff6600; background: #f5f5f5; border:1px solid #dadada; } .aligncenterfooter { display: block; overflow: hidden; text-align: center; margin: 10px auto 0 auto; } /*------------------------------------------------ Advertisements --------------------------------------------------*/ #header-ad { position: absolute; bottom: 56px; right: 22px; display: block; overflow: hidden; } #header-ad img { display: block; overflow: hidden; border: 1px solid #ddd; } #big-ad { margin:10px 0 0 0; width: 800px; text-align:center; font-size:1.2em; } #big-ad a, #big-ad img, #big-ad span { margin: 0 auto 0 auto; text-align: center; } #big-ad span { display: block; line-height: 1.4em; color: #aaa; } #big-ad img { margin: 6px 0 5px; border:1px solid #ddd; } .big-ad-h { width: 800px; background: url(https://img.webme.com/pic/b/bs-aktif/bigadh.png) no-repeat top center; height:3px; padding: 5px 0 0; } .big-ad-b { width: 800px; background: url(https://img.webme.com/pic/b/bs-aktif/bigadbl.png) repeat-y; } .big-ad-f { width: 800px; background: url(https://img.webme.com/pic/b/bs-aktif/bigadf.png) no-repeat bottom center; height:3px; } .content-ad { /*text-align:center;*/ margin:12px 0 -9px; vertical-align: middle; } .content-ad img { border:none; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; background:none; margin-bottom:5px; } /*------------------------------------------------ Posts - Pages --------------------------------------------------*/ /* Image aligning */ .aligncenter, .alignnone { display: block; overflow: hidden; text-align: center; margin: 10px auto 10px auto; } .alignleft { float: left; display: inline; overflow: hidden; margin: 0 10px 10px 0; } .alignright { float: right; display: inline; overflow: hidden; margin: 0 0 10px 10px; } /* Post styles */ .post h1 { font-weight: normal; font-family: georgia; } .post h2 { font-size: 1.6em; font-weight: normal; letter-spacing: -1px; color: #222; margin: 10px 0 0 0; } .post h3 { color: #297eb9; font-size: 1.7em; font-family: arial; font-weight: normal; letter-spacing: -1px; margin: 10px 0 0 0; } .post h4 { color: #666; font-size: 1.5em; font-family: arial; font-weight: normal; letter-spacing: -1px; margin: 10px 0 0 0; } .post h5 { color: #FF731F; margin: 10px 0 0 0; letter-spacing: 1px; } .post h6 { font-size: 1.9em; font-weight: normal; letter-spacing: -1px; color: #222; margin: 10px 0 0 0; } .post em { color: #888; } .post img { vertical-align: middle; padding: 3px; border: 1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 5px #888; -moz-box-shadow:1px 1px 5px #999; -webkit-box-shadow:1px 1px 5px #888; } .wp-caption-text { display:inline; font-size:0.9em !important; color:#555; } .post del { text-decoration: line-through; color: #aaa; } .post ins { text-decoration: underline; font-weight: bold; } .post ul, .post ol { margin: 10px 0 0 10px; column-count:2; -moz-column-count:2; -webkit-column-count:2; column-gap: 15px; -moz-column-gap: 15px; -webkit-column-gap: 15px; } .post ul ul, .post ol ol { margin: 5px 0 5px 15px; font-size: 0.9em; color: #888; } .post ul li { line-height: 1.2em; border-bottom: 1px solid #eee; padding: 1px 0 1px 0; list-style-type: disc; margin: 9px 0 0 12px; } .post ol li { line-height: 1.4em; border-bottom: 1px solid #eee; padding: 3px 0 3px 0; margin: 9px 0 0 20px; list-style-type: decimal; } .post ul li a:hover, .post ol li a:hover { color: #177CBF; } .post code { margin: 20px 0 0 0; display: block; background: #eee; border: 1px solid #e6e6e6; font-size: 1.2em; color: #444; } .post blockquote { display: block; background: #EFFCFF; border: 1px solid #D1DDDF; padding: 0 10px 10px 10px; margin: 20px 0 0 0; color: #31699F; font-weight: bold; } .post blockquote blockquote { border: none; padding: 0 0 0 20px; margin: 10px 0 0 0; color: #555; font-weight: normal; } .post table{ border-collapse: collapse; border: 1px solid #d7d7d7; margin:5px 0px; } .post td, th { padding:6px 9px; border:1px solid #d7d7d7; } .post p { font-size:1.2em; line-height: 1.4em; text-align: justify; word-wrap:break-word; margin: 9px 0 0 0; color:#2f2f2f; } /* Global page styles */ .post { color:#555; opacity:0.96; filter: alpha(opacity = 96); font-family: "trebuchet MS"; font-size:1em; } .post_thumb img { float: left; display: inline; margin: 12px 10px 10px 0; width:120px; height:90px; } .post_title { font-size: 1.6em; font-weight: normal; font-family: georgia; margin: 10px 0 0 0; position: relative; display: block; width: 601px; height: 35px; padding: 0 0 0 13px; line-height: 35px; background: url(https://img.webme.com/pic/b/bs-aktif/blogheader.png) no-repeat; overflow:hidden; text-shadow:2px 2px 6px #D0D0D0; } .post_title a { color: #333333; } .post_title a:hover { color: #666666; } .post .post_container { margin-top: -14px; padding: 0 1px; width: 514px; background: url(https://img.webme.com/pic/b/bs-aktif/blogbody.png) repeat-y; } .post .post_footer { display: block; width: 514px; height: 12px; background: url(https://img.webme.com/pic/b/bs-aktif/blogfooter.png) no-repeat; overflow: hidden; } .post .post_inside { margin: 0 2px 0 0; display: block; background: #fdfdfd; padding: 12px; } /* Seperate post styles */ #seperatedtags { margin: 10px 0 0; border: 1px solid #e0e0e0; background: #fefefe; text-align: center; padding: 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .post-tags { color: #999; margin: 1px 1px 1px 5px; padding: 2px 0 2px 20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 0.9em; text-align: center; } .post-tags a { font-weight: bold; background-color:#eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:1px 7px 1px; line-height:16px; display:inline-block; margin:1px 0px; color:#999; } .post-tags a:hover { color:#ff6600; } .find { margin: 15px 0 0 0; } .find input { vertical-align:middle; } .findfield { border: 1px solid #ccc; padding: 2px; width: 250px; color: #555; } .findsubmit { background: #177CBF; border: 1px solid #b6b6b6; color: #fff; font-weight: bold; cursor: pointer; height: 21px; } .findsubmit:hover { color: #333; background: #fff; } #infopost { margin: 10px 0; border: 1px solid #d3d3d3; background: #fefefe; text-align: center; padding: 0 0 10px 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .underpostnavigation a{ color: #FF731F; } .olderentries { float: left; display: inline; margin: 10px 10px 0 0; } .newerentries { float: right; display: inline; margin: 10px 0 0 10px; } /*------------------------------------------------ Category widget --------------------------------------------------*/ .category_widget { margin: 10px 0 0 0; } .category_widget h3 { position: relative; display: block; width: 363px; height: 35px; padding: 0 0 0 32px; line-height: 35px; background: url(https://img.webme.com/pic/b/bs-aktif/categoryheaderw.png) no-repeat; } .category_widget h3 a { color: #333333; } .category_widget h3 a:hover { color: #666666 } .category_widget h4 { position: absolute; width:395px; padding: 0 0 0 -1px; margin: -34px 0 0 0; line-height: 30px; } .category_widget .cat_container { padding:0 1px 0; width: 395px; background: url(https://img.webme.com/pic/b/bs-aktif/bigadbd.png) repeat-y; } .category_widget .cat_footer { display: block; width: 395px; height: 12px; background: url(https://img.webme.com/pic/b/bs-aktif/categoryfooter.png) no-repeat; overflow: hidden; } .minimizecat, .minimizeblog, .minimized, .minus, .plus { position: absolute; top: 10px; width: 15px; height: 14px; } .minimized { left: 10px; background: url(images/minimized.png) no-repeat center; } .minimizecat, .minimizeblog { left: 10px; background: url(http://img69.imageshack.us/img69/2121/iconminimize.png) no-repeat top; } .minimizecat:hover, .minimizeblog:hover{ background: url(http://img69.imageshack.us/img69/2121/iconminimize.png) no-repeat bottom; } .minus { right: 10px; background: url(http://img202.imageshack.us/img202/3735/iconminus.png) no-repeat top; } .minus:hover{ background: url(http://img202.imageshack.us/img202/3735/iconminus.png) no-repeat bottom; } .plus { right: 30px; background: url(http://img202.imageshack.us/img202/2956/iconplus.png) no-repeat top; } .plus:hover{ background: url(http://img202.imageshack.us/img202/2956/iconplus.png) no-repeat bottom; } /* post styles */ .category_widget .cat_post { display: block; background: #fff; margin: 0 2px 0 0px; padding: 15px 10px 15px 10px; } .category_widget .cat_thumb img { float: left; display: inline; overflow: hidden; border: 1px solid #c6c6c6; padding: 1px; margin: 0 10px 0 0; } .category_widget p { line-height: 1.4em; margin: 5px 0 0 0; color: #999; text-align: justify; word-wrap: break-word; overflow: hidden; } .bold_permalinks { font-weight: bold; line-height: 1.4em; } .do_extrarchive { display: block; margin: 10px 0 0 0; text-align: center; color: #afafaf; } .do_extra { /*float: right;*/ display: block; margin: 10px 0 0 0; text-align: center; line-height:18px; } .do_continue, .do_comment, .do_read , .do_date, .do_edit{ font-size: 0.9em; font-weight: bold; color: #555; height: 16px; line-height: 16px; } .do_continue:hover, .do_comment:hover { color: #FF731F; } .do_continue { background: url(http://img137.imageshack.us/img137/4816/iconmoretext.png) no-repeat; background-position: left center; padding: 0 0 0 20px; margin: 0 10px 0 0; } .do_date { background: url(http://img265.imageshack.us/img265/404/icondate.png) no-repeat; background-position: left center; padding: 0 0 0 20px; margin: 0 10px 0 0; } .do_comment { background: url(http://img33.imageshack.us/img33/1663/iconcomment.png) no-repeat; background-position: left center; padding: 0 0 0 20px; } .do_read { background: url(http://img215.imageshack.us/img215/6113/iconreaded.png) no-repeat; background-position: left center; padding: 0 0 0 20px; margin: 0 10px 0 0; } .do_category { font-size: 0.9em; font-weight: bold; height: 16px; line-height: 16px; background: url(http://img710.imageshack.us/img710/29/iconcategory.png) no-repeat left center; padding: 0 0 0 20px; margin: 0 10px 0 0; } .do_category a { color: #FF731F; } .do_category a:hover { color: #555555; } .do_edit { background: url(http://img268.imageshack.us/img268/7089/iconedit.png) no-repeat; background-position: left center; padding: 0 0 0 20px; margin: 0 10px 0 10px; } /* more stories */ .smalltitle { color:#0C415F; } .smalltitle:hover{ color:#ff6600; } .list_items { background: #fff; margin: 0 2px 0 0; padding: 1px 0; border-bottom: 1px solid #d7d7d7; font-size: 1em; font-weight: bold; } .list_items li { margin: 1px 0; display: block; height: 1%; line-height: 2.1em; padding: 0 0 0 10px; } .list_items li a { margin: 0 auto; line-height: 1.2em; } /*------------------------------------------------ Others --------------------------------------------------*/ .wp-smiley { border:none !important; border-radius:none !important; -moz-border-radius:none !important; -webkit-border-radius:none !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important; padding:0 !important; } /*------------------------------------------------ Sidebar --------------------------------------------------*/ .minimizesidebar, .minimizedynwidget { position: absolute; left: 10px; top: 6px; width: 15px; height: 14px; background: url(https://img.webme.com/pic/b/bs-aktif/iconminimize.png) no-repeat top; } .minimizesidebar:hover, .minimizedynwidget:hover {background: url(https://img.webme.com/pic/b/bs-aktif/iconminimize.png) no-repeat bottom;} /* Sidebar box */ .sidebar_box{ margin: 10px 0 0 0; background: url(https://img.webme.com/pic/b/bs-aktif/sidebarbodyp.png) repeat-y; overflow: hidden; } .sidebar_box h2 { display: block; width: 246px; height: 17px; background: url(https://img.webme.com/pic/b/bs-aktif/sidebarheader2.png) no-repeat top; padding: 7px 0 0 30px; overflow: hidden; position: relative; } .sidebar_box div { /*display: block;*/ padding: 2px 13px 0px 13px; } .sidebar_box p { line-height: 1.2em; color: #666; margin: 10px 0 0 0; font-size:0.95em; padding-bottom:10px; } .sidebar_box em { color: #777; } span.sidebar_footer { display: block; height: 14px; background: url(https://img.webme.com/pic/b/bs-aktif/sidebarfooter.png) no-repeat bottom; } .sidebar_thumb img { margin: 0; padding:0; width:248px; height:186px; } /* Widgets style */ .sidebar_widgets a { line-height: 1.4em; } .sidebar_widgets h2 { display: block; height: 17px; background: url(https://img.webme.com/pic/b/bs-aktif/sidebarheader.png) no-repeat top; padding: 7px 0 0 30px; overflow: hidden; position: relative; } .sidebar_widgets li { background: url(https://img.webme.com/pic/b/bs-aktif/sidebarbodyx.png) repeat-y; margin: 10px 0 0 0; overflow: hidden; } .sidebar_widgets li li { background: none; margin: 0; } .sidebar_widgets ul li { padding: 5px 0 2px 0; border-bottom: 1px solid #fefefe; font-size:0.96em; } .sidebar_widgets ul { padding: 0 10px 0 10px } .sidebar_widgets form { padding: 0 10px 0 10px } .sidebar_widgets div { padding: 0 10px 0 10px; line-height: 1.4em; margin: 10px 0; } .sidebar_widgets p { margin: 0 0 7px 0; } .sidebar_widgets form div { padding: 0; } .sidebar_widgets label { line-height:1.5em; } .sidebar_widgets input { border:1px solid #ddd; padding:1px; vertical-align:middle; color:#555; } /* Additional post/page sidebar styles */ div.autho p { margin:0; padding:0 } span.side_avatar { float: left; display: inline; margin: 0 10px 1px 0; } span.side_avatar img { padding: 2px; border: 1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 3px #888; -moz-box-shadow:1px 1px 3px #888; -webkit-box-shadow:1px 1px 3px #888; margin:2px 0 0 2px; } div.autho { padding: 10px; } /* additional menu */ .admin_menu { display: block; padding: 4px 10px; } .admin_menu li { padding: 3px 0 3px 0; line-height: 1.3em; border-bottom: 1px solid #fefefe; } /* Various icons */ /* Search form */ #dosearch { position: absolute; bottom: 9px; right: 48px; display: block; overflow: hidden; } .searchform input { vertical-align: middle; margin: 0 4px 3px 0; } .searchfield { width: 328px; height: 27px; line-height: 25px; background: #fff; font-size: 1.2em; color: #888; border: 1px solid #ddd; padding: 2px 0 2px 5px; text-align:center; } .searchfield:hover {color:#FF731F;} .searchbutton { width: 60px; height: 32px; line-height: 32px; cursor: pointer; margin: 0 0 0 3px; text-align: center; color: #333; background: none; font-size: 0.9em; font-weight: bold; text-transform: uppercase; padding:0 0 2px 2px; } .searchbutton:hover {color:#FF731F;} /*------------------------------------------------ Comments --------------------------------------------------*/ .comments_box { zoom: 1; word-wrap:break-word; } .comments_box img { vertical-align: middle; } .comments_box h3 { color: #222; font-size: 1.7em; font-family: arial; font-weight: normal; letter-spacing: -1px; margin: 20px 0 5px 5px; } .comments_box p { padding:3px; } #respond p { color: #777; line-height: 1.4em; margin: 0 0 0 0; } .text { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2px 4px; color: #777; width: 200px; } #respond textarea { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 2px 3px 3px 3px; color: #777; width: 99%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .submit { margin:11px 0 0 0; padding: 3px 7px; cursor: pointer; font-weight: bold; border: 1px solid #cbcbcb; background: #f5f5f5; color: #555; moz-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 5px #ccc; -moz-box-shadow:1px 1px 5px #ccc; -webkit-box-shadow:1px 1px 5px #ccc; } .submit:hover { background:#fefefe; color:#177CBF; box-shadow:1px 1px 5px #ddd; -moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; } .cancel-comment-reply { margin:10px 0 0 0; cursor: pointer; font-weight: bold; float:right; } .cancel-comment-reply:hover { text-decoration: underline; } /* comment navigation */ .commentnavigation { display: block; } .commentnavigation a { padding: 4px; font-size: 1.2em; border: 1px solid #ddd; color: #999; } .commentnavigation a:hover { border: 1px solid #bbb; color: #ff8a00; } .commentnavigation_left { float: left; display: inline; } .commentnavigation_right { float: right; display: inline; } .commentnavigation_left a { float: left; display: block; margin: 15px 0 15px 0; } .commentnavigation_right a { float: right; display: block; margin: 15px 0 15px 0; } /* listing of comments with ordered list */ ol.commentlist { border-top: 1px dashed #cbcbcb; margin: 15px 0 0 0; padding: 15px 0 0 0; } ol.commentlist li { border-bottom: 1px dashed #d1d1d1; margin: 0 0 15px 0; padding: 0 0 15px 0; list-style-type: none; height: 1%; color:#555; } ol.commentlist li p { display: block; margin: 6px 0 0 75px; line-height: 1.5em; } ol.commentlist li div.vcard { float:left; width: 75px; padding:0; } ol.commentlist li div.vcard img.avatar { border: 1px solid #ccc; padding: 2px; background: #fff; display: block; overflow: hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 5px #888; -moz-box-shadow:1px 1px 5px #888; -webkit-box-shadow:1px 1px 5px #888; } ol.commentlist li div.vcard img.photo { } ol.commentlist li div.vcard span.says { } ol.commentlist li div.commentmetadata { font-size: 0.85em; color: #999; margin: 0 0 0 0; padding:0 0 0 0; text-align:justify; } ol.commentlist li div.comment-meta { color: #888; margin: 0 0 0 0; } ol.commentlist li div.comment-meta a { } ol.commentlist li div.reply { text-align: right; padding: 10px 0 0 0; } ol.commentlist li div.reply a { padding: 1px 5px; font-weight: bold; background: #f3f3f3; color: #222; border: 1px solid #d1d1d1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:1px 1px 3px #999; -moz-box-shadow:1px 1px 3px #999; -webkit-box-shadow:1px 1px 3px #999; } ol.commentlist li div.reply a:hover { background: #fff; } ol.commentlist li ul.children li { padding: 15px; margin: 15px 0 0 85px; } ol.commentlist li ul.children li div.reply a { background: #fff; } ol.commentlist li ul.children li.depth-2 { border: 1px dashed #A7D3DF; background: #EFF5FF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li ul.children li.depth-3 { border: 1px dashed #37BBDF; background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li ul.children li.depth-4 { border: 1px dashed #A7D3DF; background: #EFF5FF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li ul.children li.depth-5 { border: 1px dashed #37BBDF; background: #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } ol.commentlist li.alt { } ol.commentlist li.bypostauthor p { } ol.commentlist li.byuser { } ol.commentlist li.comment-author-admin { } ol.commentlist li.comment { } ol.commentlist li div.comment-author { } ol.commentlist li ul { } ol.commentlist li ul.children { } ol.commentlist li ul.children li.alt { } ol.commentlist li ul.children li.bypostauthor { } ol.commentlist li ul.children li.byuser { } ol.commentlist li ul.children li.comment { } ol.commentlist li ul.children li.comment-author-admin { } ol.commentlist li ul.children li.odd { } ol.commentlist li.even { } ol.commentlist li.odd { } ol.commentlist li.parent { } ol.commentlist li.pingback { } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even { } ol.commentlist li.thread-odd { } ol.pinglist { margin: 15px 0 15px 20px; } ol.pinglist li { padding: 5px 0 5px 0; border-top: 1px dotted #d1d1d1; line-height: 1.4em; } .single_title { font-size: 1.2em; font-weight: normal; font-family: georgia; margin: 10px 0 0 0; position: relative; display: block; width: 514px; line-height: 13px; text-shadow: 2px 2px 6px #D0D0D0; background: url(https://img.webme.com/pic/b/bs-aktif/stitlebody.png) repeat-y; } .single_title h1 { display: block; width: 502px; background: url(https://img.webme.com/pic/b/bs-aktif/stitleheader.png) no-repeat top; position: relative; padding:8px 0 0 12px; font-family: "trebuchet MS"; } .single_title em { font-size:0.8em; } span.single_title_f { display: block; height: 8px; background: url(https://img.webme.com/pic/b/bs-aktif/stitlefooter.png) no-repeat bottom; } span.stitlecolor { color:#df5900; } .single_title small { font-size:11px; } //-->
|
|
 |
|
|
|
Daha hiç anket oluşturulmamış!
|
|
|
|
|
|
|
Duyuru panosu |
|
|
|
Duyuru Panosu |
|
|
|
|
|
 |
|
| |
|
|
