Códigos cortos de plantillasplus

Códigos cortos de plantillasplus

Códigos Cortos / Jan 31, 2023

CAJA DE CODIGOS

Codigo de la barrarra de Codigos
<pre> Vista previa
      cuadro para insertar Codigos
            html
            css
            javascript
            y mucho mas
</pre>

EJEMPLO
Vista previa para la demotracion
      cuadro para insertar Codigos Codigos
            html
            css
            javascript
            y mucho mas


CAJA DE ALERTAS

Codigo de mensaje de alerta
/*----Mensage de Sucesos----*/
<div class="alert-message success">
<i class="fa fa-check-circle"></i> mensaje de éxito.
Has leído con éxito este importante mensaje</div>

/*----Mensage de Alerta-----*/
<div class="alert-message alert">
<i class="fa fa-info-circle"></i>
Mensaje de alerta.
Esta alerta necesita su atención.</div>

/*----Mensaje de Advertencia-----*/
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i>
Mensaje de advertencia.
¡Advertencia! Mejor comprueba tu mismo.</div>

/*----Mensaje de Error-----*/
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i>
Mensaje de error.
¡ERROR! Cambia algunas cosas</div>

EJEMPLO

/*----Mensage de Sucesos----*/
 mensaje de éxito. Has leído con éxito este importante mensaje
/*----Mensage de Alerta-----*/
 Mensaje de alerta. Esta alerta necesita su atención.
/*----Mensaje de Advertencia-----*/
 Mensaje de advertencia. ¡Advertencia! Mejor comprueba tu mismo.
/*----Mensaje de Error-----*/
 Mensaje de error. ¡ERROR! Cambia algunas cosas


BOTONES

Codigo de los Botones
/*------------------ Botones Segun Tamaño ------------------------*/
<a href="#" class="button small">Boton Pequeño</a>
<a href="#" class="button medium">Boton Mediano</a>
<a href="#" class="button large">Boton Grande</a>


/*---------------Botones Segun tamaño con Iconos------------------*/

<a href="#" class="button small demo">Boton Demo</a>
<a href="#" class="button medium demo">Boton Demo</a>
<a href="#" class="button large demo">Boton Demo</a>

<a href="#" class="button small download">Boton Descargar</a>
<a href="#" class="button medium download">Boton Descargar</a>
<a href="#" class="button large download">Boton Descargar</a>

<a href="#" class="button small buy">Boton Comprar</a>
<a href="#" class="button medium buy">Boton Comprar</a>
<a href="#" class="button large buy">Boton Comprar</a>

<a href="#" class="button small visit">Boton Visitar Linck</a>
<a href="#" class="button medium visit">Boton Visitar Linck</a>
<a href="#" class="button large visit">Boton Visitar Linck</a>

EJEMPLO

/*------------------ Botones Segun Tamaño ------------------------*/

Boton PequeñoBoton MedianoBoton Grande


/*---------------Botones Segun tamaño con Iconos------------------*/

 Boton Demo Boton Demo Boton Demo


 Boton Descargar Boton Descargar Boton Descargar


 Boton Comprar Boton Comprar Boton Comprar


 Boton Visitar Linck Boton Visitar Linck Boton Visitar Linck
Elementos vistos recientemente

Utilizamos cookies para comprender cómo utiliza nuestro sitio web y mejorar su experiencia. Esto incluye personalizar el contenido y la publicidad. Para obtener más información, haga clic aquí. Al continuar utilizando nuestro sitio web, acepta nuestro uso de cookies, Política de privacidad y términos y condiciones.

Procesando