Portal-Bs v1

Merhaba Bedava-Sitem Severler! Geçtiğimiz birkaç hafta içinde bir arkadaşımız çift kolonlu portal veya genel blog teması isteğinde bulunmuş. Tabi ki özel isteklere cevap vermiyorum, çünkü; çok fazla yoğunluk olabiliyor. Bu yüzden arkadaşımızın isteğini tam bi' özel istek değerinde değilde herkesin kullanabileceği birşey olmasını istedim herneyse. Bedava-Sitem de entegreli çok az çift kolonlu tema mevcut. Bu nedenle bu sorunu da göz önünde bulundurarak geçmişte paylaştığım fakat 404 olmasından sonra arşivlenip, silinip, unutulan bu temayı tekrar aktif ederek kullanıcıların göz önüne serdim.

Temanın Ayrıntıları
* WordPress entegresi yoktur. HTML / CSS tabanlıdır.
* Temanın logo ve banner hariç hiçbir yerinde görsel kullanılmamıştır. (Çok iyi bir avataj! Bu demek oluyor ki; sonsuza kadar temayı hatasız kullanabilir, sunucudan silinme gibi hiçbir derdi de olmaz!)
* CSS optimize edilmiştir.
* Dosya içeresinde "Tasarım Üst", "Tasarım Alt", "Css" kodları mevcuttur.
* Çift kolondur. Temanın sağ kısmındaki sidebar sola, solda ki sidebarı ise sağ kısma yerleştirebilirsiniz.
* Reklamlar ve bazı ekstralar CSS  ile düzgün ve sade hale getirilmiştir.

Ayrıca temanın GtMetrix puanı ise çok iyidir (CSS kısmında görsel kullanılmadığı ve optimize edildiği için.);



Son Olarak
Bu ve diğer tüm temalar ücretsizdir ve kesinlikle warez yolu ile entegreli temalar değildir! Bu sebeple gönül rahatlığı ile kullanabilirsiniz. Ayrıca temanın kodlarında hiçbir şifreleme yoktur bu yüzden lütfen emeğimiz için temanın en alt kısmında olan isimler ile lütfen oynamayın. Kendi isminizi de en alt kısma ekleyebilirsiniz. Bu anlayışınız için de teşekkür ederiz.

NOT
Logoyu değiştirdiğiniz zaman temanın en üst kısmında bulunan 468x60 reklam alanın da yükseklik değeri değişecektir. Kullandığınız logonun ve 468x60 reklamın karşılıklı eşit olması için, temanın CSS kodlarına gidin ve "banner_468" CTRL+F yolu ile aratıp "margin-top:10px" değeri ile oynayın. Bu şekilde logo ve reklam aynı hizada olacaktır.

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:
• Çift Kolonlu
• Sol Sağ ve Üst Menü
• 2 Geniş Reklam Alanı

Tasarımın üzerindeki yazı: <!--NOT: Logoyu değiştirdiğiniz zaman temanın en üst kısmında bulunan 468x60 reklam alanın da yükseklik değeri değişecektir. Kullandığınız logonun ve 468x60 reklamın karşılıklı eşit olması için, temanın CSS kodlarına gidin ve "banner_468" CTRL+F yolu ile aratıp "margin-top:10px" değeri ile oynayın. Bu şekilde logo ve reklam aynı hizada olacaktır.--!> <div id="genel"><header><div id="logo"><a href="#"><img src="http://i.hizliresim.com/VVmpQr.png" alt="Logo" title="Logo"/></a></div><div id="banner_468"><a target="_blank" href="#"><img src="http://i.hizliresim.com/vErdA4.gif" width="468" height="60" alt="Sponsor Reklam Alanı" title="Sponsor Reklam Alanı"/></a></div></header><div class="temiz"></div><section> <nav id="menu"><ul><li><a href="#" title="Ana Sayfa">Ana Sayfa</a></li><li><a href="#" title="İletişim">İletişim</a></li><li><a href="#" title="Hakkımda">Hakkımda</a></li><li><a href="#" title="Reklam">Reklam</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li></ul></nav><div class="temiz"></div> <aside id="sol"> <div class="bilesen"><hgroup><h2>Salih Toy</h2></hgroup><ul id="kategoriler"><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><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 class="bilesen"><hgroup><h2>Salih Toy</h2></hgroup><ul id="encoksatan"><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><li><a href="#" title="Salih Toy">Salih Toy</a></li><li><a href="#" title="Salih Toy">Salih Toy</a></li></ul></div> </aside><div id="icerik"><div id="salih_icerik">

