Forum Aski - Türkiye'nin En Eğlenceli Forumu
 

Go Back   Forum Aski - Türkiye'nin En Eğlenceli Forumu > Webmaster Dünyası > Webmaster Genel > MyBB

canlı casino siteleri canlı casino siteleri sagedatasecurity.com casino siteleri takipçi satın al
porno diyarbakır escort bayan antalya escort malatya escort

MyBB Temanıza Login Box Yapımı

MyBB kategorisinde açılmış olan MyBB Temanıza Login Box Yapımı konusu , ...


Yeni Konu aç  Cevapla
 
LinkBack Seçenekler Arama Stil
Alt 26.05.2013, 12:44   #1 (permalink)
Bağımlı Üye
Kullanıcıların profil bilgileri misafirlere kapatılmıştır.
Standart MyBB Temanıza Login Box Yapımı

Ş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:

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:

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

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


Not: Panel Tamamen İngilizcedir Türkçeleştirebilirsiniz.

__________________
- Sular yükseldikçe balıklar karıncaları yer, sular çekildikçe de karıncalar balıkları. Kimse bugünkü üstünlüğüne, gücüne güvenmemeli. Çünkü; kimin kimi yiyeceğine, suyun akışı karar verir.
- Borç verirken ya paranı ya dostunu kaybedersin.
- Aslanlar kendi tarihlerini yazmadıkça, onların tarihini avcılar yazmaya devam edecektir.

SaDeCe YeMiNLi YaWeR
FiRaRi isimli Üye şimdilik offline konumundadır Alıntı ile Cevapla
Cevapla

Yukarı'daki Konuyu Aşağıdaki Sosyal Ağlarda Paylaşabilirsiniz.

Seçenekler Arama
Stil

Yetkileriniz
Konu Açma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Kapalı
Pingbacks are Açık
Refbacks are Açık


Forum hakkında Kullanılan sistem hakkında
Forumaski paylaşım sitesidir.Bu nedenle yazılı, görsel ve diğer materyaller sitemize kayıtlı üyelerimiz tarafından kontrol edilmeksizin eklenmektedir.Bu nedenden ötürü doğabilecek yasal sorumluluklar yazan kullanıcılara aittir.Sitemiz hak sahiplerinin şikayetleri doğrultusunda yazılı, görsel ve diğer materyalleri 48 saat içerisinde sitemizden kaldırmaktadır. Bildirimlerinizi bu linkten bize yapabilirsiniz.

Telif Hakları vBulletin® Copyright ©2000 - 2016, ve Jelsoft Enterprises Ltd.'e Aittir.
SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.
yetişkin sohbet chatkamerali.net

Saat: 14:22