[TUT] Crear un panel de logueo con HTML-CSS-Lua desde 0

[aka Blue]

En estos tutoriales aprenderemos a crear nuestro panel de logueo usando CEF para ejecutar nuestra página web en Multi Theft Auto. Utilizaremos:

• HTML: Creación principal del panel.
• CSS: Modelado del panel, animaciones, etc.
• Lua: Usar las funciones de Lua para el registro/logueo dentro del servidor. (Funcionará con las cuentas de MTA, próximamente con SQLite)

 

 

Edited September 11, 2016 by aka Blue

[Anzo]

Muy bueno, de paso así aprendo un poco de html y css. 

Tengo unas preguntas (ando aprendiendo HTML y tengo unas dudas):

1. ¿Usaste HTML o CSS para hacer eso? 
2. ¿El doctype y <meta charset="UTF-8" es para que se puedan escribir tildes y la 'ñ' ?
3. Lo del {padding:  0; margin: 0; }, ¿para qué sirve?
4. Poniendo <center>Hola</center> aparecería siempre en el centro en todos los navegadores?

Y una ultima cosa, ese panel se puede pasar a mta?

Edited September 11, 2016 by Anzo

[aka Blue]

Gracias. Te respondo:

• Sí, usé HTML y CSS para hacer eso.
• Doctype se añade siempre para que el navegador pueda entender la versión de HTML que estamos usando. El meta charset efectivamente es para pasar los carácteres a UTF-8
• Eso se llama reset de la página. El * se utiliza para seleccionar todos los elementos de la página.
• Sí, aunque ese tag no se suele usar mucho.

No sé a que te refieres con pasar a MTA, utilizo CEF para cargarlo y sí funciona dentro del juego  

Edited September 12, 2016 by aka Blue

[iSmokee]

Una pregunta que beneficios te puede dar un login HTML que uno común?

[aka Blue]

@iSmokee Es más sencillo de hacer (efectos, botones personalizados, animaciones, etc) si tienes una mínima idea de CSS.

Edited September 12, 2016 by aka Blue

[iSmokee]

Muchas gracias, si se bastante de HTML y CSS 

[Anzo]

54 minutes ago, aka Blue said:

Gracias. Te respondo:

• Sí, usé HTML y CSS para hacer eso.
• Doctype se añade siempre para que el navegador pueda entender la versión de HTML que estamos usando. El meta charset efectivamente es para pasar los carácteres a UTF-8
• Eso se llama reset de la página. El * se utiliza para seleccionar todos los elementos de la página.
• Sí, aunque ese tag no se suele usar mucho.

No sé a que te refieres con pasar a MTA, utilizo CEF para cargarlo y sí funciona dentro del juego  

Gracias por responder.

Y por cierto, qué es CEF?

[aka Blue]

@iSmokee Gracias, hoy se viene el tutorial de crear el script dentro de HTML para poder hacer los triggers a MTA, es que ando con el instituto y no tengo mucho tiempo.

@Anzo Es un framework que incorpora Chrome en otras aplicaciones. Resumido, que abre un Google Chrome en MTA el cual puedes utilizar xd.

[EstrategiaGTA]

Se echa en falta algo de sonido (a falta de usar la voz, música para animar xDD)

[aka Blue]

@EstrategiaGTA ¿Le metemo regetón papi?

[0xCiBeR]

Buen video, pero el tag header no se usa para meter dentro el tag title. Es HEAD, no HEADER. Así como tambien se introduce dentro de HEAD los estilos CSS, los script que se pueden declarar dentro del mismo HTML con el tag SCRIPT y tambien todos los meta content.

Edited September 13, 2016 by .:CiBeR:.

[aka Blue]

Gracias @.:CiBeR:., no le di demasiada importancia a eso. En el vídeo que viene ya lo he fixeado  

[aka Blue]

SEGUNDO TUTORIAL