Ixonn Group

Adicionar Imagem de Fundo de Login em Tamanho Grande

You are here:
< All Topics

O Ixonn não suporta oficialmente a imagem de plano de fundo de login na área de administração e na área de clientes para manter a simplicidade, mas criamos um snippet CSS simples que adicionará uma imagem de plano de fundo perfeitamente alinhada e com largura total na área de administração, incluindo desbotamento da imagem com CSS puro.

Imagem de plano de fundo de login personalizado da área de administrador

Se você adicionou uma cor personalizada para o plano de fundo de login do administrador em Configuração-> Estilo do Tema-> Geral, remova-a e defina em branco para evitar que os estilos embutidos substituam o estilo de plano de fundo da imagem.
Criar arquivo custom.css em assets / CSS
Escolha uma imagem que você deseja adicionar como plano de fundo. (pelo menos 1280 x 720px)
Faça o upload da imagem eq, na pasta de mídia (ou onde você mais gosta). No nosso caso, estará na mídia e o URL será assim: http://seudominio.com/crm/media/login_admin.png
Abra o arquivo custom.css e adicione o seguinte código:
/ * Remova-o se não desejar sobreposição de plano de fundo sobre a imagem ou ajuste conforme suas necessidades * /

body.login_admin: antes de {

    conteúdo: “”;

    fundo: rgba (31, 31, 31, 0,7);

    altura mínima: 100%;

    largura mínima: 100%;

    posição: absoluta;

}

body.login_admin {

  background: url (“https://seudominio.com.br/crm/media/login_customers.png”) centro central sem repetição fixo; / * O URL da imagem completa * /

  -webkit-background-size: capa;

  -moz-background-size: capa;

  -o-background-size: capa;

  tamanho do plano de fundo: capa;

}

Aqui está o nosso resultado final:

Imagem de plano de fundo de login personalizado da área de clientes

Siga as etapas da imagem de plano de fundo de login personalizado da área de administrador de 1 a 4.

Lembre-se de que, na etapa 4, você precisará renomear a imagem para eq. login_customers.png

Abra o arquivo custom.css e adicione o seguinte código:
body.customers_login {

  background: url (“https://seudominio.com.br/crm/media/login_customers.png”) centro central sem repetição fixo; / * O URL da imagem completa * /

  -webkit-background-size: capa;

  -moz-background-size: capa;

  -o-background-size: capa;

  tamanho do plano de fundo: capa;

}

Não se esqueça de substituir o URL pelo URL da sua imagem

Table of Contents
Scroll Up