Igal pool, kus iganes Sa ei viibiks!
Twitter | Github | phpBB.com - Eesti | phpBBeesti.eu Foorum | Facebook | DISCORD Chat

demo32 (3.2 on arenduses) - demo31 (3.1 on praegune live versioon)

phpBB - 1 tarkvara - üle 100 laienduse - eesti keeles - t a s u t a
phpBB - lokaliseeritud aastast 2008*!
*Erinevate haldajate käe all. Vaata lehekülge meist.


Head kasutajad! phpBB 3.2 ajutise tõlke leiate siit.

Welcome to phpBB Estonian Translation Team

Are you a fan of phpBB? Do you have enthusiasm for translation work? If you do, we would love to invite you to help us with phpBB volunteer translation. If you want to join our volunteer translation team, please contact us by FB/TW DM or at et.translations@phpbbeesti.net

[Õpetus] Asenda tavaline sisselogimise link vormiga on-click

Arutelu phpBB 3.0.x stiilide teemal. Siin tutvustatakse ka ise tehtud stiile.

Moderaatorid: Tugi, Stiilid

doozy
Postitusi: 409
Liitunud: 13 Mai 2014, 08:00
Asukoht: Tallinn
Sugu: Määratlemata

[Õpetus] Asenda tavaline sisselogimise link vormiga on-click

PostitusPostitas doozy » 14 Sept 2014, 19:44

See väike skript muudab sisselogimise lingi samasuguseks nagu seda on MyBB-l. Kui lingi vajutada, siis vorm tuleb välja.

Samm 1: HTML muudatused


Ava: /styles/prosilver/template/overall_header.html


Leia:


Kood: Vali kõik

<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a></li>



Asenda sellega:


Kood: Vali kõik

                        <li class="icon-logout"><a <!-- IF not S_USER_LOGGED_IN -->href="#" class="loginbox"<!-- ELSE -->href="{U_LOGIN_LOGOUT}"<!-- ENDIF --> title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a>
                            <form method="post" action="{S_LOGIN_ACTION}" class="quicklogin">
                                <input type="text" name="username" id="username" size="10" class="inputbox quickinput" title="{L_USERNAME}" value="Username" />
                                <input type="password" name="password" id="password" size="10" class="inputbox quickinput" title="{L_PASSWORD}" value="password" />
                                <!-- IF S_AUTOLOGIN_ENABLED -->&nbsp;<label for="autologin">Mäleta mind?&nbsp;<input type="checkbox" name="autologin" id="autologin" /></label><!-- ENDIF -->
                                <input type="submit" name="login" value="{L_LOGIN}" class="button2" />{S_LOGIN_REDIRECT}
                                - <a href="ucp.php?mode=sendpassword">Unustasin parooli</a>
                            </form>
                        </li>



Samm 2: CSS muudatused

Ava: /styles/prosilver/theme/common.css

Faili lõppu lisa:

Kood: Vali kõik

form.quicklogin {
    display: none;
}

form.quicklogin input.quickinput {
    width: 100px;
}



Samm 3: jQuery


Ava: /styles/prosilver/template/overall_header.html

Leia:

Kood: Vali kõik

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>


Peale seda lisa:

Kood: Vali kõik

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("a.loginbox").click(function() {
        // Remove the login icon
        $("li.icon-logout").removeClass("icon-logout");
        // Fade out the login link (
        $(this).fadeOut(200);
        // Fade in the form
        $("form.quicklogin").delay(500).fadeIn(100);
        return false; // stop browser from jumping when # link is clicked
    });               
});
</script>

Mine “3.0.x Stiilide foorum”

Kes on foorumil

Kasutajad foorumit lugemas: Registreeritud kasutajaid pole ja 1 külaline

phpBB Eesti : Lahtiütlus