Ir para conteúdo
Fórum Script Brasil
  • 0

Style


Guest Cesar

Pergunta

exite alguma forma de fazer um style em js?

tipo.. o meu esta assim...

<style type="text/css">

P, td, tr, div {

font-style: normal;

font-weight: normal;

font-size: 14px;

scrollbar-highlight-color: #000000;

color:#ffffff;

font-family: Comic Sans MS;

line-height: 18px;

}

A {behavior: url(bad.htc); filter:progid:dximagetransform.microsoft.pixelate(duration=.7, maxSquare=22, enabled=false); height: 0px; clip: rect( );

}

A:link{color:#33ffff;text-decoration:none}

A:visited{color:#33ffff; text-decoration: line-through}

A:active{color:#33ffff}

a:hover {color:#33ffff}

#bad {color:#ffffff; filter:glow(color=0066ff,strength=4); width:100%; font: 20px}

#bad2 {color:#33ffff; filter:glow(color=0066ff,strength=4); width:100%; font: 22px}

body {

SCROLLBAR-FACE-COLOR: #abcdef;

BACKGROUND-ATTACHMENT: fixed;

SCROLLBAR-HIGHLIGHT-COLOR: #abcdef;

SCROLLBAR-SHADOW-COLOR: #314a73;

SCROLLBAR-3DLIGHT-COLOR: #ffffff;

SCROLLBAR-ARROW-COLOR: #ffffff;

SCROLLBAR-TRACK-COLOR: #abcdef;

SCROLLBAR-DARKSHADOW-COLOR: #abcdef}

</style>

Mas esta assim em todas as paginas... E como tenho muitas paginas, toda hora que mudo, tenho que mudar todas as pagnas manualmente!!!!

Gostaria de saber se tem como colocar tudo isso em um arquivo js separado ou qualquer outra forma, de modo que só precise mudar um arquivo quando for modificar as pagina... tem como?

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

você faz o seguinte :

abre o notepad e salva um arquivo como estilo.css . Ae você põe todos os estilos ali dentro , sem o <style>, ficando assim mais ou menos :

estilo.css

P, td, tr, div {
font-style: normal;
font-weight: normal;
font-size: 14px; 
scrollbar-highlight-color: #000000;
color:#ffffff;
font-family: Comic Sans MS;
line-height: 18px;
}
A {behavior: url(bad.htc); filter:progid:dximagetransform.microsoft.pixelate(duration=.7, maxSquare=22, enabled=false); height: 0px; clip: rect( );

}
A:link{color:#33ffff;text-decoration:none}
A:visited{color:#33ffff; text-decoration: line-through}
A:active{color:#33ffff}
a:hover {color:#33ffff}
#bad {color:#ffffff; filter:glow(color=0066ff,strength=4); width:100%; font: 20px}
#bad2 {color:#33ffff; filter:glow(color=0066ff,strength=4); width:100%; font: 22px}
body {
SCROLLBAR-FACE-COLOR: #abcdef; 
BACKGROUND-ATTACHMENT: fixed; 
SCROLLBAR-HIGHLIGHT-COLOR: #abcdef; 
SCROLLBAR-SHADOW-COLOR: #314a73; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #abcdef; 
SCROLLBAR-DARKSHADOW-COLOR: #abcdef}

Ae, em todas as páginas , você faz uma tag assim :

<link rel="stylesheet" href="estilo.css">

você salva o estilo na mesma pasta do servidor.... Ae, quando você mudar o estilo.css todas as páginas vão mudar automáticamente

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,8k
×
×
  • Criar Novo...