Hacer Calendario en HTML5

f0restLOL #1 Oct '14

Mi problema..es que no encuentro tutoriales para hacer un CALENTARIO en HTML5,que tu abras la web y salga un calendario...solo de un mes simplemente.

Alguien podria guiarme? xD

Tunnecino #2 Oct '14

https://www.google.es/search?q=javascript+calendar&oq=javascript+calendar

Primer resultado en Google,

http://javascriptcalendar.org/

1 respuesta

f0restLOL #3 Oct '14

#2 HTML5, lo tengo que hacer en HTML5 y como muchisimo maquetar un par de cosas en css

Vashealer #4 Oct '14

#1 calentario hehehe

si sólo tiene que ser de un mes y va a ser información estática móntate una tabla y listo.

1 respuesta

f0restLOL #5 Oct '14

#4 es un ejercicio para clase...y la profesora solo acepta que lo hagamos como ella diga,por mi lo haria por java y ya esta..que hay 1234443 tutoriales.

Pero nos dice que lo hagamos por HTML con una etiqueta o algo asi que se llama LI,pero no encuentro nada por google.

lo de la tabla no puede ser,por que no le vale xDD

2 respuestas

Daredevil #6 Oct '14

http://www.w3schools.com/tags/tag_li.asp

Vashealer #7 Oct '14

#5 mírate un tutorial rápido de html y en 20min estás haciendo calendarios y lo que sea

1 respuesta

eXtreM3 #8 Oct '14

#5 a ver, se supone que estás dando lenaguage html, te han dicho que hagas un calendario y quieres encontrar un tutorial o que por aquí te digamos el código, para hacer copy paste y ya? Pues no, empieza poniendo lo que tienes, porque mentalmente se me ha ocurrido un código bastante corto y con un par de comandos css3 lo tienes listo.

1 respuesta

f0restLOL #9 Oct '14

#8 Yo no busco que nadie me haga nada,no tiene ningun sentido.

Busco un tutorial o explicación de como hacerlo en HTML solo, igualmente me lo explico un compañero ( menos mal )

#7 20 minutos? ni de coña y mucho menos entendiendo las cosas ( igual soy tonto y no me lo dijeron en casa,no se )

1 respuesta

Marjoram #10 Oct '14 Amityville

#9 ¿El calendario te permite seleccionar fechas o simplemente es un calendario de estos fijos que muestra los 31 días?

1 respuesta

Li3cht #11 Oct '14 Pitoniso

Lo vas a pasar mal Patrik, lo presiento.

1 respuesta

f0restLOL #12 Oct '14

#10 Es fijo,como ya dije..me lo explico un compañero de clase,asi que no me hace falta,gracias !

#11 Al principio cuando te dicen que hagas cosas y que te busques la vida SI,pero una vez que vas aprendiendo..no hay problema,pero esto me jodio mucho por que todos los tutoriales que encontre eran para hacerlo en JAVA y a ella no le valia xD

3 respuestas

Marjoram #13 Oct '14 Amityville

#12 Pues no sé amigo, la solución de hacerlo con tablas qué te parece?

Creas cinco <tr> con 6 <td> y al final un <tr> con un solo <td> y luego otor <td> con un rowspan de 5 y arreando.

Así, a lo cutre.

1 respuesta

SkOi #14 Oct '14 Inocente

#12 Podrías explicarnos ahora tú a nosotros?
La verdad es que me entró curiosidad por saber a qué te referías en un principio.

1 respuesta

Vashealer #15 Oct '14

#12 me duele admitir estar de acuerdo con ishni, pero es exactamente eso, te montas unas tablas y demás

yo creo que te falta aprender a buscar en google, ya que en la informática (y en muchas otras cosas más) es tu herramienta más útil, tutorial tablas en html y si no te salen mil son pocos

1 respuesta

f0restLOL #16 Oct '14

#13 La idea es buena,pero a la profe no le valdria ( por mi si vamos xDD )

#14 Te lo pongo en spoiler para no molestar,vale?

#15 Puede ser que no sepa buscar,yo busque poniendo lo siguiente: Crear calendario en html, calendario html,tutorial HTML calendario etc.. etc..

spoiler

<html lang="es">
<head>
<title>Calendario</title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<section id="container">
<header>
<h1>Diciembre 2015</h1>

