Em mais uma série de tutoriais Javascript de Abelhudos da informática, estarei ensinado hoje a criar um link que mudará elementos da formatação do seu texto:
Fonte, tamanho, alinhamento e cor.
Fonte, tamanho, alinhamento e cor.
A seguir, estarei mostrando cada elemento que será modificado.
Todos os códigos abaixo tratarão de alterações do elemento DIV do html; portanto, é indispensável que se digite o seu texto dentro dessa tag.
Código Javascript para mudar Fonte
Logo abaixo, esse será o código para mudar o tipo de fonte (arial, tahoma, times new roman).
O nosso código a seguir mudará a fonte de Tahoma para Courier New.
Esses são os links que mudarão o tipo de fonte, sendo que um muda para Courier New, e o outro, para Tahoma:
Esse é o resultado do código acima:
Abelhudos da informática
Testando a fonte a ser mudada
Tahoma será mudada para courier new
Testando a fonte a ser mudada
Tahoma será mudada para courier new
Se você quiser alterar o nome da fonte do item onclick="document.getElementById('fonte').style.fontFamily='tahoma';", você poderá personalizar o tipo de fonte que será mudada em seu blog ou site.
Código Javascript para mudar a Cor da Fonte
Nesse código a seguir, veremos agora como alterar a cor do texto do seu blog.
Veja que a construção do elemento mostrado agora será o mesmo mostrado acima, tendo a diferença apenas no link que irá alterar a propriedade e no Id, que é o ponto essencial para o chamamento dessa função Javascript.