From 4f5e5da4092e95e2032ac460cf1166ffa6f96023 Mon Sep 17 00:00:00 2001 From: Guille Date: Sun, 1 Jul 2018 13:29:14 -0300 Subject: [PATCH] rev3 --- estilo.css | 19 +++++++++++-------- index.html | 2 ++ mbot.js | 15 ++++++++------- 3 files changed, 21 insertions(+), 15 deletions(-) diff --git a/estilo.css b/estilo.css index fc9c915..dbcb7e6 100644 --- a/estilo.css +++ b/estilo.css @@ -6,9 +6,6 @@ a { padding:0px } -#notificacionEscritura { - font-family:Arial; -} #entradaDeUsuario { width:100%; @@ -27,18 +24,24 @@ a { margin-bottom:3px; font-family:Arial; transition:0.3s; - background-color:#49BDF9 -} -.mensajeAnimacion { - animation:fadein 1s; + background-color:#0067FF } #mensaje:hover { transition:0.3; - background-color:#007CB9; + background-color:#06A2FF; border-radius:8px } +#notificacionEscritura { + font-family:Arial; +} + + +.mensajeAnimacion { + animation:fadein 1s; +} + @keyframes fadein{ 0% { opacity: 0; } 100% { opacity: 1; } diff --git a/index.html b/index.html index c699bae..dd98179 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,9 @@ Test +
+
diff --git a/mbot.js b/mbot.js index 70214a1..f0a64de 100644 --- a/mbot.js +++ b/mbot.js @@ -277,13 +277,14 @@ function procesarMensaje(mensaje){ //Añadir un mensaje en la caja de conversacion. function agregarMensajeACaja(nombre, color, mensaje, emoji="em em-no_mouth"){ -emoji = "
" -mensajeFormato = "
" + nombre + ": "+ mensaje +"
" -msj = document.createElement("div") -msj.innerHTML = emoji -msj.innerHTML += mensajeFormato + "

" -msj.className = "mensajeAnimacion" -cajaDeMensajes.appendChild(msj) + nombre = '' + emoji = "
" + mensajeFormato = "
" + nombre + " "+ mensaje +"
" + msj = document.createElement("div") + msj.innerHTML = emoji + msj.innerHTML += mensajeFormato + msj.className = "mensajeAnimacion" + cajaDeMensajes.appendChild(msj) } //Vaciar la caja de conversacion.