M7ADMIN | Truques | Módulo Contador

Fala turma do bem!! Grande abraço.

Pois então, o sistema M7ADMIN  está crescendo e de carteirinha afirmo que está cada dia mais me surpreendendo.

Na minha opinião está sendo o melhor sistema para administração de conteúdo para WebAcappella.

O único bug que havia encontrado no sistema era na versão 1.4 a qual cito neste post (clique aqui). No entanto admiravelmente depois de poucos dias foi lançada a Versão 1.5 (que está excelente) já corrigindo este bug.

Porém, existem alguns pequenos detalhes que poderiam ser melhores. Acredito eu que em um futuro bem próximo ocorrerá. Mas enquanto não acontece como brasileiros que somos, damos sempre um jeitinho.


O assunto deste artigo é sobre o módulo Contador do sistema M7ADMIN, o qual fornece um cronômetro decrescente no período em que o site está sendo desenvolvido.

Por ser um módulo em que o administrador (dono do site) não necessitará manipular o próprio desenvolvedor do M7ADMIN o fornece gratuitamente.

Portanto no módulo é possível configurar apenas parâmetros referente ao período do contador. Mantendo sempre a mesma cor e aparência.

Mas como eu sou fuçador quis mudar um pouquinho. Então passo aqui algumas dicas de como personalizar melhor em questão de cores.

** É importante frisar que estas alterações é por sua conta e risco, apesar que conforme  o Desenvolvedor não se perde o suporte ao alterar os arquivos CSS.

Mas sugiro ter sempre um backup do sistema original.


Vamos lá.

Para alterar os arquivos sugiro utilizar o notepad++, caso deseje baixa-lo gratuitamente clique aqui

Seguindo as opções originais do sistema o contador ficaria assim:

Então o sistema permite eu escrever algo como título , o tempo do cronômetro e um texto através da área administrativa. Sendo que só o texto (Iremos surpreender você!!) pode ser alterado na questão de cor,tamanho e fonte.


Agora vamos dar nosso jeitinho brasileiro:

Edite o arquivo inc/mdls/contador/css/style.css com o notepad++

Para isso vamos escolher a cor que desejamos pela ferramenta "zona de cor" no WebAcappella e copiamos o valor da cor:

Para alterarmos a fonte do título onde no exemplo é "Não paramos de trabalhar... estaremos de volta em:) edit a linha 8 do arquivo citado acima pela fonte de sua escolha.

Nesta linha a segunda fonte determinada será a da sua escolha, e a primeira será a fonte que irá assumir caso o visitante do site não possua a fonte escolhida por você instalada no computador. Por isso sugiro não alterar o nome da primeira fonte.

Na linha 9 você determina o tamanho da fonte:

No caso deste exemplo fiz as seguinte alterações (assinaladas de amarelo):

Vamos ver o resultado agora:

Agora para alterarmos a cor deste título adicionamos  abaixo da linha nova um novo valor (no caso o valor que eu adicionei foi um verde escuro <#233c0b>, mas fica no seu critério) :

color: #233c0b;

Como ficará no notepad++:

Resultado:

Agora vamos alterar a formatação dos textos DIAS, HORAS, MINUTOS E SEGUNDOS. Mas é importante lembrar que se você incluiu a linha color na sendo a linha 10 as instruções a seguir equivalem exatamente ao número da linha, caso não incluir será a linha anterior.

Ainda no mesmo arquivo na linha 34 altere o valor da cor pelo valor da cor escolhida. No meu caso eu escolhi o valor de cor #f89522 (laranja)

Resultado:

Agora vamos alterar a formatação dos valores correspondentes aos  DIAS, HORAS, MINUTOS E SEGUNDOS. Mas é importante lembrar que se você incluiu a linha color na sendo a linha 10 as instruções a seguir equivalem exatamente ao número da linha, caso não incluir será a linha anterior.

Ainda no mesmo arquivo na linha 44 altere o valor da cor pelo valor da cor escolhida. No meu caso eu escolhi o valor de cor #e0e0e0 (um cinza mais claro)

Resultado:

Bom, nos resta agora alterar a cor dos círculos.

Para isso vamos editar o arquivo inc/mdls/contatos/scripts.js


Altere o valor das linhas
39 para o círculo referente aos dias
40 para o círculo referente aos horas
41 para o círculo referente aos minutos
42 para o círculo referente aos segundos
43 para o círculo referente aos segundos

a linha 43 está sobrando, pode apagá-la, ou se não quiser repita o valor da linha 42 na linha 43.

No meu caso eu deletei a linha 43.

Resultado:

Para formatar o texto referente ao exemplo "Iremos surpreender você!!" utilize a própria área administrativa referente ao contador.


Precauções:

Lembre que as novas versões do M7ADMIN não estará com as suas configurações, portanto ao atualizar futuramente corre o risco de voltar aos padrões. Por isso é bom salvar os arquivos alterados em uma pasta para quando necessário utilizar.


Concluindo:

Estou gostando muito do M7ADMIN também pelo fato das alterações manuais sejam bem fáceis de se localizar e de se fazer. Desta forma o desenvolvedor Webacappella não fica preso em padrões do sistema, uma vez que cada site tem um design diferente.





.