PASOS: ♡
Bien, voy a explicar pasito a pasito las cosas que podéis modificar
para personalizar vuestra impresora a vuestro gusto:
Primero de todo, en la parte de HTML encontrarás
♡ PRINT ♡.
Ahí puedes poner el nombre o texto que quieras que aparezca en la
parte superior de la impresora. Al lado encontrarás los tres puntitos
de luz, que puedes mantener o modificar si quieres.
Más abajo encontrarás READY!.
Este es el texto que aparece en la pequeña pantalla de la impresora,
así que puedes sustituirlo por lo que quieras.
Después encontrarás la parte del ticket. Como este código está vacío,
verás varios espacios donde puedes añadir tus propios textos.
En receipt-header puedes poner el título
y subtítulo que quieras que aparezcan en la parte superior del ticket.
Más abajo, dentro de receipt-info,
encontrarás tres apartados vacíos. Ahí puedes poner información como
la fecha, hora, número de ticket, nombre, etc.
Después encontrarás varios receipt-item.
Ahí puedes escribir los diferentes textos o información que quieras
que aparezca en el centro del ticket. También tienes
receipt-status, que puedes utilizar
para poner un estado como ACTIVADO, COMPLETADO,
LISTO, etc.
Más abajo está receipt-song.
Ahí puedes poner una canción, artista o cualquier otro texto que
quieras destacar.
Al final encontrarás receipt-footer,
donde puedes añadir tus mensajes finales. También tienes
receipt-goodbye, que puedes utilizar
para poner una frase de despedida.
Ahora vamos con los estilos. Si bajamos a la parte de CSS,
encontrarás .printer-top.
Ahí puedes modificar el aspecto de la parte superior de la impresora.
Dentro verás los colores del degradado
#d8b8f5 y
#bd91e8, que puedes sustituir por los
colores que quieras.
Más abajo está .printer-body,
que controla el cuerpo principal de la impresora. Ahí también
encontrarás dos colores, #b77be3 y
#9f61d0, que puedes cambiar para hacer
la impresora del color que quieras.
En .printer-screen puedes cambiar
el tamaño y aspecto de la pantalla. Por ejemplo, encontrarás
width: 80px; y
height: 32px;, que puedes modificar
para hacerla más grande o pequeña.
Después está .printer-slot, que es
la ranura por donde sale el papel. Ahí puedes modificar su
width para hacerla más ancha o estrecha.
Más abajo encontrarás .lala-receipt,
que controla el papel del ticket. Ahí puedes cambiar su color,
tamaño, bordes y otros detalles.
En .printer-btn encontrarás el botón
♡ PRINT TICKET ♡. Desde ahí puedes
cambiar sus colores, tamaño, bordes, forma y letra.
Y por último tenemos la parte de JavaScript. Esta es la que hace
que la impresora funcione: al pulsar el botón, abre el espacio del
papel, hace que la impresora se mueva y después hace salir el ticket.
No recomiendo modificar esta parte si no sabes qué estás cambiando,
ya que podrías romper la animación. La función que controla todo
esto es imprimirTicketLala().
Este código lo puedes poner en la sección de
GADGETS → HTML/JAVASCRIPT de Blogger.
Te recomiendo copiarlo primero en Notas o en un documento para
personalizarlo tranquilamente y después pegarlo en tu blog.
¡Espero que os haya servido y se haya entendido! ♡