MyBB Destek Forumu

Orjinalini görmek için tıklayınız: MyBB Temaların Altına CSS Footer
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3
Merhaba Arkadaslar. Template'deki Footer'i Ayıklayıp MyBB Temalara Uyarladım.


global.css'ye Eklenecekler :
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 }

Admin KP / Sablon & Stil / Kullandıgınız Tema Sablonları / Footer / Footer Sablonu Acalım ve En Altına :

Kod:
<div id="templatemo_footer_wrapper">
    <div id="templatemo_footer">
        
        <div class="footer_box">
            <h4>Events</h4>
              <ol class="footer_list">
                <li><a href="#">Nascetur ridiculus mus</a></li>
                <li><a href="#">Duis vitae velit sed lesuada</a></li>
                <li><a href="#">Onvallis id, ultrices sit amet temp</a></li>
                <li><a href="#">Donec mollis aliquet ligula.</a></li>
                <li><a href="#">Maecenas adipiscing elementum</a></li>
              </ol>
        </div>
        
         <div class="footer_box">
            <h4> Partners</h4>
            <ol class="footer_list">
                <li><a href="#">Duis vitae velit sed lesuada</a></li>
                <li><a href="#">Donec mollis aliquet ligula</a></li>
                <li><a href="#">Maecenas adipiscing elementum</a></li>
                  <li><a href="#">Nascetur ridiculus mus.</a></li>
                <li><a href="#">Onvallis id, ultrices sit amet</a></li>
           </ol>
        </div>
        
         <div class="footer_box">
            <h4> Profile</h4>
           <p>Nullam ultrices tempor nisi, ac egestas diam aliquam a. Ut eleifend semper turpis.</p>
           <div class="cleaner h20"></div>
            <h4>Join Us</h4>
            <p>Nullam ultrices tempor nisi, ac egestas diam aliquam.</p>
            <a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
            <a href="#"><img src="images/rss.png" alt="RSS" /></a>
        </div>
        
  <div class="footer_box footer_box_last">
            <h4>HTML + CSS</h4>
           <p>Nullam ultrices tempor nisi, ac egestas diam aliquam a. Ut eleifend semper turpis, id feugiat arcu dignissim eu.Mauris quis nulla sed ipsum pretium sagittis. Suspendisse feugiat. Ut sodales libero ut odio. Maecenas venenatis metus eu est. In sed risus ac felis varius bibendum.</p>
      </div>
    
        <div class="cleaner"></div>
    </div> <!-- end of footer -->
    
    <div id="copyright">

        <div class="left">
            Copyright © 2048 <a href="#">Your Company Name</a><br />
            <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by
            <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>
        </div>
        <div class="right">
            <a href="#">home</a><a href="#">portfolio</a><a href="#">privacy policy</a><a href="#">about us</a><a href="#">contact</a>
        </div>    
    </div> <!-- end of templatemo_footer -->
</div> <!-- end of footer wrapper -->

Su Kodları Ekleyelim ve Footer'ımız Tamam.


Footer'a grafik dosyalarını ekten indiriniz.

Rar Sifresi : mybb.com.tr
Ellerine Sağlık Kardeşim Gülümseme
Eline Sağlık. Güzel Çalışma Olmuş Göz Kırp
Güzel Yorumlar İçin Teşekkürler Gülümseme
saol kardeşim temalarımda kullanabilirim Gülümseme
eline sağlı kgüzel olmuş
Yorumlar için Teşekkürler Gülümseme
Sayfalar: 1 2 3