Caja de Identificacion al estilo supernova

Caja de Identificacion al estilo supernova#15

By Carlos - 24 Sep 2012, 20:20

- 24 Sep 2012, 20:20 #15

Nombre Tutorial: Caja de Identificacion al estilo supernova
Autor: Makoto

Basado en: PROSILVER

Descripción y uso: Caja de Identificacion al estilo supernova

Url Demo: no url

Screenshot:
[hsimg2]http://i51.tinypic.com/v61xn9.png[/hsimg2]
[hsimg2]http://i56.tinypic.com/ngt6dj.png[/hsimg2]

Tutorial:

Abrir

Code: Select all

styles/prosilver/template/overall_header.html

Buscar

Code: Select all

</head>

Añadir Antes

Code: Select all

<script type="text/javascript" src="{T_TEMPLATE_PATH}/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#sn-not-logged-in').mouseenter(function() {
        $('#sn-not-logged-in-hover').fadeIn('medium');
    });
    $('#sn-not-logged-in-hover').mouseleave(function() {
        $('#sn-not-logged-in-hover').fadeOut('medium');
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    $("input:checkbox").each( function() {
        (this.checked) ? $("#fake"+this.id).addClass('fakechecked') : $("#fake"+this.id).removeClass('fakechecked');
    });
    $(".fakecheck").click(function(){
        ($(this).hasClass('fakechecked')) ? $(this).removeClass('fakechecked') : $(this).addClass('fakechecked');
        $(this.hash).trigger("click");
        return false;
    });
});
</script>

Buscar

Code: Select all

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
            <div id="search-box">
                <form action="{U_SEARCH}" method="post" id="search">
                <fieldset>
                    <input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
                    <input class="button2" value="{L_SEARCH}" type="submit" /><br />
                    <a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
                </fieldset>
                </form>
            </div>
        <!-- ENDIF -->

Añadir despues

Code: Select all

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
        <div class="quick-login-supernova">
        <div id="sn-not-logged-in"></div>
        <div id="sn-not-logged-in-hover">
        <div id="sn-nli-content">
 
        <form method="post" action="{S_LOGIN_ACTION}">
        <fieldset style="margin-top: -5px;">
        <span class="sn-form-label">{L_USERNAME}:</span><br />
        <input type="text" name="username" class="sn-nli-form" title="{L_USERNAME}" />
        <span class="sn-form-label">{L_PASSWORD}:</span><br />
        <input type="password" name="password" class="sn-nli-form" title="{L_PASSWORD}" />
 
        <a href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> <!-- IF S_REGISTER_ENABLED -->| <a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF -->
        <br /><br />
        <!-- IF S_AUTOLOGIN_ENABLED --><a href="#autologin2" class="fakecheck" id="fakeautologin2">{L_LOG_ME_IN}</a><input type="checkbox" name="autologin" id="autologin2" style="display: none;" /><!-- ENDIF -->
        <div style="clear: both;"><a href="#hidestatus" class="fakecheck" id="fakehidestatus">{L_HIDE_ME}</a><input type="checkbox" name="viewonline" id="hidestatus" style="display: none;" /></div>
        <input type="submit" name="login" value="" id="sn-nli-button" />
        </fieldset>
        </form>
        </div><!-- /sn-nli-content -->
        </div><!-- /sn-not-logged-in-hover -->
        </div>
        <!-- ENDIF -->

Abrir

Code: Select all