26-01-2014 Saat: 16:37
Merhaba arkadaşlar bir forumda gördüğüm ve kendi pro theme v1 temamda kulalndığım footeri paylaşmak istiyorum. Normalde ftpliydi ben images dosyasındaki resimleri upload edip 10tl.nette kullanılır hale getirdim.
Öncelikle Global.css'ye girin ve en alta şu kodları ekleyin :
Daha sonra footere girip bütün kodları silip aşağıdaki kodları ekleyin:
Önizleme :
Not: Footerden ismimi silmezseniz memnum olurum.
Ve arkadaşlar diğer renklerini istiyorsnaız aşağıdai dosyayı indirin ve ardından resimleri upload ederek global.cssden linkleri değiştirin.
Diğer renkleri kırmızı turuncu ve turkuazdır.
İndirme linki :
Öncelikle Global.css'ye girin ve en alta şu kodları ekleyin :
Kod:
#templatemo_footer_wrapper {
clear: both;
width: 100%;
height: 434px;
background: url(http://i.hizliresim.com/KP6v57.png) repeat-x
}
#templatemo_footer {
overflow: hidden;
width: 960px;
height: 306px;
padding: 40px 0 0;
margin: 0 auto;
color: #ffffff;
background: url(http://i.hizliresim.com/eXq2WD.png) bottom center no-repeat
}
.footer_box {
float: left;
width: 210px;
margin-right: 30px;
}
.footer_box h4 {
color: #ffffff;
font-size: 26px;
font-family: Tahoma
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: #ffffff; }
.footer_list li a:hover { color: #99ff66; 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: #982004 }
.footer_menu li a:hover { color: #982004 }
#copyright {
clear: both;
width: 960px;
height: 74px;
padding: 15px 0 0;
margin: 0 auto;
text-align: center;
color: #ffffff;
}
#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: none; color: #FFFFFF }
#copyright a { color: #fff }Daha sonra footere girip bütün kodları silip aşağıdaki kodları ekleyin:
Kod:
</div>
</div>
</div>
<div id="templatemo_footer_wrapper">
<div id="templatemo_footer">
<div class="footer_box">
<h4><span style="background: url("http://www.mybbiran.com/upload/uploads/1323835401.gif") repeat-x scroll 0% 0% transparent; color: white; text-shadow: 0px 0px 5px;"><strong>Dost Siteler</strong></span>
</h4>
<ol class="footer_list">
<li><a href="mybb.com.tr">- MyBB -</a></li>
<li><a href="destek.10tl.net">- Destek -</a></li>
<li><a href="#">- Eklenecek -</a></li>
<li><a href="#">- Eklenecek -</a></li>
<li><a href="#">- Eklenecek -</a></li>
</ol>
</div>
<div class="footer_box">
<h4><span style="background: url("http://www.mybbiran.com/upload/uploads/1323835401.gif") repeat-x scroll 0% 0% transparent; color: white; text-shadow: 0px 0px 5px;"><strong>Kullanıcı Paneli</strong></span>
</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']}" style="color:White">- {$lang->welcome_logout} -</a>
</ol>
</div>
<div class="footer_box">
<h4> <span style="background: url("http://www.mybbiran.com/upload/uploads/1323835401.gif") repeat-x scroll 0% 0% transparent; color: white; text-shadow: 0px 0px 5px;"><strong>Forum</strong></span>
</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">
<h4><span style="background: url("http://www.mybbiran.com/upload/uploads/1323835401.gif") repeat-x scroll 0% 0% transparent; color: white; text-shadow: 0px 0px 5px;"><strong>Copyright</strong></span>
</h4>
<ul class="footer_menu_list">
- Forum Yazılımı <a href="http://www.mybb.com/" style="color:#00b2cc">MyBB Grup -</a><br />
- Türkçe Çeviri <a href="http://www.mybb.com.tr/" style="color:#00b2cc">MyBBGrup -</a>
- Footeri 10tl.net'e Uyarlayan :<a href="http://forumglobal.10tl.net/" style="color:#00b2cc"> Sinan Güney -</a>
</div>
<div class="cleaner"></div>
</div> <!-- end of footer -->
<div id="copyright">
<div class="center">
<a href="#"><img src="http://i.hizliresim.com/e2N7G2.png" alt="Facebook" /></a>
<a href="#"><img src="http://i.hizliresim.com/eyodYn.png" alt="Twitter" /></a>
<a href="#"><img src="http://i.hizliresim.com/KlrYMQ.png" alt="Skype" /></a>
<a href="#"><img src="http://i.hizliresim.com/e5m9Wz.png" alt="MySpace" /></a>
<a href="#"><img src="http://i.hizliresim.com/x9qXJN.png" alt="Delicious" /></a>
<a href="#"><img src="http://i.hizliresim.com/wzlRWR.png" alt="WordPress" /></a>
<a href="#"><img src="http://i.hizliresim.com/KlrYoQ.png" alt="Youtube" /></a>
<a href="/syndication.php"><img src="http://i.hizliresim.com/eNgVMa.png" alt="RSS" /></a></div>
</div> <!-- end of templatemo_footer -->
</div> <!-- end of footer wrapper -->
</body>
</html>Önizleme :
Not: Footerden ismimi silmezseniz memnum olurum.
Ve arkadaşlar diğer renklerini istiyorsnaız aşağıdai dosyayı indirin ve ardından resimleri upload ederek global.cssden linkleri değiştirin.
Diğer renkleri kırmızı turuncu ve turkuazdır.
İndirme linki :
Kod:
http://s3.dosya.tc/server17/vNefLC/footermca.rar.html
