Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rabisku

s CSS

Recommended Posts

Usando um único arquivo .css tem como você determinar vários padrões de links para páginas diferentes.Ex. Tenho um arquivo chamado "default.css" e dentro gostaria de incluir dois blocos de formação de links (link, alink, vlink, etc) o primeiro chamado "contato" e o segundo chamado "outros"?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Claro que dá, mas em um único arquivo .css !

 

De acordo com o que você perguntou, esse arquivo tem que ser mais ou menos assim (vou considerá-lo com o nome de styles.css):

.default { COLOR: #444444; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

.default:hover { COLOR: #AAAAAA; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

.default:active { COLOR: #444444; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

.outros { COLOR: #FFFFFF; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

.outros:hover { COLOR: #0066CC; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

.outros:active { COLOR: #FFFFFF; FONT-FAMILY: ms sans serif, verdana, arial, tahoma; FONT-SIZE: 11px; TEXT-DECORATION: none }

 

Daí, dentro da página em si, entre o "head", você chama o arquivo assim:

<head>

<link href="styles.css" rel=stylesheet type=text/css>

</head>

 

Agora é fácil.

Onde você quer as configurações "defaul" você chama assim:

<a href="XXX.XXX" class="principal">XXX</a>

ou

<font class="principal">XXX</font>

 

E onde você quer as configurações "outros" você chama assim:

<a href="XXX.XXX" class="outros">XXX</a>

ou

<font class="outros">XXX</font>

 

Entendeu?

 

[]'s!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte,a resposta do amigo ai, está super-hiper correta, ok??Mas se você deseja usar o Dw ou fazer pelo Dw, faz assim:Na caixa estilos, você tem os botão de duplicar, de link, de novo e por ai vai...Ao usar um desses, você vai criando os comandos, ok??Assim fica mais facil, pois você nãomexe diretamente c/ os comandos em si, mas somente com as descrições dele, como:negrito: você usa este botão e ele automaticamente cria o comando de ficar negrito no .css, ok??Será que consequi explicar, u enrolei mais/?[]sRodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.