</header>
<ul class="calendario">
<li class="cabecera">LUNES</li>
<li class="cabecera">MARTES</li>
<li class="cabecera">MIERCOLES</li>
<li class="cabecera">JUEVES</li>
<li class="cabecera">VIERNES</li>
<li class="cabecera">SABADO</li>
<li class="cabecera">DOMINGO</li>
<li class="numerosss">24</li>
<li class="numerosss">25</li>
<li class="numerosss">26</li>
<li class="numerosss">27</li>
<li class="numerosss">28</li>
<li class="numerosss">29</li>
<li class="numerosss">30</li>
<li class="numeros">1</li>
<li class="numeros">2</li>
<li class="numeros">3</li>
<li class="numeros">4</li>
<li class="numeros">5</li>
<li class="numeross">6<p>dia de la Constitucion <p></li>
<li class="numeros">7</li>
<li class="numeross">8<p>inmaculada<p><li>
<li class="numeros">9</li>
<li class="numeros">10</li>
<li class="numeros">11</li>
<li class="numeros">12</li>
<li class="numeros">13</li>
<li class="numeros">14</li>
<li class="numeros">15</li>
<li class="numeros">16</li>
<li class="numeros">17<p>Examen aplicaciones web a las 10:30<p></li>
<li class="numeros">18</li>
<li class="numeros">19</li>
<li class="numeros">20</li>
<li class="numeros">21</li>
<li class="numeros">22</li>
<li class="numeros">23</li>
<li class="numeros">24</li>
<li class="numeross">25<p> Feliz Navidad<p></li>
<li class="numeros">26</li>
<li class="numeros">27</li>
<li class="numeros">28</li>
<li class="numeros">29</li>
<li class="numeros">30</li>
<li class="numeros">31</li>

</ul>

</section>
</body>
</html>

spoiler

body{
font: 14px sans-serif;
background: white;
}

section#container{
margin-left:20%;
background:silver;
border: 2px black dashed;
}

li {
width: 100px;
height: 100px;
background: #ffcccc;
margin: 2px;
float: left;
list-style: none;
}

	li.cabecera {
	background: yellow;
	height: 20px;
	font-family: verdana;
	
	}

li.numeross {
background: red;
}

ul{
width: 810px;
}

li.numerosss {
background: silver;
}

	[/spoiler]

Quedo de puta madre xDDDDDDDDDD

eXtreM3 #17 Oct '14

Ni 10 minutos. HTML y CSS3.

2 respuestas

f0restLOL #18 Oct '14

#17 yo tarde un buen rato,pero tu sabes y yo estoy aprendiendo.

CSS3 es CSS,no? yo es que doy CSS,nunca me dijeron nada de css ;:/

1 respuesta

Li3cht #19 Oct '14 Pitoniso

#17 Te compro el código.

1 1 respuesta

eXtreM3 #20 Oct '14

#18 en tu código, si lo tienes que hacer en HTML5 te falta:

Definir el doctype

<!DOCTYPE HTML>

Las etiquetas no se cierran (los p y los li). Es opcional, pero queda pr0 decírselo a tu profesora.

#19 vale!

1 respuesta

f0restLOL #21 Oct '14

#20 Se me paso copiarlo,que lo tengo puesto! xDD

Todos muy amables,gracias! un placer.

1 respuesta

eXtreM3 #22 Oct '14

#21 prueba a quitar el cierre de las etiquetas, quedarás como el master de la clase xD

4 respuestas

B

[Borrado] #23 Oct '14

#22 eso solo provoca a la larga ilegibilidad de código.

1 respuesta

eXtreM3 #24 Oct '14

#23 no he dicho que sea lo mejor ni lo más eficiente. Sólo que se puede hacer.

DarkSoldier #25 Oct '14

#22 dime porfavor que tabulas con espacios...

1 respuesta

eXtreM3 #26 Oct '14

#25 wtf

Gantorys #27 Oct '14

#22 lol, no tenía ni idea

f0restLOL #28 Oct '14

#22 Pero no hace falta cerrar las etiquetas para que funcione?

lol...que chulo queda! cuantos colores J3J3J3J3

1 respuesta

eXtreM3 #29 Oct '14

#28 con html5 funcionan sin cerrarlas, pero no es aconsejable hacerlo de momento.

1 respuesta

f0restLOL #30 Oct '14

#29 , pues queda de puta madre xDDD

2 respuestas

Hacer Calendario en HTML5

Usuarios habituales

Tags