none
Editar CSS do lado Servidor RRS feed

  • Pergunta

  • Boa tarde !

    Tenho um projeto onde tenho a alteração das cores do sistema, porém preciso fazer essa alteração do lado do Servidor para que todas as páginas ficam com a mesma alteração, alguém tem um material de estudo de como fazer essa implementação ?

    Obrigado.

    segunda-feira, 2 de fevereiro de 2015 18:26

Respostas

  • E aí Diego eu novamente, fiquei interessado e resolvi ver com um amigo também que tem mais experiência em front.

    Ele me disse o seguinte, o ideal é se você tiver até 5 estilos definidos deixar 5 arquivos CSS e apenas chavear para um deles de acordo com a opção do usuário.

    Como seu caso seria maior a gama de opções, ele me recomendou verificar este plugin de JQuery:

    http://www.eyecon.ro/colorpicker/

    Você consegue receber daí um hexadecimal, e você pode ter na sua Master Page uma lógica na linguagem de preferência que retorne uma tag Style recebendo este valor hexadecimal, modificando o estilo a partir da master.

    Espero ter ajudado e valeu por compartilhar a dúvida, aprendi com ela também!

    {]!

    terça-feira, 3 de fevereiro de 2015 16:14

Todas as Respostas

  • segunda-feira, 2 de fevereiro de 2015 18:37
  • Ola Diego. Boa tarde.

    Não entendi muito bem sua necessidade.

    Você precisa editar o css via código. Não seria uma boa usar XML???

    Está usando WebForms ou MVC?

    segunda-feira, 2 de fevereiro de 2015 18:41
  • Oi Diego, não sei com qual padrão esta trabalhando, mas no web forms você pode fazer uma verificação de perfil ou cor selecionada e através disso selecionar um arquivo CSS específico. Aqui na empresa que estou estagiando temos um site onde um perfil é de cor verde e outro cor amarelo, efetuamos a verificação de qual perfil está logado e puxamos um arquivo CSS específico. 

    Na página .aspx basta colocar: 

        <link rel="stylesheet" type="text/css" href="<%= "~/css/"+corVerde+".css" %>" />
        <link rel="stylesheet" type="text/css" href="<%= "~/css/"+corAmarela+".css" %>" />

    Aí no arquivo .cs da página equivalente você faz a rotina if/else para verificar perfil e declara o nome do css que quiser.

    public string corVerde;
    public string corAmarela;
    
    if (perfil.logado = perfil.verde){
    
    corVerde="meuarquivocssVerde";
    }
    else
    {
    corAmarela="meuarquivocssAmarelo";
    }

    Espero que tenha ajudado de alguma maneira!

    {}!

    segunda-feira, 2 de fevereiro de 2015 20:12
  • Bom dia pessoal,

    Meu projeto está em MVC, na verdade eu já tenho uma folha de estilo pré- definida, porém em uma tela do meu sistema tenho um componente de seleção de cores que quando eu seleciono uma determinada cor meu objetivo é alterar o visual da minha aplicação (certas partes), tentei usar jquery/ javascript porém eles alteram somente o lado do cliente, quando eu atualizo a pagina ele volta com as cores padrão, então pensei se teria alguma maneira de fazer essa alteração direto no arquivo CSS do servidor ?

    Desde já agradeço.

    terça-feira, 3 de fevereiro de 2015 11:05
  • Oi Diego, eu acredito que a melhor escolha não seria editar o arquivo CSS no servidor, e sim ter arquivos CSS diferentes para cada cor. Para não criar redundância, pode criar arquivos que apenas definam a cor da página, e o restante do código CSS responsável por formatação deixe em um arquivo genérico. A partir de verificação da opção selecionada, você carrega o arquivo CSS correspondente. 

    Como você vai verificar a opção depende do seu projeto, por exemplo se isso for ficar atrelado ao perfil do usuário e for verificado a cada login...basta armazenar a informação e criar a lógica de verificação...

    terça-feira, 3 de fevereiro de 2015 13:07
  • Boa tarde,

    meu intuito é deixar a cor livre, a gosto do usuário, claro que ele não irá alterar a cor inteira do sistema e sim algumas partes principais, por isso não posso ter vários CSS um de cada cor por que eu delimito o usuário as opções de cor.

    Desde já agradeço.

    terça-feira, 3 de fevereiro de 2015 15:56
  • E aí Diego eu novamente, fiquei interessado e resolvi ver com um amigo também que tem mais experiência em front.

    Ele me disse o seguinte, o ideal é se você tiver até 5 estilos definidos deixar 5 arquivos CSS e apenas chavear para um deles de acordo com a opção do usuário.

    Como seu caso seria maior a gama de opções, ele me recomendou verificar este plugin de JQuery:

    http://www.eyecon.ro/colorpicker/

    Você consegue receber daí um hexadecimal, e você pode ter na sua Master Page uma lógica na linguagem de preferência que retorne uma tag Style recebendo este valor hexadecimal, modificando o estilo a partir da master.

    Espero ter ajudado e valeu por compartilhar a dúvida, aprendi com ela também!

    {]!

    terça-feira, 3 de fevereiro de 2015 16:14
  • Rogério, 

    Pelo que eu entendi, eu teria que gravar no banco o hexa da cor que eu quero e toda hora que for carregar a pagina verifico, caso existir a modificação da cor, eu jogo o estilo direto no HTML com a tag style e nao carrego o estilo no meu css de cor padrão, caso não há alteração na opção de cor carrego o css de cor padrão, com isso terei q separar os meus css estrutural com a de cor.

    Se for isso mesmo que eu entendi, perfeito acho que vai me atender, vou partir dessa lógica.

    Muito Obrigado.


    • Editado Diego Bexa terça-feira, 3 de fevereiro de 2015 17:09
    terça-feira, 3 de fevereiro de 2015 17:08