Webly: Utilizando Estilo Css No Site - Webly

Ir para

Regras para postagem

É permitido postar livremente respostas com comentários, testes e avaliações dos scripts. Postagens contendo dúvidas sobre o script, deverão ser postadas no fórum principal de .NET.

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.
Página 1 de 1

Utilizando Estilo Css No Site Avaliar tópico: -----

#1 Membro offline   juliana ribeiro Ícone

  • Ícone
  • Grupo: Membros
  • Posts: 23
  • Cadastrado: 11-maio 07

Postou 13 dezembro 2007 - 09:31

Neste tutorial iremos aprender a utilizar Cascading Style Sheets(CSS), que serve para criarmos estilos que podem ser utilizados em várias páginas de um web site, permitindo assim a reutilização de estilos para padronização do site.

Para adicionar um arquivo css, clique com botão direito do mouse no projeto e em Add New Item e selecione Style Sheet, informando o nome do arquivo css e clique em Add.

Para facilitar, poderemos utilizar o Build Style para criarmos as classes de estilos, da seguinte forma:

Imagem




Assim podemos utilizar o Style Buider para definir o estilo que deseje aplicar ao seu site.

Imagem



A forma mais popular é utilizar classes de estilos, se tornando mais simples utilizá-la chamando nas páginas pelo nome das classes.

Ao lado do Build Style, temos o Add Style Build, onde criamos a classe selecionando class name e colocando o nome da classe desejada.



Exemplo:
.legenda
 {
	 font-weight: bold;
	 font-size: 9px;
	 color: #44593f;
	 font-family: Arial;
 }
 .aviso
 {
	 font-weight: bold;
	 font-size: 14px;
	 color: #ff3333;
	 font-family: Arial, Monospace;
 }


Neste exemplo criamos duas classes de estilos com sua formatação.



Para utilizar o arquivo CSS criado anteriormente, inclua a seguinte tag no <HEAD> da página.

<link href="Estilo.css" rel="stylesheet" type="text/css" />
Juliana C. Ribeiro
0

#2 Membro offline   Cledilson Ícone

  • Aprendendo sempre - Cadastre-se no fórum!!!
  • Ícone
  • Grupo: Membro Amigo
  • Posts: 609
  • Cadastrado: 22-junho 07
  • Sexo:Male
  • Localização:Itapebi - Bahia
  • Interesses:Aprender e Orientar (Como se eu soubesse algo... haha)

Postou 14 dezembro 2007 - 03:08

Gostei do tuto!!!
parabéns!!



//ops: alguem move esse tuto pra tableless e css
[center] ::: | Open Lince = www.openlince.com.br - Meu blog = cledilsonweb.blogspot.com | :::
-------------------------------------------------------------
::: | Ubuntu 9.10 | :::
-------------------------------------------------------------
::: | [b]Deus seja louvado[/b] | :::
[/center]
0

#3 Membro offline   David Cruvinel Ícone

  • Alguma Coisa!
  • Ícone
  • Grupo: Coordenadores
  • Posts: 1976
  • Cadastrado: 25-agosto 06
  • Localização:Guaxupé - MG

Postou 17 dezembro 2007 - 10:52

Ver postCledilson, em 14/12/2007 - 15:08, disse:

//ops: alguem move esse tuto pra tableless e css

É aqui mesmo pois se refere ao .NET usando o Visual Studio.
Portal Onde tem Festa - Divulgação e Cobertura de Eventos
www.ondetemfesta.com.br

DEC WebSites - Desenvolvimento de WebSites
www.decwebsites.com.br
0

#4 Membro offline   Joaquim Tito Ícone

  • http://magotito.labrute.fr http://magotito.mybrute.com
  • Ícone
  • Grupo: Membro Amigo
  • Posts: 1134
  • Cadastrado: 07-julho 06
  • Localização:São Paulo
  • Interesses:Informática e descontração.

Postou 17 dezembro 2007 - 02:56

Muito bom Juliana.


Cledilson.
Como o David alertou, esse é um tuto específico para inserção de CSS via Visual Studio para desenvolvedores .NET. :thumbsup:
Índio

* Acessou o fórum e achou sua informação? Então cadastre-se e poste como a ajuda foi válida e se foi válida.Não achou a informação na busca? Poste que teremos o maior prazer em ajudá-lo!
* Tutorial + grana? Só no webly! Acesse: http://forum.webly.com.br/index.php?showtopic=16220
* Faço parte da campanha: Não assassine a língua portuguesa. Tenha modos ao escrever para que todos consigam entender a sua dúvida.
"Engles eu não cei, mas porrtuguez eu çou fera."(By Caliope)
0

#5 Membro offline   Cledilson Ícone

  • Aprendendo sempre - Cadastre-se no fórum!!!
  • Ícone
  • Grupo: Membro Amigo
  • Posts: 609
  • Cadastrado: 22-junho 07
  • Sexo:Male
  • Localização:Itapebi - Bahia
  • Interesses:Aprender e Orientar (Como se eu soubesse algo... haha)

Postou 18 dezembro 2007 - 09:20

Ver postJoaquim Tito, em 17/12/2007 - 15:56, disse:

Cledilson.
Como o David alertou, esse é um tuto específico para inserção de CSS via Visual Studio para desenvolvedores .NET. :thumbsup:



Ah tah... blz...

Mas o que seria exatamente o .NET ...?

----------------

Ficou bom o tuto!!! :thumbsup:
[center] ::: | Open Lince = www.openlince.com.br - Meu blog = cledilsonweb.blogspot.com | :::
-------------------------------------------------------------
::: | Ubuntu 9.10 | :::
-------------------------------------------------------------
::: | [b]Deus seja louvado[/b] | :::
[/center]
0
Página 1 de 1

Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)