jQuery ile Hızlı Giriş ve Kayıt Ol Paneli

sultan_mehmet

© ◄ كُن فَيَكُونُ ►
Yönetici
Forum Administrator
Selamunaleyküm
Bu konuda size güzel bir jQuery uygulamasının vbulletin foruma entegre edilmesini anlatmaya çalışacağım. Bu uygulama sayesinde çok şık bir hızlı kayıt ol ve giriş paneline sahip olacaksınız.. vBulletin 4 sürümü ve default tema baz alınarak anlatılmıştır. Soru ve sorunlarınızı bu konu altında belirtebilirsiniz.

Demo için Tıklayınız (Sağ üst köşedeki Log In/Register butonuna basın)

Uygulama:

Öncelikle verdiğim linkteki upload klasörünün içindekileri forum ana dizinine upload edin.
Daha sonra hızlı_kayıt_giriş_paneli.xml yi ürün yöneticisinden yükleyin.

Header templatesinde bulun:

Kod:
<ul class="nouser">
            <vb:if condition="$show['registerbutton']">

üstüne ekleyin:

Kod:
<vb:if condition="$vboptions['jqt_suite_logreg_active']">
        <ul class="nouser">
        <vb:if condition="$show['registerbutton']">
            <li><a href="#" rel="#sheet" id="see">Log In/Register</a></li>
        </vb:if>
            <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase help}</a></li>
            <vb:if condition="$vboptions['enablefacebookconnect']">
                {vb:raw facebook_header}
            </vb:if>
        </ul>
<vb:else />

Tekrar Header şablonunda bulun:

Kod:
</vb:if>
    </div>
    <div class="ad_global_header">
        {vb:raw ad_location.global_header1}
        {vb:raw ad_location.global_header2}
    </div>
    <hr />
</div>

bu kod ile değiştirin:

Kod:
</vb:if>
        </vb:if>
    </div>
    <div class="ad_global_header">
        {vb:raw ad_location.global_header1}
        {vb:raw ad_location.global_header2}
    </div>
    <hr />
</div>
{vb:raw template_hook.logreg_display}

humanverify_image şablonunda bulun:

Kod:
<div class="blockrow">

bu kod ile değiştirin:

Kod:
 <div class="fieldset-two">

humanverify_question şablonunda bulun:

Kod:
 <div class="blockrow">

bu kod ile değiştirin:

Kod:
<div class="fieldset-two">

humanverify_recaptcha şablonunda bulun:

Kod:
  <div class="blockrow">

bu kod ile değiştirin:

Kod:
 <fieldset class="fieldset-two">

Tekrar humanverify_recaptcha şablonunda bulun(şablon içinde 2 tane var):

Kod:
 </div>

ikisini de bu kod ile değiştirin:
Kod:
 </fieldset>

Sonuç:

n2d854.jpg

zl6hoy.jpg


Not: 4.1.3 versiyonunda ve default temada uygulanmıştır.
Kodlar indirdiğiniz rar’da Kurulum klasöründe mevcuttur.
 
Son düzenleme:
Üst