Foros del Web » Creando para Internet » CSS »

CSS de calendario

Estas en el tema de CSS de calendario en el foro de CSS en Foros del Web. Hola amigos este es el estilo de mi calendario de mi sistema la verdad no se como poder conjugar colores que le den vida a ...
  #1 (permalink)  
Antiguo 30/03/2009, 15:10
(Desactivado)
 
Fecha de Ingreso: diciembre-2008
Mensajes: 421
Antigüedad: 15 años, 4 meses
Puntos: 0
CSS de calendario

Hola amigos este es el estilo de mi calendario de mi sistema la verdad no se como poder conjugar colores que le den vida a mi calendario y quisiera por favor una ayuda de estudes grandes expertos
Código css:
Ver original
  1. #calendar {
  2.     text-align:center;
  3.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  4.     width:180px;
  5. }
  6. #calendar .calendarDetail {
  7.     border:1px solid #aaa;
  8.     margin:0 0 1em 0;
  9.     padding:0 0 5px 0;
  10.     width:100%;
  11.     color:#000;
  12.     background-color:#fff;
  13. }
  14. #calendar .calendarDetail .title td, #calendar .calendarDetail .title a {
  15.     font-size:1.2em;
  16.     color:#fff;
  17.     background-color:#aaa;
  18.     padding:0;
  19.     text-decoration:none;
  20. }
  21. #calendar .calendarDetail .title1 td {
  22.     border-bottom:1px dashed #ddd;
  23.     padding:0.2em;
  24. }
  25. #calendar .calendarDetail .week td, #calendar .calendarDetail .week a {
  26.     padding:0.2em;
  27.     text-decoration:none;
  28.     color:#000;
  29.     background-color:inherit;
  30. }
  31. #calendar .calendarDetail .week a:hover {
  32.     color:#000;
  33.     background-color:#eee;
  34. }
  35. #calendar .calendarDetail .lastMonth a, #calendar .calendarDetail .nextMonth a {
  36.     color:#aaa;
  37.     background-color:#eee;
  38. }
  39. #calendar .calendarDetail .weekend a {
  40.     color:#f00;
  41.     background-color:inherit;
  42. }
  43. #calendar .calendarDetail .event a {
  44.     font-weight:bold;
  45.     color:#87CEEB;
  46.     background-color:inherit;
  47.     text-decoration:underline;
  48. }
  49. #calendar .calendarDetail .today a {
  50.     color:#fff;
  51.     background-color:#808080;
  52.     font-weight:bold;
  53. }
  54. #calendar .calendarDetail .calendarEvent {
  55.     display:none;
  56.     margin:0;
  57.     padding:0.3em;
  58.     position:absolute;
  59.     width:180px;
  60.     color:#000;
  61.     background-color:#fff;
  62.     text-align:left;
  63.     border:1px solid #aaa;
  64.     font-weight:normal;
  65. }
  66. #calendar .calendarDetail .calendarEvent .date {
  67.     font-style:italic;
  68. }
  69. #calendar .calendarDetail .calendarEvent .edit {
  70.     float:right;
  71. }
  72. #calendar .calendarDetail .calendarEvent a {
  73.     font-weight:normal;
  74.     color:#000;
  75.     background-color:#fff;
  76. }
  77. #calendar .calendarDetail .calendarEvent li {
  78.     margin:0 0 1em 0;
  79.     list-style:disc inside none;
  80. }
  81. #calendar .calendarDetail td:hover > .calendarEvent {
  82.     display:block;
  83. }
  84.  
  85. #calendarForm {
  86.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  87.     background-color:#494949;
  88.     color:#fff;
  89. }
  90. #calendarForm .title {
  91.     text-align:center;
  92.     color:#eee;
  93.     background-color:#808080;
  94.     padding:0.3em;
  95.     margin:0 0 1em 0;
  96.     font-weight:bold;
  97. }
  98. #calendarForm .credit {
  99.     text-align:right;
  100.     margin:0;
  101.     padding:0 1em 0.5em 0;
  102.     color:#C0C0C0;
  103.     background-color:inherit;
  104. }
  105. #calendarForm .credit a {
  106.     color:#C0C0C0;
  107.     background-color:inherit;
  108.     text-decoration:underline;
  109. }
  110. #calendarForm .credit a:hover {
  111.     text-decoration:none;
  112. }
  113. #calendarForm form {
  114.     margin:0;
  115.     padding:0 0.5em;
  116.     color:#eee;
  117.     background-color:inherit;
  118. }
  119. #calendarForm form br {
  120.     clear:both;
  121. }
  122. #calendarForm input, #calendarForm select, #calendarForm textarea {
  123.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  124.     margin:0 0 0.5em 0;
  125. }
  #2 (permalink)  
Antiguo 31/03/2009, 09:26
(Desactivado)
 
Fecha de Ingreso: marzo-2009
Mensajes: 30
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: CSS de calendario

Hola!!

Eso depende de tu web...

Generalmente, los que yo veo son siempre de un azul claro con degradado blanco.

Saludos!
  #3 (permalink)  
Antiguo 02/04/2009, 16:34
(Desactivado)
 
Fecha de Ingreso: diciembre-2008
Mensajes: 421
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: CSS de calendario

Donce podria encontrar css para calendarios
  #4 (permalink)  
Antiguo 03/04/2009, 09:50
(Desactivado)
 
Fecha de Ingreso: diciembre-2008
Mensajes: 421
Antigüedad: 15 años, 4 meses
Puntos: 0
Respuesta: CSS de calendario

Hola preguntarles si sabes algun programa para css les agradeceria
  #5 (permalink)  
Antiguo 03/04/2009, 14:23
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: CSS de calendario

Hola:

Cita:
Iniciado por majony Ver Mensaje
Donce podria encontrar css para calendarios
¿Has buscado en Google?

Cita:
Iniciado por majony Ver Mensaje
Hola preguntarles si sabes algun programa para css les agradeceria
¿Programa para qué?

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:04.