Skin
O skin no ASP.NET nada mais e que um conjunto de configurações visuais pré definidas composta de tags dos server controls, imagens e CSS.
O trabalho de desenvolvimento envolve vários conhecimento, dentre eles css, conhecimento prévio do próprio asp.net e muita paciência.
O que e mais interessante e que podemos utilizar esse nosso skin em outros projetos ou ate mesmo disponibilizar esse skin para outras pessoas utilizarem.
Adicionaremos alguns controles.
1 Panel
2 Label
2 TextBox
1 Button Assim criaremos como exemplo um formulário de contato.
Agora adicionaremos o diretório App_Themes e nele nosso diretorio do tema com o nome de “Default” e nesse um arquivo chamado Default.Skin.
O diretório criado e onde iremos armazenar o nosso CSS (Cascade Style Sheet ou Folha de Estilo) e o arquivo .Skin que conterá as referencias aos Server Controls do ASP.NET utilizados no nosso projeto.
Agora abra o arquivo Default.Skin e coloque referência aos Server Controls listados anteriormente.
1
2
3
4
Repare que defini o CssClass em nossos Server Controls. Esse será os estilo deles, ou seja, dentro do nosso arquivo estilo.css adicionarei classe com esses nomes contendo as configurações. Assim, se eu definir que a nossa classe textbox deverá ter bordas vermelhas de 2px (Pixels), todos os Server Controls do tipo TextBox no nosso projeto assumirá essa configuração.
Agora vamos abrir o nosso arquivo estilo.css e adicionar as configurações abaixo. Não irei abordar cada uma das configurações pois não é o objetivo inicial do artigo, mais serei mais legal e deixarei cada bloco comentado para que você possa entender e modificar como quiser.
01 body
02 {
03 /* Formatação da fonte do site*/
04 font-family: Verdana, Arial, Trebuchet MS, Sans-Serif;
05 }
06 .formulario
07 {
08 /* borda do formulario */
09 border: 1px solid