Selamün aleyküm, artık tasarımlarımı ve kodlamaları bu konu altında mesaj atarak paylaşacağım. Konu kilitli olacak yani her bir sayfada ya tasarım yada beğenebileceğiniz bir kodlama olacak.
- Bu köşe için gerekirse adminlerimden izin alabilirim sorun yok, inşallah benim kod ve tasarım köşemi beğenirsiniz.
Admin KP - Temalar & Şablonlar - Kullandığınız Tema - Global.css'e giriyoruz aşağıdaki kodları en altına ekliyoruz.
Kod:
.footer{clear:both;margin-top:15px;text-align:right;display:block;-moz-box-shadow:-2px 2px 2px transparent;-webkit-box-shadow:-2px 2px 2px transparent;box-shadow:-2px 2px 2px transparent;background:#33373d none ;padding:5px 0px 5px 0px;border:1 solid #b8c1cd;color:transparent;font:normal 12px Tahoma,Calibri,Verdana,Geneva,sans-serif}.footer a{color:rgb(255,255,255)}.footer a:hover{color:rgb(255,255,255)}.footer_copyright,.footer_morecopyright{padding-bottom:5px;color:rgb(102,102,102);font:normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;margin-top:10px;text-align:center;display:block}.footer_time{color:rgb(102,102,102);font:normal 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;padding-top:10px;text-align:center}.footer_select{float:left;text-align:left;margin-left:10px;margin-top:0}.footer_links{margin-right:10px;margin-top:5px}.footer_links li{display:inline;margin-left:5px}.footer2{clear:both;display:block;margin-top:15px}.ad_global_header{}#ad_global_header1{float:left;clear:right;padding:0 0 0 0;margin:0 0 0 0}.g-toogle{background:none repeat scroll 0 0 #3598db;border-radius:2px;color:#FFFFFF;cursor:pointer;float:right;font-size:15px;height:30px;line-height:30px;margin:4px 0 0;right:10px;position:relative;text-align:center;width:100px;z-index:12;box-shadow:0px 3px 0px 0px #0f629a}.g-toogle:hover{background:#73c3f9;color:#fff;box-shadow:0px 3px 0px 0px #3598db}.g-toogle2{background:none repeat scroll 0 0 #f97373;border-radius:2px;color:#FFFFFF;cursor:pointer;float:right;font-size:15px;height:30px;line-height:30px;right:10px;margin:4px 2px 2px 2px;position:relative;text-align:center;width:100px;z-index:12;box-shadow:0px 3px 0px 0px #dc4f4f}.g-toogle2:hover{background:#dc4f4f;color:#fff;box-shadow:0px 3px 0px 0px #b01d1d}#footer-bg{clear:both;overflow:hidden;position:relative;width:100%;z-index:9;background:none repeat scroll 0 0 #222222}#footer{padding:8px;margin-left:auto;margin-right:auto;position:relative;width:98%}#footer .about{float:right;margin-left:82px;width:500px}#footer .about h1{color:#fff;font:bold 12pt 'Droid Arabic Kufi',Arial,Helvetica,sans-serif;margin:0 0 5px 0;padding:0}#footer .about h2{color:#FFFFFF;font:13px/20px Tahoma,Geneva,sans-serif;margin:0;padding:0}#footer .u-link{display:table;float:right;line-height:1.538em;margin-left:10px;text-align:left;width:100px}#footer .u-link h1{font:bold 12pt 'Droid Arabic Kufi',Arial,Helvetica,sans-serif;margin:0 0 7px;color:#fff}#footer .u-link ul{list-style:none;display:list-item;margin:0;padding:0}#footer .u-link ul li a{color:#FFFFFF;display:block;font:12px tahoma;margin:0 0 3px;text-decoration:none}#footer .u-link ul li a:hover{color:#33373d}#footer .o-part{display:table;float:right;line-height:1.538em;margin-left:100px;text-align:right;width:150px}#footer .o-part h1{font:bold 12pt 'Droid Arabic Kufi',Arial,Helvetica,sans-serif;margin:0 0 5px;color:#33373d}#footer .o-part ul{list-style:none;display:list-item;margin:0;padding:0}#footer .o-part ul li a{color:#FFFFFF;display:block;font:12px tahoma;margin:0 0 5px;text-decoration:none}#footer .o-part ul li a:hover{color:#33373d}#footer .footer-soc-icons{margin-right:0;text-align:left;float:left}#footer .footer-soc-icons h1{font:bold 12pt 'Droid Arabic Kufi',Arial,Helvetica,sans-serif;margin:0 0 5px;color:#fff}#footer .soc-content ul{margin:0;padding:0}#footer .soc-content ul li{float:right;list-style-type:none;margin-left:8px;margin-bottom:8px}#footer .soc-content{display:inline-block;padding-top:5px}#footer .soc-content ul li a{color:#FFFFFF;display:block;height:24px;position:relative;text-align:center;width:24px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#footer .soc-content ul li{background-color:#65bbf5}#footer .soc-content ul li a i{margin:4px auto 0}#footer .soc-content ul li a.twitter:hover{background-color:#00ACED}#footer .soc-content ul li a.facebook:hover{background-color:#3B5998}#footer .soc-content ul li a.gplus:hover{background-color:#D14836}#footer .soc-content ul li a.youtube:hover{background-color:#CD332D}#footer .soc-content ul li a.rss:hover{background-color:#FF8300}#footer2-bg{display:block;overflow:hidden;position:relative;width:100%;z-index:9;background:none repeat scroll 0 0 #33373d;border-bottom:4px solid #111}#footer2{height:40px;margin-left:auto;margin-right:auto;position:relative;width:100%}#footer2 .copy{color:#fff;float:right;font:normal 12pt;margin:6px 0 0}#footer2 .copy a{text-decoration:none;color:#fff}#footer2 .copy a:hover{color:#222}#footer2 .rocking{color:#fff;display:block;float:left;line-height:40px;margin:1px 0 0;text-align:right;width:auto}#footer2 .rocking a{background-image:url("http://www.forumexe.com/frm/../Flat/rocking.png");background-repeat:no-repeat;display:block;float:left;height:40px;margin:0 1px 0 0;width:83px}
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Footer Şablonları - Footer'e giriyoruz içindeki tüm kodları silip aşağıdaki kodu ekliyoruz.
Kod:
<div id="footer-bg">
<div id="footer">
<div class="about">
<h1><i class="fa fa-exclamation-triangle"></i> Yasal Uyarı </h1>
<h2>Tüm mesajlardan, mesajı gönderen kişi sorumludur. Site yöneticilerine ulaşabilmek için iletişim sayfasını kullanabilirsiniz.</h2>
</div>
<div class="u-link">
<h1><i class="fa fa-th-list"></i> Captain </h1>
<ul>
<li><a href="#"><i class="fa fa-bookmark-o"></i> Hakkımızda</a></li>
<li><a href="#"><i class="fa fa-bookmark-o"></i> Vizyonumuz</a></li>
</ul>
</div>
<div class="footer-soc-icons">
<h1><i class="fa fa-heart-o"></i> Günün Sözü</h1>
<h2>
<script language="JavaScript1.1" type="text/javascript">
<!--
quotes = new Array(11);
quotes[0] = "Akıllı olan Allah'tan korkar.";
quotes[1] = "Musibet zekayı eğitir.";
quotes[2] = "El ağazına bakan karısını tez boşar.";
quotes[3] = "Kitap aklın ilacıdır.";
quotes[4] = "Dost acı söyler.";
quotes[5] = "Küçük taş, baş yarar.";
quotes[6] = "Fakir kişi, cimrilik yapan kişidir.";
quotes[7] = "Zengin kişi iktisadı bilen kişidir.";
quotes[8] = "Zengin, kalbi zengin olan kişidir.";
quotes[9] = "Dağa çıkan düz aramaz.";
quotes[10] = "Adamın aynası arkadaşıdır.";
quotes[11] = "Zihin arı, kitap çiçektir.";
quotes[12] = "Dostlarını terkeden terkedilir.";
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write(" " + "\"" + quotes[index] + "\"\n ")
// -->
</script>
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Anasayfa Şablonları - İndex_boardstats'a giriyoruz içindeki tüm kodları silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Kullandığınız Tema - Global.css'e giriyoruz aşağıdaki kodları en altına ekliyoruz.
Kod:
.goingon-box1{text-align:Justify;float:left;width:986px;height:auto;display:inline-block;background:#f9f9f9;border-bottom:4px solid #ccc;position:relative;font-size:13px;padding:5px}ul.goingon-box{width:100%;list-style:none;margin:0;padding:0}ul.goingon-box li{float:left;width:191px;height:90px;display:inline-block;margin-left:6px;background:transparent;position:relative}ul.goingon-box li .cm_activeusers{position:relative;top:0;right:0;width:120px;height:90px;text-align:center}ul.goingon-box li .cm_activeusers strong{position:absolute;top:55px;right:5px;width:105px;font-size:14px;text-align:center;font-weight:normal;border-top:1px dotted #CCC;padding:3px 5px 0 5px}ul.goingon-box li .cm_activeusers span{position:absolute;top:25px;right:0;width:120px;font-size:24px;text-align:center;padding-bottom:5px}ul.goingon-box li .cm_activeusers-icon{position:absolute;top:24px;left:120px;width:42px;height:41px;background-position:-85px -92px}ul.goingon-box li .cm_numbermembers{position:relative;top:0;right:0;width:120px;height:90px;text-align:center}ul.goingon-box li .cm_numbermembers strong{position:absolute;top:55px;right:5px;width:105px;font-size:14px;text-align:center;font-weight:normal;border-top:1px dotted #CCC;padding:3px 5px 0 5px}ul.goingon-box li .cm_numbermembers span{position:absolute;top:25px;right:0;width:120px;font-size:24px;text-align:center;padding-bottom:5px}ul.goingon-box li .cm_numbermembers-icon{position:absolute;top:24px;left:120px;width:42px;height:41px;background-position:-85px -1px}ul.goingon-box li .cm_totalthreads{position:relative;top:0;right:0;width:120px;height:90px;text-align:center}ul.goingon-box li .cm_totalthreads strong{position:absolute;top:55px;right:5px;width:105px;font-size:14px;text-align:center;font-weight:normal;border-top:1px dotted #CCC;padding:3px 5px 0 5px}ul.goingon-box li .cm_totalthreads span{position:absolute;top:25px;right:0;width:120px;font-size:24px;text-align:center;padding-bottom:5px}ul.goingon-box li .cm_totalthreads-icon{position:absolute;top:24px;left:120px;width:42px;height:41px;background-position:-133px -46px}ul.goingon-box li .cm_totalposts{position:relative;top:0;right:0;width:120px;height:90px;text-align:center}ul.goingon-box li .cm_totalposts strong{position:absolute;top:55px;right:5px;width:105px;font-size:14px;text-align:center;font-weight:normal;border-top:1px dotted #CCC;padding:3px 5px 0 5px}ul.goingon-box li .cm_totalposts span{position:absolute;top:25px;right:0;width:120px;font-size:24px;text-align:center;padding-bottom:5px}ul.goingon-box li .cm_totalposts-icon{position:absolute;top:24px;left:120px;width:42px;height:41px;background-position:-85px -46px}ul.goingon-box li .cm_newuser{position:relative;top:0;right:0;width:120px;height:70px;padding-top:20px;text-align:center}ul.goingon-box li .cm_newuser a{font-size:15px}ul.goingon-box li .cm_newuser strong{position:absolute;top:55px;right:5px;width:105px;font-size:14px;text-align:center;font-weight:normal;border-top:1px dotted #CCC;padding:3px 5px 0 5px}ul.goingon-box li .cm_newuser span{position:absolute;top:25px;right:0;width:120px;font-size:24px;text-align:center;padding-bottom:5px}ul.goingon-box li .cm_newuser-icon{position:absolute;top:24px;left:120px;width:42px;height:41px;background-position:-133px -1px}ul.goingon-box li{padding:0}.fullimg{background-image:url(http://www.forumexe.com/frm/Flat/sprite.png);background-repeat:no-repeat;background-position:left top;background-attachment:scroll}
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonları - Postbit_edit'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonları - Postbit_quickdelete'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonları - Postbit_quote'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonları - Postbit_rep_button'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Postbit Şablonları - Postbit_report'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Forum Görüntüleme Şablonları - Forumdisplay_newthread'a giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Kod:
<div class="float_right"><a href="newthread.php?fid={$fid}" class="demo-pricing demo-pricing-2" id="newthreadlink_top"><font color="white">Yeni Konu Aç</font></a></div><br>
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Konu Gösterimi Şablonları - Showthread_newreply'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Kod:
<a href="newreply.php?tid={$tid}" class="demo-pricing demo-pricing-1" id="newreplylink_top"><font color="white">Yeni Cevap Ver</font></a>
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Konu Gösterimi Şablonları - Showthread_newreply_closed'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Konu Gösterimi Şablonları - Showthread_newthread'e giriyoruz içindeki tüm kodu silip aşağıdaki kodu ekliyoruz.
Kod:
<a href="newthread.php?fid={$fid}" class="demo-pricing demo-pricing-2" id="newthreadlink_top"></i><font color="white">Yeni Konu Aç</font></a>
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Footer Şablonları - Footer'e giriyoruz içindeki tüm kodları silip aşağıdaki kodu ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Konu Gösterimi Şablonları - Showthread'a giriyoruz ve aşağıdaki kodu {$quickreply} kodunun altına ekliyoruz.
Admin KP - Temalar & Şablonlar - Şablonlar - Kullandığınız Tema - Anasayfa Şablonları - İndex'e girip aşağıdaki kodu {$header} kodunun altına ekliyoruz.