NeoKitCore
Librería especializada para el desarrollo de sitios web. Utiliza las funciones integradas de neo.css para el diseño visual y neo.js para la lógica y dinamismo.
01. Inclusión en tu web
Añade estas líneas en el <head>:
<link rel="stylesheet" href="https://xcms.neocities.org/site/neocities/neokitcore/neo.css">
<script src="https://xcms.neocities.org/site/neocities/neokitcore/neo.js" defer></script>
02. Botones y Alertas
Esta es una alerta de sistema recuperada.
Botón con Carga
Probar Alerta
Código:
<div class="neo-alert">Tu mensaje aquí</div>
<button class="neo-btn"
onclick="Neo.loading('btnId')">
Botón con carga
</button>
<button class="neo-btn"
onclick="Neo.notify('Mensaje')">
Notificar
</button>
03. Selector Dinámico
Elegir Plantilla:
Selecciona...
Opción A
Opción B
Código:
<select onchange="Neo.updateText('sel','txt',{key:'valor'})">
<option value="a">Opción</option>
</select>
<textarea id="txt"></textarea>
04. Selector de Fecha
Fecha:
Guardar Fecha
Código:
<input type="date" class="neo-input">
05. Tratamiento de Imágenes
Código:
<img src="cat.png" class="neo-img-round">
<img src="cat.png" class="neo-img-mono">