MaterialDrawn
Basic Completed Theme
Um painel de administração baseado na estrutura Materialize CSS
Material Drawn é um Materialize Admin gratuito com um novo design inspirado no Material Design e no tema Pixinvent do Google. Estamos muito entusiasmados em apresentar nossos conceitos de materiais por meio de um conjunto de componentes bonito e fácil de usar. O Material Drawn foi construído sobre a popular estrutura materialize e vem com alguns plug-ins de terceiros (amcharts, datatables) redesenhados para se adequar ao restante dos elementos.
O Material Dashboard vem com 6 opções de tema de cores para qualquer componente como plano de fundo
com uma imagem de fundo na barra lateral para cada cor. Você também pode criar sua própria cor de tema, basta estar preparado com sua cor junto com seu tom mais claro e uma imagem correspondente. Estamos muito entusiasmados em compartilhar este painel com você e esperamos ouvir seus comentários!
Para adicionar a cor do seu tema personalizado ou qualquer outro feedback, envie-me um e-mail para [email protected].
Você pode encontrar o repositório Github para material desenhado aqui.
Arquivos CSS da pasta de distribuição
todos os css de distribuição do framework estão em:
dist/theme.min.css
O CSS da página de índice está em:
dist/Style.css
Para o CSS personalizado escrito por jquery para alteração de tema
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
O CSS da página de login está em:
dist/LoginStyle.css
o css da página de registro está em:
dist/RegisterStyle.css
Arquivos JS em que todos os JS de distribuição da estrutura estão:
dist/app.min.js
dist/app2.min.js
dist/app3.min.js
meu plugin js com trocador de tema e todo o init para index.html está em:
dist/myplugin.js
meu plugin js com trocador de tema e todo o init para index.html está em:
dist/loginplugin.js
Instalação CSS para página de índice
<link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/Style.css">
<style type="text/css" id="page"></style>
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
Instalação CSS para página de login
<link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/LoginStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
Instalação CSS para página de registro
<link rel="stylesheet" href="dist/theme.min.css">
<link rel="stylesheet" href="dist/RegisterStyle.css">
<style type="text/css" id="material-custom"></style>
<style type="text/css" id="custom"></style>
Instalação JS para página de índice
<script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/myplugin.js"></script>
Instalação JS para página de login
<script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/LoginStyle.css"></script>
Instalação JS para página de registro
<script src="dist/app.min.js"></script>
<script src="dist/app2.min.js"></script>
<script src="dist/app3.min.js"></script>
<script src="dist/registerplugin.js"></script>
Após concluir o procedimento de instalação abra o index.html em seu navegador para o painel de demonstração, atualize-o e divirta-se utilizando-o.
demonstração básica do Material Drawn.
Em breve
Perceber
Novos recursos adicionados como perfil (linha do tempo e configuração), bate-papo e muito mais. Até que eu conclua todos os componentes, você pode escrever componentes diretamente do Materialize.css. Por favor, apoie meu trabalho, marque com estrela e assista meu repositório e siga-me no github para todas as atualizações futuras no MaterialDrawn e outros projetos futuros.
