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).
ßyßurak avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

Mybb Login Box [jQuery]


Sponsor Reklam
media venus

Çevrimdışı ßyßurak
 Tarih: 12-09-2012, Saat:20:07
(Son Düzenleme: 11-10-2012, Saat:18:08, Düzenleyen: ßyßurak.)
#1
Yapımcı Konu Türkçe Çeviri: ~ByBurak~
Güvenlik Eklenti Güvenlimi ?: Güvenli Onay-Cevap
Eklenti-Plugin Eklenti Uyumluluk: MyBB 1.4.x + 1.6
Araç-Test Test Durumu: Denemiştir - Sorunsuz Onay-Cevap
Bilgi-Kaynak Eklentinin Açıklaması: pop-up Şeklinde Açılır Kapanır Giriş Paneli



1- Temalar Şablonlar > Temalar > Temanız > headerinclude > headerinclude

En Alta Ekle

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

<script type="text/javascript">
/**
* Modal Boxes JS
*
* @author Euan T. <euan@euantor.com>
* @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>


2- Temalar Ve Şablonlar> Şanblonlar > Temanız > Header > header_welcomeblock_guest


En Alta Veya Uygun Bir Yere Ekleyin Herşeyi Silipte Ekleyebilirsiniz

Kod:
<div id="mask"></div>
Hoş Geldin Misafir,  <a href="{$mybb->settings['bburl']}/member.php?action=login" name="modal" rel="#loginModal">{$lang->welcome_login}</a> ~ <a href="{$mybb->settings['bburl']}/member.php?action=register">{$lang->welcome_register}</a>
<div id="loginModal" class="modalBox loginModalBox">
    <div class="thead">
        Giriş Yap {$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">Kullanıcı Adı:</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">Şifre:</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>


3- Temalar Ve Şablonlar> Temalar > Temanız > Global.css

En Alta EKle

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;
    }



4- Kapatma Butonu Ekli Deyildir İsteyen Ekleyebilir.
Eklemek İçin "Giriş Yap {$mybb->settings['bbname']}" kodunu bulun Yanına Ekleyin Ve Düzenleyin.

Kod:
<a rel="closeModal" href="#">Kapat</a>

   
Cevapla
Bunu Beğenenler: TheNightMare
Sponsor Reklam
sponsor reklam sponsor reklam

İzinli Mısırga
 Tarih: 12-09-2012, Saat:20:11
#2
bence hiç kullanışlı değil Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı Nyx.
 Tarih: 12-09-2012, Saat:20:17
(Son Düzenleme: 12-09-2012, Saat:20:17, Düzenleyen: Nyx..)
#3
Resim Kırık + Kapat Eklentisi Güzel Gülümseme v8 Ne Zaman Çıkacak ?
Cevapla
Bunu Beğenenler:

Çevrimdışı ßyßurak
 Tarih: 12-09-2012, Saat:20:19
#4
(12-09-2012, Saat:20:17)BurakPasa Adlı Kullanıcıdan Alıntı: Resim Kırık + Kapat Eklentisi Güzel Gülümseme v8 Ne Zaman Çıkacak ?

Resim Eklendi V8 Pro Mod' 1 Ay içinde Çıkar Düzenlenmesi Gereken Çok İş Var
Cevapla
Bunu Beğenenler:

Çevrimdışı Nyx.
 Tarih: 12-09-2012, Saat:20:21
#5
(12-09-2012, Saat:20:19)ßyßurak Adlı Kullanıcıdan Alıntı:
(12-09-2012, Saat:20:17)BurakPasa Adlı Kullanıcıdan Alıntı: Resim Kırık + Kapat Eklentisi Güzel Gülümseme v8 Ne Zaman Çıkacak ?

Resim Eklendi V8 Pro Mod' 1 Ay içinde Çıkar Düzenlenmesi Gereken Çok İş Var

Hocam Bana Forumbit_subforums Kodunu Verri Misn Çok Acil Lütfen
Cevapla
Bunu Beğenenler:

Çevrimdışı ßyßurak
 Tarih: 12-09-2012, Saat:20:23
#6
Temayı Bekleyiniz...
Cevapla
Bunu Beğenenler:

Çevrimdışı Nyx.
 Tarih: 12-09-2012, Saat:20:24
#7
hocam 1 ay diyosun bana acil lazım
Cevapla
Bunu Beğenenler:

Çevrimdışı ßyßurak
 Tarih: 12-09-2012, Saat:20:24
#8
Hocam Çook İstiyorsanız Kodlayın....
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Mybb resim yazi buyutme resme bakin black108 5 1,092 12-12-2014, Saat:13:29
Son Yorum: black108
  Mybb Dönen Forum İkonları [ On,Off,Offlock ] ßyßurak 5 4,241 03-09-2014, Saat:07:38
Son Yorum: divxkosesi
  [MCTR - 1.6] Facebook to Connect - Facebook ile Bağlan Mybb Eklentisi 007combatant 43 16,447 30-04-2014, Saat:18:14
Son Yorum: yuzsem
  MyBB VBulletin Tarz Kullanıcı KP ßyßurak 10 3,218 16-03-2014, Saat:15:08
Son Yorum: mrkuruntu
  MyBB Forumbitlerdeki Tcat Kaldırmak ßyßurak 2 1,391 15-02-2014, Saat:15:04
Son Yorum: ßyßurak



Konuyu Okuyanlar: 1 Ziyaretçi