MyBB Destek Forumu - Css Footer Tasarımı + 4 Sutunlu

Sayfalar: 1 2

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..

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&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:[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.

Teşekkürler çok hoş Gülümseme

tşkler kardeşim diyer sitemi bitirsem bu hoşuma gitti bunu nofollow olarak ve multi color yapacağım Gülümseme

eline koluna sağlık ... muhteşemsin

(20.06.2011, Saat: 00:16)kira1 Adlı Kullanıcıdan Alıntı: [ -> ]eline koluna sağlık ... muhteşemsin

teşekkürler bide facebook iconu eklendi images klasörüne , ek olarak facebook butonunuda ekledim twitter ve rss iconlarının yanına bilgin olsun Gülümseme

(20.06.2011, Saat: 00:18)GeCeCi KaBuS Adlı Kullanıcıdan Alıntı: [ -> ]
(20.06.2011, Saat: 00:16)kira1 Adlı Kullanıcıdan Alıntı: [ -> ]eline koluna sağlık ... muhteşemsin

teşekkürler bide facebook iconu eklendi images klasörüne , ek olarak facebook butonunuda ekledim twitter ve rss iconlarının yanına bilgin olsun

evet gördüm
edit yapmalıyım işte
resim çok kasar şiimdi css de falan ayar çekebilrsem dahada güzel olacak ama bana önemli olan aşağda olmasıydı onuda yapmışsın

1 2 güne multi color olarak paylaşacağım ve iconlu Gülümseme

Sayfalar: 1 2