Painel de Personalização

Painel de Personalização

Erro ao conectar ao banco: could not find driver

Histórico de Alterações

Banco de dados não disponível.
Nome Status Valor Produto A Ativo R$ 99,90 Produto B Inativo R$ 59,90
Lista de itens
Lista com ícones
Exemplos de tabela, lista e lista com ícones usando o tema.
Cor do topo do site
Cor do rodapé do site
CSS padding dos cards
CSS padding dos botões
CSS padding dos campos de texto
Digite o valor CSS desejado para borda e sombra
#0051ff
#1e40af
#64748b
#f3f4f6
#000000
#ffffff
#e5e7eb
#000000
#ff0000
#22c55e
#facc15
Sugestão: escolha uma fonte do Google Fonts

Preview de Gradiente

// Animação suave para gradientes document.getElementById('gradient_start').addEventListener('input', updateGradientPreview); document.getElementById('gradient_end').addEventListener('input', updateGradientPreview); document.getElementById('btn_gradient_start').addEventListener('input', updateBtnGradientPreview); document.getElementById('btn_gradient_end').addEventListener('input', updateBtnGradientPreview); document.getElementById('btn_text').addEventListener('input', updateBtnGradientPreview); function updateGradientPreview() { var start = document.getElementById('gradient_start').value; var end = document.getElementById('gradient_end').value; var el = document.getElementById('gradient-preview'); el.style.background = 'linear-gradient(90deg,'+start+','+end+')'; } function updateBtnGradientPreview() { var start = document.getElementById('btn_gradient_start').value; var end = document.getElementById('btn_gradient_end').value; var text = document.getElementById('btn_text').value; var el = document.getElementById('btn-gradient-preview'); el.style.background = 'linear-gradient(90deg,'+start+','+end+')'; el.style.color = text; }

Pré-visualização do Tema

Card Exemplo
Texto de exemplo usando a cor do tema.

Pré-visualização do Botão

O botão acima mostra como ficará a cor principal do tema.
Salve para aplicar em todo o site.

🔑 Entrar
5 produtos encontrados
sdfsdf

sdfsdf

✓ Em estoque