Página 1 de 1

Cambiar la posición de login en Attriuum

Publicado: 22 Nov 2010, 15:14
por cfeze
Hola gente.

Deseo cambiar la posición del login en el template Attriuum.

Imagen

Como ven choca con el banner de la web.

Lo que quiero es, donde esta el botón "Login" este "Username" y abajo "Password" y abajo "Login", Me comprenden? Que este verticalmente y no horizontalmente.

GRacias!

Cambiar la posición de login en Attriuum  Tema Solucionado

Publicado: 22 Nov 2010, 15:51
por leviatan21
Prueba haciendo estos pasos :

Abrir :
raíz/styles/dyt/template/overall_header.html

Buscar :

Código: Seleccionar todo

                    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->

                        <div id="loginbox">    
                    
                                <script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/loginbox.js"></script>
                                    <form action="{S_LOGIN_ACTION}" method="post" class="smalltext">
                                        <div id="ds-usernme">

                                            <input id="usrnme" name="username" type="text" onfocus="if(this.value=='Username')value='';" onblur="if(this.value=='')value='Username';" value="Username" />
                                        </div>
                                        <div id="ds-passwrd">
                                            <input id="psswrd" name="password" type="password" onfocus="if(this.value=='Password')value='';" onblur="if(this.value=='')value='Password';" value="Password" />

                                        </div>
                                            <input id="loginbutton" type="submit" name="login" value="" />
                                        
                                    </form>
                            <div class="reminder">
                                        <a href="ucp.php?mode=sendpassword">Forgot Password?</a>
                                    </div>    
                        </div>
                        <!-- ENDIF -->
Reemplazar, por :

Código: Seleccionar todo

                    <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED -->

                        <div id="loginbox">    
                            <div class="reminder">
                                <a href="ucp.php?mode=sendpassword">Forgot Password?</a>
                            </div>    
                    
                                <script language="JavaScript" type="text/javascript" src="{T_TEMPLATE_PATH}/loginbox.js"></script>
                                    <form action="{S_LOGIN_ACTION}" method="post" class="smalltext">
                                        <div id="ds-usernme">

                                            <input id="usrnme" name="username" type="text" onfocus="if(this.value=='Username')value='';" onblur="if(this.value=='')value='Username';" value="Username" />
                                        </div>
                                        <div id="ds-passwrd">
                                            <input id="psswrd" name="password" type="password" onfocus="if(this.value=='Password')value='';" onblur="if(this.value=='')value='Password';" value="Password" />

                                        </div>
                                            <input id="loginbutton" type="submit" name="login" value="" />
                                        
                                    </form>
                        </div>
                        <!-- ENDIF -->
Abrir :
raíz/styles/dyt/theme/common.css

Buscar :

Código: Seleccionar todo

#loginbox {
    padding: 0px 10px 5px;
    margin-left: 20px;
    margin-top: 5px;
    color: #999;
    float: right;
    font-size: 11px;
    line-height: 140%;
    width: 400px;
} 
Reemplazar, por :

Código: Seleccionar todo

#loginbox {
    padding: 0px 10px 5px;
    margin-left: 20px;
    margin-top: 5px;
    color: #999;
    float: right;
    font-size: 11px;
    line-height: 140%;
/*    width: 400px;    */
} 
Buscar :

Código: Seleccionar todo

#ds-usernme {
    background: url('{T_THEME_PATH}/images/usernmebox.png') 0 0 no-repeat;
    width: 144px;
    height: 25px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

#ds-passwrd {
    background: url('{T_THEME_PATH}/images/passwrdbox.png') 0 0 no-repeat;
    width: 144px;
    height: 25px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
} 
Reemplazar, por :

Código: Seleccionar todo

#ds-usernme {
    background: url('{T_THEME_PATH}/images/usernmebox.png') 0 0 no-repeat;
    width: 144px;
    height: 25px;
/*    float: left;    */
    margin-top: 4px;
    margin-right: 10px;
}

#ds-passwrd {
    background: url('{T_THEME_PATH}/images/passwrdbox.png') 0 0 no-repeat;
    width: 144px;
    height: 25px;
/*    float: left;    */
    margin-top: 4px;
    margin-right: 10px;
} 
Guardar los cambios, subir los archivos al servidor vía FTP, y desde el ACP -> ESTILOS actualizar, plantillas y tema para e estilo dyt

Re: Cambiar la posición de login en Attriuum

Publicado: 22 Nov 2010, 22:55
por cfeze
Gracias, solucionado.