Cambiar la posición de login en AttriuumTema Solucionado

[cfeze]

Hola gente.

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



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!

[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

[cfeze]

Gracias, solucionado.