Ir para conteúdo

POWERED BY:

Sapinn

Mudar a cor padrão do layout com css, js, php

Recommended Posts

A um bom tempo atrás eu encontrei um site que dava pra mudar a cor do layout. Então eu resolvi adicionar essa propriedade em um site que estou desenvolvendo, mas não sei bem como fazer isso. Eu criei uma variável no meu arquivo css pra colocar uma cor padrão para o site então eu gostaria que o usuário quando apertasse em um palheta de cores visse como o site ficaria caso ele gostasse ele apertaria em mudar cor e essa nova cor seria a padrão do site. Eu fiz algumas buscas mas não encontrei muita coisa, infelizmente. Se alguém pudesse me ajudar eu ficaria grato. Vlw

Compartilhar este post


Link para o post
Compartilhar em outros sites

No rodapé aqui do fórum você tem esse recurso.

Uma alternativa seria usar um sessão para armazenar o "tema" que o usuário selecionou em uma sessão.

Sinceramente acho que isso é uma besteira, mas minha opinião não importa.

 

Como a ideia é só mudar a cor vou abordar o uso do próprio css padrão que desenvolvi, apenas mudando sua paleta de cores:

<?php
session_start();
$_SESSION['nome_do_css'] = (isset($_SESSION['nome_do_css']) ? $_SESSION['nome_do_css'] : 'exemplo');
?>

<link href="sm-default.css" rel="stylesheet" type="text/css" />
<link href="<?= $_SESSION['nome_do_css'] ?>.css" rel="stylesheet" type="text/css" />

Note que gravamos em uma sessão o nome do arquivo que vai mudar a coloração disponível no CSS, o mesmo poderia ser feito usando um cookie caso queira que o tema continue alterado mesmo depois que o usuário fechar seu navegador.

Reparando também que o arquivo ao qual vai mudar o esquema de cores vem depois, desse modo re-escrevemos propriedades do primeiro css carregado.

 

Agora vamos ao css:

Nesse meu css que é encontrado nesse endereço

Podemos ver o uso da variável root

:root {
    --white:#ffffff;
    --black:#333333;
    --grey:#808080;
    --red:#d42020;

 

E mais adiante no arquivo vemos o uso dessas vars em esquema de cor:

.text-white, .text-white-hover:hover {color:var(--white) !important}

 

Então se eu criar outra folha de estilo e adicionar por exemplo:

:root {
    --white:red;

O que vai acontecer é que toda vez que o classificador text-white for carregado ao invés o texto ser branco ele será vermelho, e assim sucessivamente para todas as demais propriedades:

<span class="text-white">Um texto escrito em barnco ou vermelho dependendo do valor de "--white:"</span>

 

Bom, eu usei o meu arquivo para exemplificar, mas esse é o esquema basta que tenha um arquivo css para definir as propriedades com o nome relacionado ao "tema" que o usuário escolher

 

E para não entrar em outras questões, para que o novo sema seja válido a página deve ser recarregada. Dar para alterar sem recarregar mais daí é outra história.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a ajuda dos amigos, mas preciso entender uma processo que não estou conseguindo sucesso.

      Como mencionado no Título estou escrevendo um Sistema Web para Gerenciamento de Empresa.
       
      Minha dúvida, que preciso muito entender:
      - preciso agora escrever a Rotina para Emissão de NFe e essa parte não estou conseguindo.
       
      tenho assistido alguns vídeos e leituras, mas não estou conseguindo sucesso, já fiz toda as importações das LIB da NFePhp conforme orientação.

      Preciso de ajuda.

      Algum dos amigos tem conhecimento de algum passo-a-passo explicando a criação dessa rotina ?

      tenho visto alguns vídeos com LARAVEL, mas quando tento utilizar e converter para PHP+Codeiginter, dá uma fila de erros que não entendo, mesmo informando as lib necessárias.

      Alguns do amigo tem algum vídeo, leitura explicando essa parte ?

      Grato,

      Cesar.
×

Informação importante

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