Css Kodu
---------------------------------------
/*
Tasarlayan - Kodlayan: Tugay Tekeci,
Site:
http://yapiyoruz.tr.gg,
Kodlama tarih: 27 Mart 2012,
Aciklama: Bu tasarim tamamiyle yukarda ismi yazan kisi tarafindan hazirlanmis olup paylasim haklari ona aittir.
*/
/*Site font ayarlari*/
@font-face {font-family: 'siteFont';src: url('site.eot');}
@font-face {font-family: 'siteFont';src: url('site.ttf') format('truetype');}
@font-face {font-family: 'siteFontB';src: url('site-bold.eot');}
@font-face {font-family: 'siteFontB';src: url('site-bold.ttf') format('truetype');}
/*Sifirlama ve Genel ayarlar*/
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{line-height:1;background:url(http://bglabs.evade.netdna-cdn.com/wp-content/uploads/2013/02/clouds-seamless-background.jpg) repeat left top;text-align:center;font:12px/13px siteFont,Tahoma,Arial;}
ol,ul{list-style:none}
a{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;}
h1,h2,h3,h4,h5{font:12px/14px siteFontB,Tahoma,Arial;}
h1{font-size:14px;}h2{font-size:16px}h3{font-size:18px}
blockquote{margin:5px;background:#eee;border:solid 1px #bbb;color:#444;border-left-width:5px;padding:3px;border-radius:0 5px 5px 0}
/*Menuleri gizle*/
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;}
/*Ust renk class'i*/
.ust_renk{padding:0;margin:0;background:url(http://img.webme.com/pic/y/yapiyoruz/40_ust.png) repeat-x 0 -50px;width:100%;height:2px;}
/*Tum hepsini kapsayan div*/
#kapsa{width:1024px;height:auto;margin:0 auto;text-align:left;}
/*logo*/
.logo{width:130px;height:25px;float:left;margin:26px 26px 0 26px}
/*reklam*/
.reklam{width:525px;height:60px;background:url(http://img.webme.com/pic/y/yapiyoruz/40_ust.png) no-repeat 0 -55px;float:right;padding:8px 0 8px 2.5em}
/*ust menu*/
.ust_menu{width:1010px;height:40px;background:url(http://img.webme.com/pic/y/yapiyoruz/40_ust.png) no-repeat 0 0;padding:5px}
.menu{float:left;width:65em;padding:5px}
.menu li{float:left}
.menu a{display:block;color:#ac9725;font:13px/14px siteFontB,Tahoma,Arial;margin-right:6px;}
.menu a:hover{color:#978626;}
.ana_sayfa{text-indent:-999px;background:url(http://img.webme.com/pic/y/yapiyoruz/40_anas_buton.png) no-repeat 0 0;width:15px;height:15px;margin-top:-1px}
.ana_sayfa:hover{background:url(http://img.webme.com/pic/y/yapiyoruz/40_anas_buton.png) no-repeat 0 -14px;}
.arama_alan{float:right;margin-right:2em;padding-top:2.5px}
.aramakutusu{background:#e9cb2e;border:solid 1px #b9a121;padding:2px;color:#ac9725;border-radius:5px;font:11px/12px siteFontB,Tahoma,Arial}
.aramakutusu:focus{background:#e2bf0c;color:#444}
.aramaBtn{margin-bottom:-4px}
/*icerik alani*/
.icerik{background:#fff;border:solid 1px #e4cc49;width:1005px;height:auto;padding:0;margin-bottom:1em}
/*sol*/
.ic_sol{float:left;border-right:solid 1px #e4cc49;width:729px;height:auto}
/*slider*/
#slider{width:712px;height:200px;margin:7px;position:relative;overflow:hidden;}
#slider ul li a span {opacity:0.5;filter:alpha(opacity=50);position:absolute;height: 23px; background:#000; z-index: 5; bottom: 1; left: 0; width: 100%; color: #fff; font-size: 15px; padding: 13px 16px 6px 16px;}
.slider_sayfalama{position:absolute;bottom:4px;left:585px;}
.slider_sayfalama li{float:left}
.slider_sayfalama a{display:block;background:url(http://img.webme.com/pic/y/yapiyoruz/40_slider_buton.png) no-repeat 0 0;width:8px;height:14px;color:#666;padding:3px 6px;margin:2px;font-weight:bold;}
.slider_sayfalama li.aktif a{background:url(http://img.webme.com/pic/y/yapiyoruz/40_slider_buton.png) no-repeat 0 -20px;color:#444}
/*konu*/
#konu, .okunan_konu{width:712px;height:180px;margin:7px 7px 2em 7px;}
.konu_baslik{background:#f6f6f6;border:solid 1px #eee;padding:8px 8px 9px 8px;font:16px/18px siteFontB,Tahoma,Arial;color:#444444;}
.konu_bilgi{margin-left:1.6em;color:#888888;font-size:11px}
.konu_bilgi img{margin:2px 3px -1px 3px}
.konu_resim{border:solid 1px #eee;width:172px;height:112px;margin:5px 5px 5px 0;float:left}
.konu_icerik{float:right;width:530px;height:112px;margin:5px 0 5px 0;}
.konu_devam{text-indent:-9999px;display:block;float:right;background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -295px;width:64px;height:18px;margin-right:1em}
.konu_devam:hover{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -314px;}
/*okunan konu*/
.okunan_konu{height:auto}
#okunan_konu{padding:5px;height:auto}
/*yorum oku*/
#yorum{margin:5px}
.yorum_resim{width:48px;height:48px;border-radius:7px;float:left}
.yorum_baslik{padding:3px;border-bottom:solid 1px #ddd;float:right;width:644px;color:#555;font-size:12px}
.yorum_icerik{margin:5px;float:left;width:620px;height:auto;padding:5px 5px 5px 1em;background:#f5f5f5;border:solid 1px #eee}
.yorum_tarih{color:#bbb;font-size:10px;float:right;margin-right:5px}
/*yorum yaz*/
#yorum_yaz{padding:7px;}
.yorum_text, #content textarea{width:698px;height:110px;padding:8px;background:#eee;border:solid 1px #ddd;border-radius:3px;font:12px/14px siteFont,Tahoma,Arial;}
.yorum_text:focus{background:#ddd;border-color:#ccc}
.yorum_submit, #content input{background:#fff;border:solid 1px #ccc;padding:5px;font:12px/13px siteFont,Tahoma;cursor:pointer;border-radius:5px;float:right;margin:3px 5px 0 0}
.yorum_submit:hover, #content input:hover{background:#eee;border-color:#bbb}
/*sayfalama*/
#sayfalama{margin:8px;height:3em}
#sayfalama li{float:left}
#sayfalama li a{display:block;padding:4px 7px;margin:3px;background:#eee;border:solid 1px #c0c0c0;font-weight:bold;color:#444;border-radius:5px;}
#sayfalama li a:hover{background:#ddd;border-color:#bbb}
/*sag*/
.ic_sag{float:right;width:275px;}
.sag_baslik,.sb2, .sb3, .sb4{width:233px;height:14px;background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 0;color:#6a5d17;font:14px/16px siteFontB,Tahoma,Arial;padding:1.5em;cursor:default}
.sag_alan a, .sa2 a{color:#888888;font:12px/14px siteFontB,Tahoma,Arial;display:block;width:275px;height:15px;padding:1px 0 0 2em}
.sag_alan a:hover, .sa2 a:hover{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -247px;width:275px;height:15px;color:#837425;}
.sb2{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -56px;color:#1f5a85;padding:20px 21px;}
.sa2 a:hover{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -229px;color:#1f5a85;}
.sb3{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -110px;color:#12594e;}
.sb4{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -169px;color:#225812;}
.sa3 a{display:block;float:left;margin:0 2px}
/*sag yorumlar*/
.sa4 ul a{color:#333;display:block;padding:5px;margin:5px;border-radius:5px;background:#fff;border:solid 1px #eaeaea}
.sa4 ul a:hover{background:#eaeaea;border:solid 1px #ddd}
.sagyorum_resim{width:32px;height:32px;border-radius:5px;float:left}
.sagyorum_baslik{font:13px/14px siteFontB,Tahoma,Arial;border-bottom:solid 1px #c0c0c0;float:right;width:16.5em;margin-bottom:2px;color:#555}
.sagyorum_icerik{color:#444;font-size:12px;float:right;width:18em}
/*Alt bolum*/
#alt{margin-bottom:1em}
/*Alttaki bolumler*/
.dizi{background:#fff;border:solid 1px #e4cc49;width:238px;height:10em;float:left;margin-right:16px}
.dizi_baslik{background:url(http://img.webme.com/pic/y/yapiyoruz/40_menu-buton.png) no-repeat 0 -265px;width:226px;height:16px;padding:7px 6px;color:#6a5d17;font:14px/16px siteFontB,Tahoma,Arial;cursor:default;}
.dizi_icerik{color:#444444;font:11px/12px siteFontB,Tahoma,Arial;margin:5px;}
#dost_site img{margin:3px;border:solid 1px #c0c0c0;border-radius:3px}
#dost_site img:hover{border-color:#444}
#p_konular{margin:5px 0}
#p_konular a{display:block;color:#444;padding:2px 6px;}
#p_konular a:hover{background:#f7e37a;}
/*Reklam ortala*/
#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:0 auto}
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;}
______________