Skin

503 palavras 3 páginas
Um dos recursos que particularmente acho importante no Framework.NET e a possibilidade de criar skins para aplicações WebForm.
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

Relacionados

  • skin
    1076 palavras | 5 páginas
  • Skin
    620 palavras | 3 páginas
  • Skin
    963 palavras | 4 páginas
  • efeito skin
    542 palavras | 3 páginas
  • skin do teemo
    274 palavras | 2 páginas
  • Skin whitening complex
    369 palavras | 2 páginas
  • Letra skin rihanna
    524 palavras | 3 páginas
  • Visita técnica skin
    3600 palavras | 15 páginas
  • Aps acs skin
    4112 palavras | 17 páginas
  • Efeito Peculiar/Skin/Pele
    1916 palavras | 8 páginas