Modificar el aspecto de login Topic is solved

Cuestiones relacionadas con las plantillas y el diseño en general (CSS, html...). Todas las versiones de Joomla.

Moderator: hefesto

Locked
josed
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Feb 08, 2021 6:41 pm

Modificar el aspecto de login

Post by josed » Mon Feb 08, 2021 7:02 pm

Buenas, yo quisiera saber si existe alguna forma de cambiar el aspecto visual de el login de joomla para personalizar el aspecto visual?, el login que se usa cuando se coloca en menu uso joomla 3.9, gracias.
Last edited by AlexVega on Tue Feb 09, 2021 4:46 pm, edited 1 time in total.
Reason: Mod. Note: Tema reubicado desde "Joomla 3.x".

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Modificar el aspecto de login

Post by AlexVega » Mon Feb 08, 2021 8:28 pm

Que tal!

Bienvenido al Foro, Claro!, es posible. Joomla! funciona con un modelo llamado MVC (Modelo, Vista, Controlador), la parte de presentación y diseño se encuentra en la Vista. Joomla gestiona el aspecto visual de la siguiente forma:

- La distribución de los elementos.
- El diseño de los elementos (colores, tamaño, fuente, etc).

Para el primer caso, se llama "override" y consiste en entre otras cosas el ajuste de HTML, para el segundo caso es por medio de CSS, ¿Qué te gustaría cambiar?, con más detalles podemos orientarte un poco más.

Saludos!

josed
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Feb 08, 2021 6:41 pm

Re: Modificar el aspecto de login

Post by josed » Mon Feb 08, 2021 9:56 pm

Gracias!, este es el login que quiero editar
Print Shop Profile 2.PNG
quiero que quede como el archivo adjunto
Print Shop Profile.PNG
me disculpo si no esta bien hecho el mensaje, soy nuevo en este foro
You do not have the required permissions to view the files attached to this post.

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Modificar el aspecto de login

Post by AlexVega » Tue Feb 09, 2021 3:17 am

Tu pregunta es perfecta, sólo quería dar un poco más de explicación.

En este caso, es necesario modificar ambos puntos que te comentaba, ya que usas la plantilla por defecto llamada Protostar, el proceso es el siguiente:

- Para cambiar los textos, el proceso es el siguiente:
https://docs.joomla.org/J3.x:Language_O ... _Joomla/es

- Ajustar el HTML
Para esto necesitamos hacer un "override" que permite hacer tu propia versión sin alterar el núcleo de Joomla.

Ve a: Extensiones > Plantillas > Plantillas > Detalles y Archivos de Protostar
Una vez dentro, ve a la pestaña Crear Modificaciones > Componentes > com_users > login

Encuentra el archivo a editar en tusitio.com/templates/protostar/html/com_users/login/default_login.php
Aquí ajusta el código a tus necesidades.

- Ajuste de CSS
Aquí necesitamos crear un archivo que almacene nuestro código personalizado, crea un nuevo archivo en:
tusitio.com/templates/protostar/css/user.css El archivo debe llamarse user.css

Saludos!

josed
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Feb 08, 2021 6:41 pm

Re: Modificar el aspecto de login

Post by josed » Tue Feb 09, 2021 3:59 am

Gracias, que le tengo que poner al user.css para enlazarlo con el login o el se enlaza solo? no me quedo claro con de ayuda

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Modificar el aspecto de login

Post by AlexVega » Tue Feb 09, 2021 4:18 am

Una vez creado el archivo en la ruta que te comento, funcionará de manera automática, solo agrega tu código CSS personalizado.

josed
Joomla! Fledgling
Joomla! Fledgling
Posts: 4
Joined: Mon Feb 08, 2021 6:41 pm

Re: Modificar el aspecto de login

Post by josed » Tue Feb 09, 2021 4:13 pm

Muchas gracias ya pude hacerlo

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Modificar el aspecto de login

Post by AlexVega » Tue Feb 09, 2021 4:41 pm

Un gusto ayudarte,
Saludos!


Locked

Return to “Plantillas (templates) y diseño”