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).
Torrent-Turkey avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

MyBB Temanıza Login Box Yapımı


Sponsor Reklam

Çevrimdışı Torrent-Turkey
 Tarih: 07-09-2012, Saat:12:05
#1
Yapımcı: Euan T l euantor
Anlatım: Adil S.


İsterseniz konuyu uzatmadan işlemlere başlayalım yavaştan.
Şimdi öncelikle admin paneline girmelisiniz. Bütün işimiz orada çünkü ;
index şablonunu açın <head> tagının hemen altına aşağıdaki kodu girin :

Kod:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Bunu yapmamızın amacı jquery kodlarını çağırmak.
Altınada aşağıdaki kodu ekleyin ve burada işimizi biterelim.

Kod:
<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <[email protected]>
* @version 1.0.0
*/

jQuery.noConflict();

jQuery(document).ready(function($)
{
    // Make the jQuery modal login redirect you back to the page you're currently on //
    $('#loginModal input[name="url"]').attr("value", window.location);
    // /Login redirect //

    // Modal Boxes //
    $('a[name="modal"]').on('click', function(event)
    {
        event.preventDefault();
        
        var target = $(this).attr('rel');
        
        // Set up the shadowing
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();
        $('#mask').css({'width': maskWidth, 'height': maskHeight});
        $('#mask').fadeIn(1000);    
        $('#mask').fadeTo("slow", 0.8);  
        
        // Position the actual modal
        var winH = $(window).height();
        var winW = $(window).width();
        $(target).css('top',  (winH / 2) - ($(target).height() / 2));
        $(target).css('left', (winW / 2) - ($(target).width() / 2));
        $(target).fadeIn(2000);
    });
    
    $('.modalBox a[rel="closeModal"]').on('click', function(event)
    {
        event.preventDefault();
        $('#mask, .modalBox').hide();
    });
    
    $('#mask').on('click', function ()
    {
        $(this).hide();
        $('.modalBox').hide();
    });
    // /Modal Boxes //
});
</script>

Kaydedip çıkalım. Merak etmeyin kodlarla fazla işimiz olmayacak Açık Ağızlı Gülümseme

ve geldik artık login boxun en önemli kısmına. Şimdi header_welcomeblock_guest'e girelim ve tümünü bu kodlarla değişelim ;

Kod:
<div id="mask"></div>
Welcome guest! Please <a href="{$mybb->settings['bburl']}/member.php?action=login" name="modal" rel="#loginModal">{$lang->welcome_login}</a> or <a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>
<div id="loginModal" class="modalBox loginModalBox">
    <div class="thead">
        Login at {$mybb->settings['bbname']}
    </div>
    <div class="modalContent loginModalContent">
        <form method="post" action="member.php">
            <table border="0" width="100%">
                <tr>
                    <td>
                        <label for="login_username">Username:</label>
                    </td>
                    <td>
                        <input type="text" value="" style="width: 200px;" maxlength="30" size="25" name="username" class="textbox" id="login_username" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="login_password">Password:</label>
                    </td>
                    <td>
                        <input type="password" value="" style="width: 200px;" size="25" name="password" class="textbox" id="login_password" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <label class="smalltext" title="If ticked, your login details will be remembered on this computer, otherwise, you will be logged out as soon as you close your browser."><input type="checkbox" value="yes" checked="checked" name="remember" class="checkbox"> Remember?</label>
                    </td>
                    <td>
                        <input type="submit" value="Login" name="submit" class="button" />
                    </td>
                </tr>
            </table>
            <input type="hidden" value="do_login" name="action" />
            <input type="hidden" value="" name="url" />
        </form>
    </div>
</div>

Kaydettikten sonra son bir işlemimiz kaldı. Css yi eklemek. Temanızın gelişmiş css sine girin ve en aşağıya aşağıdaki kodu ekleyin.

Kod:
#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.modalBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    background: #ffffff;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .modalBox .thead {
        font-weight: bold;
    }
    .modalBox .modalContent {
        padding: 5px 10px;
    }

Bu kadar anlatım yaptık. Bir resimsizde olmaz öyle değilmi Açık Ağızlı Gülümseme Buyrun ekran görüntümüz

resim

Kaynak: Mybb.biz
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam Sponsor Reklam

Çevrimdışı amiralhack
 Tarih: 07-09-2012, Saat:12:09
#2
(07-09-2012, Saat:12:05)Torrent-Turkey Adlı Kullanıcıdan Alıntı: Kaynak: Mybb.biz

Sağolasınız Süper
Ama ben diğer Amerikalı site değil de diğer Americali site diye biliyorum onu yanlış mı üzgün
Bunu Beğenenler:

Çevrimdışı Torrent-Turkey
 Tarih: 07-09-2012, Saat:12:31
#3
Ben İlk .biz de Gördüm
Bunu Beğenenler:

Çevrimdışı EmreKarakaya
 Tarih: 07-09-2012, Saat:13:09
#4
Merhaba

Bu Yazıyı Türkçeye Çeviren kişi ilk olarak Blackcat Hocamdır.Kanıt Olarak Bakabilirsiniz...

Kod:
http://mybbdepo.com/mybb-temaniza-login-box-yapimi-detayli-anlatim-konusu.html

Bizim Sitemizdeki Konunun Açılma Tarihi : 15-08-2012 18:23

Diğer Alıntı Ve Denek Sitedeki Konunun Açılma Tarihi : 01-09-2012, 11:34

Buradan Türkçe Dökümanın Bize Ait Olduğu Gözüküyor Arkadaşlar

Ayrıca Yukarıdaki Konuda Aynısı Ve Özgünü Verildiği İçin Konu Kilit Arşiv
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb Modern v1 Teması Ücretsiz 2021 [Mybb Seo Uyumlu Tema] GaMeKiNq 1 1,374 29-01-2021, Saat:20:52
Son Yorum: EmreKarakaya
  MYBB FORUM KONU MESAJ BASLIGI SORUNU YARDIM ? consort 2 2,693 23-09-2019, Saat:19:11
Son Yorum: EmreKarakaya
Onay [1.8] Mybb webseyrek Teması 1.8x Türkçe webseyrek 1 2,133 20-04-2018, Saat:19:47
Son Yorum: Machine
  Mybb sitemde Hata camoka1903 3 2,807 05-02-2017, Saat:14:36
Son Yorum: EmreKarakaya
  MyBB Bakım & Optimizasyon, Full Kurulum Hizmetleri + Para İadeli Phoenix 1 2,638 23-01-2017, Saat:21:57
Son Yorum: S.G



Konuyu Okuyanlar: 1 Ziyaretçi

istanbul escort - mecidiyeköy escort - şişli escort - ataköy escort - taksim escort - escort mecidiyeköy

sex hikaye - porno izle - türk ifşa - mecidiyeköy escort - seks hikaye - türk porno - escort bayan