aGrAdEcEr Es CoMpArTiR... CoMpArTe Lo QuE tE gUsTó A TuS ReDeS SoCiALeS... Twitter, Google+ y Facebook.

Monday, November 01, 2010

CaLenDaRio AjAx y CSS

El calendario que nos ofrece ajax es blanco y con letras negras, sin sabor pero tenemos Calendar Css Classes

que se encuentra en


http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Calendar/Calendar.aspx


Yo solo utilizé algunas de esas clases y quedó así:



El estilo es el siguiente:

ESTILO 1 CELESTE

.cssCalendario {
background-color:#4F81BD;
font-family:Verdana, Geneva, sans-serif;
color:#FFFAFA;
}
.cssCalendario .ajax__calendar_header {
background-color:#376091;
font-family:Verdana, Geneva, sans-serif;
color:White;
}
.cssCalendario .ajax__calendar_hover {
text-decoration:underline;
font-weight:bold;
background-color:White;
color:#376091;
}

ESTILO 2 PLOMO

.cssCalendario {
background-color:#737373;
font-family:Verdana, Geneva, sans-serif;
color:#FFFAFA;
}
.cssCalendario .ajax__calendar_header {
background-color:#404040;
font-family:Verdana, Geneva, sans-serif;
color:White;
}
.cssCalendario .ajax__calendar_hover {
text-decoration:underline;
font-weight:bold;
background-color:White;
color:#737373;
}

Y finalmente, en el CalendarExtender control en su html, le colocan la siguiente propiedad:
CssClass="cssCalendario"

Happy Coding...

No comments:

Post a Comment