Css Footer Tasarımı + 4 Sütunlu

[#Captain]

Global.css gelişmiş modda açıp aşağıdaki kodu en alta ekleyin..

Kod: Tümünü Seç Tümünü Kopyala

#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: Tümünü Seç Tümünü Kopyala

</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&amp;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:mailadresiniz@hotmail.com">İ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>

Resimleri anadizine atın, ftp'si olmıyanlar normal upload edip images ile başlıyan şeyleri tırnak aralarındaki şeyleri silip değiştirebilirler.

Ama size tavsiyem, herhangibir yetkiliye pm atıp destek almanız..

Kod: Tümünü Seç Tümünü Kopyala

http://dosya.co/7u0xdie1b4cg/İmages.rar.html