Programadores dedicados a C sharp .Net, eres nuevo, experto o quieres aprender a programar en C Sharp, aquí encontraras todo lo que necesitas.
 
ÍndiceCalendarioFAQBuscarMiembrosGrupos de UsuariosChatRegistrarseConectarse
Conectarse
Nombre de Usuario:
Contraseña:
Entrar automáticamente en cada visita: 
:: Recuperar mi contraseña
Últimos temas
Buscar
 
 

Resultados por:
 
Rechercher Búsqueda avanzada
Síguenos:
Crear foro Crear foro Crear foro

Comparte | 
 

 Usar Themas y Skins

Ver el tema anterior Ver el tema siguiente Ir abajo 
AutorMensaje
Guillermo Javier Salazar
STAFF TEAM
STAFF TEAM


Mensajes : 181
Puntos : 349
Localización : México
Comentarios : El azar favorece a una mente preparada.

MensajeTema: Usar Themas y Skins   Vie Oct 07, 2011 10:36 am

Usar themas y Skins

Saludos comunidad, despues de casi 1 mes en el que hemos estado prácticamente inactivos, les traigo un breve tutorial de como utilizar los Temas y Skins.

Un tema es una coleccion de Skins entre otros elementos, esto se usa cuando deseamos ponerle un tema especifico a nuestro sitio web, por ejemplo el tema de invierno, verano, otoño, primavera.

Los Skins son basicamente como mascaras utilizadas para dar un mismo formato o diseño a 1 o mas controles, es bastante parecido que utilizar CSS, solo que en este caso no solo modificaremos el estilo sino tambien propiedades y eventos.

En lugar de tener que cambiar el diseño de cada control, podemos utilizar un skin diferente para cada tema y cuando necesitemos cambiar el diseño simplemente cambiamos el tema y nos ahorramos mucho trabajo, veamos como:

Una vez que tengamos nuestra aplicacion web, le damos en add-NewItem y seleccionamos "Skin file":

[Tienes que estar registrado y conectado para ver esa imagen]

Nos preguntara si deseamos crear la carpeta donde contendrán nuestros Temas, damos OK:

[Tienes que estar registrado y conectado para ver esa imagen]

Nos creara un folder llamado "App_Themes", esta carpeta contendra todos nuestros temas, por default nos creo el tema llamado "Skin1" dentro de esta carpeta esta el Skin que acabamos de añadir, por default le puso "Skin1.skin":

[Tienes que estar registrado y conectado para ver esa imagen]

Para evitar confuciones le cambiaremos el nombre al tema por el de "Verano" y a nuestro skin por el de "SkinLabel":

[Tienes que estar registrado y conectado para ver esa imagen]

Dentro de nuestro archivo "SkinLabel" se encuentra un ejemplo que nos da el Visual Studio para utilizar el skin, existen 2 formas te utilizar los skins:

1.- Con SkiID: El SkinID nos permite diferenciar el control al cual le queremos heredar el diseño.

2.- Sin SkinID: Hereda el diseño a todos los controles del mismo tipo.

Dentro de nuestro "SkinLabel" pondremos lo siguiente:

<asp:Label SkinID="lblEtiqueta" runat="Server" Font-Size="X-Large" ForeColor="Red"/>

Como podemos observar la linea anterior es la declaracion de un Label pero sin un ID ("En el skin no lo debe de llevar") y en este caso utilizaremos el SkinID para indicar que solo se le heredaran a algunos labels y no a todos.

Ahora solo tenemos que declarar el tema que vamos a usar, para ello existen 2 formas:

1.- En la pagina web: Si declaramos en la pagina indicara que solo esa pagina heredara el tema. Dentro de nuestro tag principal "<%@ Page %>" (SE ENCUENTRA EN LA PRIMERA LINEA DEL ASPX) le añadiremos la siguiente propiedad:

StylesheetTheme="Verano"

Quedara asi:

<%@ Page StylesheetTheme="Verano" ... %>

Donde le indicaremos que utilizaremos el tema de "Verano" y por consiguiente el contenido (Skins) dentro de esta carpeta.

2.- En el webConfig: Si la declaramos en el webConfig indicaremos que todas las paginas heredaran el tema. Dentro del tag "<pages>" le añadimos la siguiente propiedad:

StylesheetTheme="Verano"

Quedara asi:

<pages styleSheetTheme="Verano">

----------------------------------------------------------------------------
Ahora agregaremos un Label a nuestra pagina, los controles de aspx contienen una propiedad llamada SkinID, esta propiedad sirve para que el control herede el diseño que este echo para ese control dentro del tema. Seleccionamos la etiqueta y veremos que en dicha propiedad contiene el nombre del skin que le creamos al label:

[Tienes que estar registrado y conectado para ver esa imagen]

Nota: Si no ves el skinID en el control, es por que declaraste algo mal en el skin o no has seleccionado el tema a utilizar, si ya comprobaste las 2 anteriores compila, ha veces tienes que compilar antes (F6).

Una ves seleccionado el Skin para nuestro control podremos visualizar que el control heredo el diseño del skin.

¿Para que nos siver?
R- Puedes crear tantos temas y skins que quieras, cuando tengas que modificar algun diseño como el color de letra, el tipo de letra o color de fondo de algun control, ya no tendras que modificar control por control, simplemente modificaras el skin.

[Tienes que estar registrado y conectado para ver esa imagen]

¿Puedo tener mas de un Skin para un mismo control?
R- Si, puedes tener cuanto skin quieras para un mismo control (ejemplo Label), simplemente los diferencias con el SkinID, el SkinID es unico y se usa para diferenciar las mascaras entre si.

¿Que pasa si no le pongo SkinID al control en el Skin?
R- Si no le pones el SkinID en el Skin significaria que le vas a heredar el diseño a todos los controles de ese tipo, ejemplo, si en lugar de poner:

<asp:Label SkinID="lblEtiqueta" runat="Server" Font-Size="X-Large" ForeColor="Red"/>

Pusieras:

<asp:Label runat="Server" Font-Size="X-Large" ForeColor="Red"/>

Le heredarias a todos los Label que contengan el tema este diseño y no podras utilizar otro skin para algun otro Label.

Tiene muchas ventajas como utilidades, espero haber sido claro, en caso de cualquier duda, pues comentan y les ayudamos, no olviden recomendarnos, SALUDOS!!

DESCARGAR

_________________
[Tienes que estar registrado y conectado para ver este vínculo] [Tienes que estar registrado y conectado para ver esa imagen]
Volver arriba Ir abajo
Ver perfil de usuario http://cspromex.activo.mx
 
Usar Themas y Skins
Ver el tema anterior Ver el tema siguiente Volver arriba 
Página 1 de 1.
 Temas similares
-
» Consejos para usar tacones cómodamente
» como usar codigo de ajax chat para phpbb2
» Skins Motion - Publicidad
» Usar mas de una vez Mail de registro
» Bug a la hora de usar el buscador del foro

Permisos de este foro:No puedes responder a temas en este foro.
CSPromex :: PROGRAMACIÓN EN ASP.NET :: Código Abierto-
Cambiar a: