19.06.2011, Saat: 23:58
Bir arkadaş bunu istemişti bende türkçeleştirilip birazda değiştirerek footer olarak uyarladım inş olmuştur.
linkleri kendinize göre düzenlersiniz..
global.css gelişmiş modda açıp aşağıdaki kodu en alta ekleyin..
şimdi footer şablonuzu açıp içindeki silip aşağıdaki kod ile değiştirin.
ekran görüntüsü:
Ekteki images klasörünü forumun kurulu oldugu anadizine attın.
linkleri kendinize göre düzenlersiniz..
global.css gelişmiş modda açıp aşağıdaki kodu en alta ekleyin..
Kod:
#templatemo_footer_wrapper {
clear: both;
width: 100%;
height: 434px;
background: url(images/templatemo_footer_repeat.jpg) repeat-x
}
#templatemo_footer {
overflow: hidden;
width: 960px;
height: 306px;
padding: 40px 0 0;
margin: 0 auto;
color: #746522;
background: url(images/templatemo_footer.jpg) bottom center no-repeat
}
.footer_box {
float: left;
width: 210px;
margin-right: 30px;
}
.footer_box h4 {
color: #746522;
font-size: 26px;
margin-bottom: 20px
}
.footer_list { margin: 0; padding: 0; list-style: none }
.footer_list li { margin: 0 0 5px; padding: 0 0 5px; }
.footer_list li a { color: #746522; }
.footer_list li a:hover { color: #CC0000; text-decoration: none }
#footer_menu_box { clear: both; width: 960px; height: 37px; margin: 0 auto; text-align: center }
.footer_menu { margin: 0; padding: 10px 0; list-style: none }
.footer_menu li { margin: 0 30px; padding: 0; display: inline }
.footer_menu li a { color: #FFFFFF }
.footer_menu li a:hover { color: #FFCC00 }
#copyright {
clear: both;
width: 960px;
height: 74px;
padding: 15px 0 0;
margin: 0 auto;
text-align: center;
color: #fff2b9;
}
#copyright .left {
float: left;
text-align: left;
}
#copyright .right {
float: right;
text-align: right;
margin-top: 20px;
}
#copyright .right a { display: block; float: left; margin-left: 30px; color: #FFFFFF }
#copyright .right a:hover { text-decoration: underline; color: #FFCC00 }
#copyright a { color: #fff }
şimdi footer şablonuzu açıp içindeki silip aşağıdaki kod ile değiştirin.
Kod:
</div>
</div>
</div>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<div class="footer_box">
<h4>Dost Siteler</h4>
<ol class="footer_list">
<li><a href="#">Dost Site</a></li>
<li><a href="#">Dost Site</a></li>
<li><a href="#">Dost Site</a></li>
<li><a href="#">Dost Site</a></li>
<li><a href="#">Dost Site</a></li>
</ol>
</div>
<div class="footer_box">
<h4>Kullanıcı Paneli</h4>
<ol class="footer_list">
<li><a href="/search.php?action=getnew">Son Yorumlar</a></li>
<li><a href="/search.php?action=getdaily">Bugünkü Yorumlar</a></li>
<li><a href="/private.php">Özel Mesajlar</a></li>
<li><a href="#" >Arkadaşlarım</a></li>
<a href="/member.php?action=logout&logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a>
</ol>
</div>
<div class="footer_box">
<h4> Forum</h4>
<ol class="footer_list">
<li><a href="/showteam.php">Yönetim</a></li>
<li><a href="/stats.php">İstatistikler</a></li>
<li><a href="mailto:[email protected]">İletişim</a></li>
<li><a href="#top"> Yukarı Çık</a></li>
</ol>
</div>
<div class="footer_box">
<a href="#"><img src="images/facebook-icon.png" alt="Facebook" /></a>
<a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
<a href="/syndication.php"><img src="images/rss.png" alt="RSS" /></a>
<br><br><br>
<h4>Copyright</h4>
<ul class="footer_menu_list">
Forum Yazılımı <a href="http://www.mybb.com/">MyBB Group</a><br />
Türkçe Çeviri <a href="http://www.mybb.com.tr/">MyBBGrup</a>
</div>
<div class="cleaner"></div>
</div> <!-- end of footer -->
<div id="copyright">
<div class="left">
<p>Forum Açıklamanızı Buraya Yapabilirsiniz</p>
</div>
</div> <!-- end of templatemo_footer -->
</div> <!-- end of footer wrapper -->
</body>
</html>
ekran görüntüsü:
Ekteki images klasörünü forumun kurulu oldugu anadizine attın.