+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Soru ve Sorunlarınız (https://mybbdepo.com/mybb-1-8-soru-ve-sorunlariniz-forumu)
+--- Konu Başlığı: [MCTR - 1.8] Header Yada Footer'a Sosyal Medya İkonları Ekleme (/header-yada-footer-a-sosyal-medya-ikonlari-ekleme-konusu.html)
Sayfalar:
1
2
Header Yada Footer'a Sosyal Medya İkonları Ekleme - zkynk - 16-10-2015
Merhaba arkadaşlar
Mybb forumumuzun footer yada header ına sosyal medya ikonları eklemeye çalışıyorum ancak her seferinde sayfadaki diğer ögelerin yerini oynatıyor bir şekilde.. Bunu nasıl ayarlayabilirim..
ORJİNAL HEADER
İSTEDİĞİM HEADER
HEADER ŞABLONU KODLARI
Kod:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
{$quicksearch}
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />ORJİNAL FOOTER
İSTEDİĞİM FOOTER
FOOTER ŞABLONU KODLARI
Kod:
<debugstuff>
</div>
</div>
<div id="footer">
<div class="upper">
<div class="wrapper" align="right"><a href="http://www.dmca.com/Protection/Status.aspx?ID=5e109822-74c2-4aa1-9e4d-b1133e062ed0" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="//images.dmca.com/Badges/dmca_protected_sml_120v.png?ID=5e109822-74c2-4aa1-9e4d-b1133e062ed0" alt="DMCA.com Protection Status" /></a> <script src="https://streamtest.github.io/badges/streamtest.js" type="text/javascript"></script>
{$lang_select}
{$theme_select}
<ul class="menu bottom_links">
{$contact_us}
<li><a href="{$mybb->settings['homeurl']}">{$mybb->settings['homename']}</a></li>
<li><a href="#top">{$lang->bottomlinks_returntop}</a></li>
<li><a href="<archive_url>">{$lang->bottomlinks_litemode}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=syndication">{$lang->bottomlinks_syndication}</a></li>
</ul>
</div>
</div>
<div class="lower">
<div class="wrapper">
<span id="current_time">{$lang->welcome_current_time}</span>
<span id="copyright">
<!-- MyBB is free software developed and maintained by a volunteer community.
It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
to show your support for MyBB. If you choose to remove or modify the copyright below,
you may be refused support on the MyBB Community Forums.
This is free software, support us and we'll support you. -->
{$lang->powered_by} <a href="http://www.mybb.com" target="_blank">MyBB{$mybbversion}</a>, © 2002-{$copy_year} <a href="http://www.mybb.com" target="_blank">MyBB Group</a>.
<!-- End powered by -->
</span>
</div>
</div>
</div>
<!-- The following piece of code allows MyBB to run scheduled tasks. DO NOT REMOVE -->{$task_image}<!-- End task image code -->
{$auto_dst_detection}
</div>EKLEMEK İSTEDİĞİM İKONLARIN KODLARI
Kod:
<table border="0" cellpadding="0" cellspacing="2" height="17" width="276">
<tbody>
<tr>
<td style="text-align: center;"><a href="www.pixelplusnetwork.com" target="_blank"><img alt="Pixel Plus Network" src="http://www.pixelplusnet.com/images/socialicons/pixelplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="http://www.pixelplusnetwork.com/support/" target="_blank"><img alt="Pixel Plus Network Destek Sistemi" src="http://www.pixelplusnet.com/images/socialicons/pixelplusdestek.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="mailtto:[email protected]" target="_blank"><img alt="Elektronik Posta" src="http://www.pixelplusnet.com/images/socialicons/email.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.youtube.com/c/pixelplusnetwork" target="_blank"><img alt="YouTube" src="http://www.pixelplusnet.com/images/socialicons/youtube.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://plus.google.com/+pixelplusnetwork" target="_blank"><img alt="Google+" src="http://www.pixelplusnet.com/images/socialicons/googleplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.facebook.com/pixelplusnetwork" target="_blank"><img alt="Facebook" src="http://www.pixelplusnet.com/images/socialicons/facebook.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://twitter.com/pixelplusnet" target="_blank"><img alt="Twitter" src="http://www.pixelplusnet.com/images/socialicons/twitter.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href=" http://www.pixelplusnet.com/syndication.php?limit=15 " target="_blank"><img alt="Rss Besleme" src="http://www.pixelplusnet.com/images/socialicons/rss.png" style="width: 30px; height: 30px;" /></a></td>
</tr>
</tbody>
</table>Teşekkür Ederim.
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - zkynk - 16-10-2015
bilen yok mu
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - EmreKarakaya - 17-10-2015
Merhaba
İnternette bir çok sosyal medya ikon kodları bulunmakta.Onların kodlarını alıp siteye ekleyebilirisiniz.
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - zkynk - 17-10-2015
(17-10-2015, Saat:03:52)EmreKarakaya Adlı Kullanıcıdan Alıntı: Merhaba
İnternette bir çok sosyal medya ikon kodları bulunmakta.Onların kodlarını alıp siteye ekleyebilirisiniz.
Sorun kod bulmak değil ki dostum benim kendi kodlarım var olay bu kodları temanın şablonunna doğru şekilde nasıl eklerim
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - batuhan15 - 17-10-2015
sen kodları yerleştirmeyi bilmiosun ozaman
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - zkynk - 17-10-2015
(17-10-2015, Saat:12:29)batuhan15 Adlı Kullanıcıdan Alıntı: sen kodları yerleştirmeyi bilmiosun ozaman
walla bilmiyorum hocam bilsem zaten sormazdım
ben grafik tasarımcıyım kodlar benim işim değil
Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - Feyz - 17-10-2015
header şablonunuzda logo kodundan sonra, <ul class="menu top_links">'den önce ekleyin.
Kod:
<table border="0" cellpadding="0" cellspacing="2" height="17" width="276" style="float:right;margin-top:20px;">
<tbody>
<tr>
<td style="text-align: center;"><a href="www.pixelplusnetwork.com" target="_blank"><img alt="Pixel Plus Network" src="http://www.pixelplusnet.com/images/socialicons/pixelplus.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="http://www.pixelplusnetwork.com/support/" target="_blank"><img alt="Pixel Plus Network Destek Sistemi" src="http://www.pixelplusnet.com/images/socialicons/pixelplusdestek.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="mailtto:[email protected]" target="_blank"><img alt="Elektronik Posta" src="http://www.pixelplusnet.com/images/socialicons/email.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="https://www.youtube.com/c/pixelplusnetwork" target="_blank"><img alt="YouTube" src="http://www.pixelplusnet.com/images/socialicons/youtube.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="https://plus.google.com/+pixelplusnetwork" target="_blank"><img alt="Google+" src="http://www.pixelplusnet.com/images/socialicons/googleplus.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="https://www.facebook.com/pixelplusnetwork" target="_blank"><img alt="Facebook" src="http://www.pixelplusnet.com/images/socialicons/facebook.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href="https://twitter.com/pixelplusnet" target="_blank"><img alt="Twitter" src="http://www.pixelplusnet.com/images/socialicons/twitter.png" style="width: 30px; height: 30px;"></a></td>
<td style="text-align: center;"><a href=" http://www.pixelplusnet.com/syndication.php?limit=15 " target="_blank"><img alt="Rss Besleme" src="http://www.pixelplusnet.com/images/socialicons/rss.png" style="width: 30px; height: 30px;"></a></td>
</tr>
</tbody>
</table>Cvp: Header Yada Footer'a Sosyal Medya İkonları Ekleme - batuhan15 - 17-10-2015
Buyrun kodlar hazır
foother için global.css ye ekle bunları
Kod:
.sosyal {
text-align: right;
margin:auto;
padding:3px;
height:auto;
width:auto;
}bunlarıda index şablonunda <br class="clear" /> ın altına ekle
Kod:
<div class="sosyal">
<tbody>
<tr>
<td style="text-align: center;"><a href="www.pixelplusnetwork.com" target="_blank"><img alt="Pixel Plus Network" src="http://www.pixelplusnet.com/images/socialicons/pixelplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="http://www.pixelplusnetwork.com/support/" target="_blank"><img alt="Pixel Plus Network Destek Sistemi" src="http://www.pixelplusnet.com/images/socialicons/pixelplusdestek.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="mailtto:[email protected]" target="_blank"><img alt="Elektronik Posta" src="http://www.pixelplusnet.com/images/socialicons/email.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.youtube.com/c/pixelplusnetwork" target="_blank"><img alt="YouTube" src="http://www.pixelplusnet.com/images/socialicons/youtube.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://plus.google.com/+pixelplusnetwork" target="_blank"><img alt="Google+" src="http://www.pixelplusnet.com/images/socialicons/googleplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.facebook.com/pixelplusnetwork" target="_blank"><img alt="Facebook" src="http://www.pixelplusnet.com/images/socialicons/facebook.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://twitter.com/pixelplusnet" target="_blank"><img alt="Twitter" src="http://www.pixelplusnet.com/images/socialicons/twitter.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href=" http://www.pixelplusnet.com/syndication.php?limit=15 " target="_blank"><img alt="Rss Besleme" src="http://www.pixelplusnet.com/images/socialicons/rss.png" style="width: 30px; height: 30px;" /></a></td>
</tr>
</tbody>
</div>header şablonunda <ul class="menu top_links">'den önce ekleyin.
Kod:
<div class="sosyal1">
<tbody>
<tr>
<td style="text-align: center;"><a href="www.pixelplusnetwork.com" target="_blank"><img alt="Pixel Plus Network" src="http://www.pixelplusnet.com/images/socialicons/pixelplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="http://www.pixelplusnetwork.com/support/" target="_blank"><img alt="Pixel Plus Network Destek Sistemi" src="http://www.pixelplusnet.com/images/socialicons/pixelplusdestek.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="mailtto:[email protected]" target="_blank"><img alt="Elektronik Posta" src="http://www.pixelplusnet.com/images/socialicons/email.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.youtube.com/c/pixelplusnetwork" target="_blank"><img alt="YouTube" src="http://www.pixelplusnet.com/images/socialicons/youtube.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://plus.google.com/+pixelplusnetwork" target="_blank"><img alt="Google+" src="http://www.pixelplusnet.com/images/socialicons/googleplus.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://www.facebook.com/pixelplusnetwork" target="_blank"><img alt="Facebook" src="http://www.pixelplusnet.com/images/socialicons/facebook.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href="https://twitter.com/pixelplusnet" target="_blank"><img alt="Twitter" src="http://www.pixelplusnet.com/images/socialicons/twitter.png" style="width: 30px; height: 30px;" /></a></td>
<td style="text-align: center;"><a href=" http://www.pixelplusnet.com/syndication.php?limit=15 " target="_blank"><img alt="Rss Besleme" src="http://www.pixelplusnet.com/images/socialicons/rss.png" style="width: 30px; height: 30px;" /></a></td>
</tr>
</tbody>
</div>global.css ekle
Kod:
.sosyal1 {
text-align: right;
margin-bottom:15px;
padding:3px;
height:auto;
width:auto;
}