MyBB Depo Forum

Orjinalini görmek için tıklayınız: Header Yada Footer'a Sosyal Medya İkonları Ekleme
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2
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

resim

İSTEDİĞİM HEADER

resim

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

resim

İSTEDİĞİM FOOTER

resim

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>, &copy; 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.
bilen yok mu Açık Ağızlı Gülümseme Açık Ağızlı Gülümseme
Merhaba

İnternette bir çok sosyal medya ikon kodları bulunmakta.Onların kodlarını alıp siteye ekleyebilirisiniz.
(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
sen kodları yerleştirmeyi bilmiosun ozaman Gülümseme
(17-10-2015, Saat:12:29)batuhan15 Adlı Kullanıcıdan Alıntı: [ -> ]sen kodları yerleştirmeyi bilmiosun ozaman Gülümseme

walla bilmiyorum hocam bilsem zaten sormazdım Açık Ağızlı Gülümseme Açık Ağızlı Gülümseme ben grafik tasarımcıyım kodlar benim işim değil Açık Ağızlı Gülümseme
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>
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 için 
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;
}
Sayfalar: 1 2