Close

Mensajes en HTML

Mensaje de notificación

Atribuye el uso de Zepto para aplicar JavaScript a componentes


Para agregar un mesanje tenemos que usar el estilo .tk-notify

Div

<div id=»tk-notify» class=»tk-notify tk-notify-top-center»></div>

Uso

function crearMensaje ( mensaje , segundos )

CSS
.tk-notify{
	position: fixed;
	top: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 350px;
	}
.tk-notify-top-center {
  left: 50%;
  margin-left: -175px; 
  }
.tk-mensaje{	
	margin-bottom:10px;
	width: auto;
	height: auto;
	color:#FFFFFF;
	box-shadow: 0px 3px 10px rgba(34, 25, 25, 0.4);
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	border-radius: 15px;
	background-color: #008DCB;	
	}

 

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2024 vladymix | WordPress Theme: Annina Free by CrestaProject.