Postagens | Dicas blog, Imagem, Pc Windows

Usuário aumenta a fonte

Usuário aumenta a fonte de acordo com sua necessidade usando Script

Hoje irei postar o script responsável por isso:
Vou primeiro mostrar os tamanhos de fonte que usei,('15px','19px','23px','27px') que possivelmente não funcionou correctamente com o código do blog; mas funciona o suficiente para um exemplo, os tamanhos são em pixeis, o blog (nesse estilo) usa algo font-size: 0.9em ou font-size: 90% que não entendi muito bem।

Isso é importante ("ID DA DIV QUE CONTEM O TESTO")Exemplo de DIV: <div class='floater' id='floater'> o testo a ser aumentado deve estar dentro de uma DIV com ID e a ID=(nome da DIV) deve estar especificada no SCRIPT. É a única parte do script que deixei em maiúscula.
(Eu também consegui fazer com table; porém só deu certo usando ID na td e não na table)

Deve também ser criado os links para aumentar e diminuir a fonte. Que podem ser imagens ou texto, vou passar os dois links, para escolher. Problema com o uso de imagens postadas no Blogspot?


link com imagem


link texto



SCRIPT


<script><!--

var fs = new Array('15px','19px','23px','27px');

var contador = 0;
function novoTamanho(x){
if(x == 0){
if(contador < fs.length - 1){
contador++;
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.fontSize = fs[contador];
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.lineHeight = fs[contador];

}
}
if(x == 1){
if(contador > 0){
contador--;
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.fontSize = fs[contador];
document.getElementById("ID DA DIV QUE CONTEM O TESTO").style.lineHeight = fs[contador];

}
}
}


//-->
</script>

Um comentário:

  1. Gosto muito de usar o Javascript! Já consegui criar um editor html online no meu blog!

    Parabéns, Foi testado!

    ResponderExcluir

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!

Google

Postagens Populares