Mensajes emergentes

Muestre al usuario mensajes emergentes con los diferente colores que se proporcionan para tal fin o haga uso de mensajes fijos.

-- Estilo estándar

.msg-info
.msg-success
.msg-warning
.msg-error

HTML

.msg-info

-- Estilo básico

message positive basic

HTML

message positive basic

-- Mensajes con iconos

Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima ad id doloribus quo, voluptate voluptatum.

HTML


    
        
            
                
            
            
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima ad id doloribus quo, voluptate voluptatum.

-- Evento de cierre

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

HTML


    
        
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

-- Mensaje pie de página

Solo se facilita el CSS, ya que el visualizado para este mensaje dependerá de los factores que requieran.

Ver ejemplo

Nota Recuerda que puedes acentuar el color del mensaje cambiando la clase .msg-(color) por .bg-(color)

Success message end page

HTML


    Success message

-- Mensajes fijos

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

Link Primary

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

Link Success

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

Link Warning

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

Link Error

Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.

Link Light

HTML


    
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, incidunt.
         
        Link Primary