Mybb Hakkında Soru ve Sorunlarız, Yardım ve Destek için MybbDepo external Adresini Ziyaret Ediniz.
Sponsor Reklam

duyuru Güncel Duyurular!
Güncel MyBB Dökümanları.. Güncel + Orijinal MyBB Sürümleri..
bilgi mybb

Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy
[1.6] Css Footer Tasarımı + 4 Sutunlu
#1
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ü:


39531698374064794830.jpg

Ekteki images klasörünü forumun kurulu oldugu anadizine attın.


Ek Dosyalar
.rar   images.rar (Dosya Boyutu: 241.51 KB / İndirme Sayısı: 430)
Ara
Cevapla
#2
Teşekkürler çok hoş Gülümseme
Ara
Cevapla
#3
tşkler kardeşim diyer sitemi bitirsem bu hoşuma gitti bunu nofollow olarak ve multi color yapacağım Gülümseme
Ara
Cevapla
#4
eline koluna sağlık ... muhteşemsin ^^
Ara
Cevapla
#5
(20.06.2011, Saat: 00:16)kira1 Adlı Kullanıcıdan Alıntı: eline koluna sağlık ... muhteşemsin ^^

Melek 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
Ara
Cevapla
#6
(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 ^^

Melek 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

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 ^^
Ara
Cevapla
#7
1 2 güne multi color olarak paylaşacağım ve iconlu Gülümseme
Ara
Cevapla

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
Yıldız MCA News On Footer Çalışması [Css] + [4 Sütunlu] Mahir Can Apaydın 42 34,389 17.04.2012, Saat: 20:50
Son Yorum: Shiniori



Konuyu Okuyanlar: 1 Ziyaretçi
© 2009-2018 MyBB.Com.TR Internet Hizmetleri, MyBBGrup.Com Alt Kuruluşudur.

Web sitemiz dahilindeki tüm sayfalar, bu sayfaları gösteren tüm ekranlar ve içerdiği her türlü bilgi ve bağlı materyal, yerleşim ve öğeler, (çözüm ortaklarının logoları ve yasal hakları hariç) MyBB.Com.TR'ye aittir.
Yazılı izin olmaksızın ve kaynak belirtilmedikçe, (Kaynak göstererek alıntı yapılabilir.) kopyalanamaz ya da yayınlanamaz. MyBB.Com.TR sitesindeki içerik-ler 5070 sayılı kanun kapsamında dijital zaman damgasıyla ve DMCA tarafından korunmaktadır.
Tüm hakları, (insafiyet ile) saklıdır.
teknoloji forumu , haber