MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
zkynk avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Header Yada Footer'a Sosyal Medya İkonları Ekleme


Sponsor Reklam

Çevrimdışı zkynk
 Tarih: 16-10-2015, Saat:21:44
#1
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.
Cevapla
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı zkynk
 Tarih: 16-10-2015, Saat:22:24
#2
bilen yok mu Açık Ağızlı Gülümseme Açık Ağızlı Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı EmreKarakaya
 Tarih: 17-10-2015, Saat:03:52
#3
Merhaba

İnternette bir çok sosyal medya ikon kodları bulunmakta.Onların kodlarını alıp siteye ekleyebilirisiniz.
Cevapla
Bunu Beğenenler:

Çevrimdışı zkynk
 Tarih: 17-10-2015, Saat:08:34
#4
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı batuhan15
 Tarih: 17-10-2015, Saat:12:29
#5
sen kodları yerleştirmeyi bilmiosun ozaman Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı zkynk
 Tarih: 17-10-2015, Saat:13:38
#6
(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
Cevapla
Bunu Beğenenler:

Çevrimdışı Feyz
 Tarih: 17-10-2015, Saat:14:22
#7
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>
Cevapla
Bunu Beğenenler:

Çevrimdışı batuhan15
 Tarih: 17-10-2015, Saat:14:31
(Son Düzenleme: 17-10-2015, Saat:14:36, Düzenleyen: batuhan15.)
#8
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;
}
Cevapla
Bunu Beğenenler: zkynk

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MYBB Mobil Son Konular Ekleme? KaNuNSuZ65 3 225 12-06-2018, Saat:18:21
Son Yorum: KaNuNSuZ65
  [1.8] Mybb fa fa Ekleme Yardım GaMeKiNq 1 228 23-04-2018, Saat:11:20
Son Yorum: alicanturk54
SSS [1.8] Konuda Başlık Sembolleri Yok (Konu İkonları) fastgoldfan6 5 1,332 15-04-2018, Saat:13:50
Son Yorum: murat313
  Alıntı Yazı Ekleme Eftimis 0 192 19-03-2018, Saat:16:18
Son Yorum: Eftimis
  [1.8] 500px, Flickr gibi fotoğraf sitelerinden fotoğrafı konuya ekleme? recepguler 0 196 28-02-2018, Saat:17:21
Son Yorum: recepguler



Konuyu Okuyanlar: 1 Ziyaretçi