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.
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.