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

Alterar a folha de estilo - CSS


carlamso

Pergunta

Olá,

Quero alterar a folha de estilo consoante a resolução do monitor.

Para o efeito, fiz duas folhas de estilo distintas.

Já consegui fazer a alteração entre duas páginas de index.

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>XPTO</title>

<link href="/images/favicon.ico" rel="icon" type="image/x-icon" />



<script language="JavaScript"> 

if (screen.width<1300) 
location.href = "index2.htm";
else 
if (screen.width>=1300) 
location.href = "index1.htm"; 
else 
location.href = "index16.htm";
</script>
Mas, como fazer isto para alterar a folha de estilo?
<link href="estilo.css" rel="stylesheet" type="text/css">
OU
<link href="estilo_1.css" rel="stylesheet" type="text/css">

Alguém pode ajudar?

Obrigada

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Defina um ID para a referência da folha de estilo:

<link href="" id="estilo" rel="stylesheet" type="text/css">
E o código que vai alterar o CSS de acordo com a tela:
<script language="JavaScript">
  if (screen.width<1300)
       document.getElementByID('estilo').href = 'estilo.css';
  else if (screen.width>=1300)
       document.getElementByID('estilo').href = 'estilo_1.css';
</script>

Editado por Thishinoda
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,3k
    • Posts
      652,4k
×
×
  • Criar Novo...