Tasarımın altındaki yazı:</div><div class="temiz"></div></div><aside id="sag"> <div class="bilesen"><hgroup><h2>Salih Toy</h2></hgroup><ul id="encoksatan"><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 class="bilesen"><hgroup><h2>Salih Toy</h2></hgroup><ul id="encoksatan"><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 class="bilesen"><hgroup><h2>Salih Toy</h2></hgroup><ul id="encoksatan"><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> </aside></section><div class="temiz"></div><footer><div id="fSol"><a target="_blank" href="#"><img src="http://i.hizliresim.com/vErdA4.gif" width="468" height="60" alt="Sponsor Reklam Alanı" title="Sponsor Reklam Alanı"/></a></div><div id="fSag"><ul id="fMenu"><li><a href="#">Ana Sayfa</a></li><li><a href="#">İletişim</a></li><li><a href="#">Hakkımda</a></li><li><a href="#">Reklam</a></li><li><a href="#">Salih Toy</a></li></ul><span style="float:left;margin-left:21px;"><a href="#" title="Kendi Adınız">Kendi Adınız</a> Copyright © 2015 - Tasarım: <a href="#" title="Eren Keskin">Eren Keskin</a> | Bedava-Sitem: <a target="_blank" href="http://salihtoy.tr.gg/" title="Salih Toy">Salih Toy</a></span></div></footer></div> </body></html>

