Postagens | Dicas blog, Imagem, Pc Windows

Visitante mudando a cor página

Disponibilizar ao usuário(visitante) uma forma de mudar a cor da pagina, para que ele possa ler com mais facilidade...

Desatualizado
Pense três vezes antes de utilizar esse código e provavelmente você não verá muitos benefícios.


O código eu colocarei nesse textarea e já o deixei com uma tabela, o local onde você ira colocar dependera...entre as <body> </body>(sem dois pontos)
no caso desse blog eu tive que retirar a imagem de fundo e também na sessão que deveria ser tipo style css, que nesse blog não sei por que é diferente tive que retirar a background.

ANTES

<head>

<style type="text/css">
body {background: #e0e0e0; padding: 4;
margin: 4;
font-size: small;
color: #131414;
text-align: center;}
</style>

</head>

DEPOIS

<head>

<style type="text/css">
body {padding: 4;
margin: 4;
font-size: small;
color: #131414;
text-align: center;}
SEM BACKGROUND.
</style>
</head>

Tive que retirar TAMBÉM ISSO ABAIXO que estavam no código fone(HTML)
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
Entenda o que eu fiz em relação ao código acima e não tive problemas até agora 26/06/08.

Estou substituindo table por div, para ver um exemplo de como era esse blog quando havia a possibilidade de mudar a cor veja na cópia de pagina antiga

Quanto ao código que muda a cor

Fiz algumas mudanças para adequá-lo ao que eu queria, ele era um link simples mas quis usar onmouseover='document.bgColor para que não seja nescessario clicar sobre ele,(atualizado 26/06/2008; pode assustar o visitante se ele não entender que muda a cor quando passa o mouse e ele não gostar da cor, sugiro a href ou onclic) basta passar o mouse e usei uma td para dar a cor de fundo da cor que ficara a tela.

Vai o código, é só selecionar=CTRL+A copiar=CTRL+C, colar=CTRL+V e testar \;-)

Esse código acima eu retirei do html do blog, que foi onde eu o coloquei, já que quando adicionando elementos em editar layout não deu certo.(Atualizado 31/05/2008)
Quem quiser testar bem acima nessa página é só passar o rato na tabelinha de cores.

Um comentário:

  1. Muito Legal esse post!
    Primeira vez que frequanto este site e já achei algo que é de meu interece.
    Parabéns ao criador do post.

    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!

Postagens Populares