17/08/2016

Coloque a data atual no seu site webcappella





TEMA: Código
ARTIGO: Novo
VERSÃO:  WA4 | WA5 
Fala galera, nuuuu, hoje foi tenso. Não sei o que comi, mas tava que nem pato hihihi


Para não passar batido, vou passar um código que muitos devem conhecer, mas muitos também não. Digo pois nem todo mundo é um profissional. Muitos até estão começando na área e aprendendo. 

Este código eu gosto de usar por exemplo em algum site em que possui uma calendário de eventos, ai e posto de uma maneira que fica bacana.. Assim o visitante do site já diante da agenda, no mesmo foco dos olhos ele já se atenta pra data atual, sem a necessidade de  desfiar o olhar para o relógio do Windows.

CÓDIGO

<center> 
<script language="JavaScript">
document.write("<font color='#fff' size='2' face='arial'>")
var mydate=new Date()
var year=mydate.getYear()
if (year<2000)
year += (year < 1900) ? 1900 : 0
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado")
var montharray=new Array(" de Janeiro de "," de Fevereiro de "," de Março de ","de Abril de ","de Maio de ","de Junho de","de Julho de ","de Agosto de ","de Setembro de "," de Outubro de "," de Novembro de "," de Dezembro de ")
document.write(" "+dayarray[day]+", "+daym+" "+montharray[month]+year+" ")
document.write("</b></i></font>")
 </script>

PERSONALIZAÇÃO

<center> ALTERE CASO QUEIRA A DATA DO LADO DIREITO,CENTRALIZADO OU ESQUERDO DA ÁREA DE IMPLEMENTAÇÃO DO CÓDIGO NO WA

#fff'  ALTERE PELA CÓDIGO DA COR DESEJADA 

2 ALTERE PELO TAMANHO DESEJADO

arial ALTERE PELA FONTE DESEJADA, LEMBRE QUE SE FOR ESCOLHER UM FONTE QUE NÃO É CONSIDERADA FONTE DE SISTEMA, A MESMA DEVE SER CONFIGURADA NA SUA HOSPEDAGEM 


IMPLEMENTAÇÃO NO WA4

Selecione a opção INSERIR>>CÓDIGO HTML, adicione o código no útlimo campo, marque Ativar pré visualização para poder ter a referência no site.
Posiceione onde desejar.


Para ver on line clique aqui

IMPLEMENTAÇÃO NO WA RC

Insira o box onde será inserido o código: Clique no ícon HTML do menu, clique para abri a edição , adicione o código no  campo,
Posiceione onde desejar.




Para ver on line clique aqui



Related Posts Plugin for WordPress, Blogger...