CSS kodu:<!--NOT: Logoyu değiştirdiğiniz zaman temanın en üst kısmında bulunan 468x60 reklam alanın da yükseklik değeri değişecektir. Kullandığınız logonun ve 468x60 reklamın karşılıklı eşit olması için, temanın CSS kodlarına gidin ve "banner_468" CTRL+F yolu ile aratıp "margin-top:10px" değeri ile oynayın. Bu şekilde logo ve reklam aynı hizada olacaktır.--!> #banner_468 img{padding:5px;float:right;width:468px;height:60px;margin-top:10px}#genel,#uSag li select{border:1px solid #cfcfcf}a,nav#menu ul li a{text-decoration:none}#fSag,#genel footer,#genel header,#genel section,nav#menu,ul#fMenu{overflow:auto}hr{color:#505050}#webme_footer_textlink_dont_hide{color:#505050;position:absolute;left:395px;padding-bottom:20px;background:0 0}#logo,#uSag{padding:5px}span a{color:#202020}iframe{border-radius:5px}#salih_icerik{font-size:12px;line-height:22px;color:#505050}#ad-1679,#ad-45c4,#ad-8f14,#ad-a87f,#ad-c4ca,#ad-c81e,#ad-c9f0,#ad-cfcd,#ad-d3d9,#ad-e4da,#ad-eccb{margin:auto}#webme_sky_ad{top:121px}div.header,h1#title,h2#title span,li.nav_element a,lli.nav_element{display:none}li.nav_element{list-style-type:none;display:none}body{background-color:#e5e5e5;font:13px/21px Arial;line-height:1}.temiz{clear:both}#genel{width:980px;margin:20px auto;background-color:#fff;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}#genel header{background:#fff;background:-moz-linear-gradient(top,#fff 0,#e9e9e9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e9e9e9));background:-webkit-linear-gradient(top,#fff 0,#e9e9e9 100%);background:-o-linear-gradient(top,#fff 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#fff 0,#e9e9e9 100%);background:linear-gradient(top,#fff 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0 );padding:5px;margin:2px}#logo{float:left}#uSag{float:right}#uSag li{margin:10px 5px}#uSag li img{vertical-align:top;margin-left:4px}#uSag li span{font-size:13px}#uSag li span a{font-weight:700;color:#4f4f4f}#uSag li select{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}#uSag li button{background:#f15f05;background:-moz-linear-gradient(top,#f15f05 0,#c93b00 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f15f05),color-stop(100%,#c93b00));background:-webkit-linear-gradient(top,#f15f05 0,#c93b00 100%);background:-o-linear-gradient(top,#f15f05 0,#c93b00 100%);background:-ms-linear-gradient(top,#f15f05 0,#c93b00 100%);background:linear-gradient(top,#f15f05 0,#c93b00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15f05', endColorstr='#c93b00', GradientType=0 );padding:4px 7px;color:#fff;text-shadow:1px 1px #694434;border:1px solid #f25f05;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}#genel footer,.bilesen{border:1px solid #cfcfcf}#genel section{border-top:1px solid #cfcfcf;padding:5px}nav#menu{padding:10px;background:#f26005;background:-moz-linear-gradient(top,#f26005 0,#c63800 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f26005),color-stop(100%,#c63800));background:-webkit-linear-gradient(top,#f26005 0,#c63800 100%);background:-o-linear-gradient(top,#f26005 0,#c63800 100%);background:-ms-linear-gradient(top,#f26005 0,#c63800 100%);background:linear-gradient(top,#f26005 0,#c63800 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26005', endColorstr='#c63800', GradientType=0 );border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}nav#menu ul li{float:left;margin-right:10px;border-right:1px solid #ed6806;padding:3px 15px}nav#menu ul li a{font-size:13px;color:#fff;font-weight:700;text-transform:capitalize}nav#menu ul li:hover a{text-decoration:underline}aside{width:200px}aside#sol{float:left}.bilesen{margin:10px 0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.bilesen hgroup{margin:1px;padding:5px 15px;background:#fff;background:-moz-linear-gradient(top,#fff 0,#f2f6f9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#f2f6f9));background:-webkit-linear-gradient(top,#fff 0,#f2f6f9 100%);background:-o-linear-gradient(top,#fff 0,#f2f6f9 100%);background:-ms-linear-gradient(top,#fff 0,#f2f6f9 100%);background:linear-gradient(top,#fff 0,#f2f6f9 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f6f9', GradientType=0 )}.bilesen hgroup h2,ul#kategoriler li a{background:url()left no-repeat}.bilesen hgroup h2{padding:10px 20px;color:#4f4f4f;font-size:13px}ul#encoksatan,ul#kategoriler{overflow:auto;border-top:1px solid #cfcfcf;padding:10px}ul#kategoriler li{border-bottom:1px solid #cfcfcf;padding:6px 10px}ul#kategoriler li a{font-size:12px;padding:8px 25px;color:#797979;text-decoration:none}ul#encoksatan li:hover a,ul#kategoriler li:hover a{color:#000;text-decoration:underline}ul#encoksatan li{list-style:decimal;padding:6px 0;margin-left:25px;font-size:12px;color:#797979;font-weight:700}ul#encoksatan li a{font-size:12px;color:#76b013;text-decoration:none;font-weight:400}#reklam{margin:1px}aside#sag{float:right}#icerik{width:548px;float:left;margin:10px}#genel footer{background:#f0f0f0;background:-moz-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-o-linear-gradient(top,#f0f0f0 0,#fff 100%);background:-ms-linear-gradient(top,#f0f0f0 0,#fff 100%);background:linear-gradient(top,#f0f0f0 0,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0 );padding:1px;margin:12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}#fSol{width:300px;float:left}#fSol a img{width:468px;height:60px;float:left;margin-right:10px;padding:5px}#fSag{width:450px;float:right;padding:1px;margin-bottom:5px}ul#fMenu{padding:10px}ul#fMenu li{float:left;margin-right:10px;border-right:1px solid #797979;padding:3px 12px}ul#fMenu li a{text-decoration:none;color:#535151;font-size:12px}ul#fMenu li:hover a{text-decoration:underline}#fSag span{font-size:11px;color:#797979;margin-right:-13px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,option,select{outline:0}

Ana sayfaya eklenecek kod: