Códigos prontos:
Em todos os códigos modifique o que está em azul,modifique se quiser o q está em laranja e RETIRE o q estiver em vinho.
1.Código de Imagem no cursor:
(cole
entre <head> e </head>. Obs.:Seu cursor já
deve estar hospedado na net)
<!-- começo do o cursor -->
<style><!--
body{
cursor: url(AKI O ENDEREÇO DA SUA IMAGEM COM EXTENSÃO .ANI);
}
-->
</style>
<!-- fim do cursor -->
2.Código de imagem de
fundo descendo:
(Este efeito é melhor
quando a imagem escolhida é bem clarinha como uma marca d'água.)
(Coloque
o primeiro código em <body> pois como pode ver ele é parte integrante.)Obs.:
Body só é necessário se não houver ainda, caso haja, não é necessário body
apenas incorpore o restante ao já existente.
1. código:
<BODY background="AKI ENDEREÇO DA SUA IMAGEM">
(Coloque o segundo código depois <body> pois
ele é complemento do primeiro.)
2.código:
<!-- Código imagem de fundo descendo -->
<script language=JavaScript>
<!--
var background = 0;
var bgObject = eval('document.body');
function scrollBG(maxSize) {
background = background + 1;
<< O numero aki nessa parte é a
velocidade com q a img desce.
if (background > maxSize) background = 0;
bgObject.style.backgroundPosition = "0 " + background;
}
var ScrollTimer = window.setInterval("scrollBG(307)", 64);
// -->
</script>
<!-- Fim do código imagem de fundo
descendo -->
3.Barra
de rolagem do lado contrário:
(Coloque
o primeiro código em <body> pois como pode ver ele é parte integrante.)Obs.:
Body só é necessário se não houver ainda, caso haja, não é necessário <body>
apenas incorpore o restante ao já existente.
1. código:
<Body style="direction: rtl">
(Coloque o segundo código depois <body> pois
ele é complemento do primeiro.)
2.código
<!-- continuação do código barra de rolagem ao contrário(* em body style "direction:rtl")
-->
<div style="height:1024">
</div>
<!-- fim do código barra de rolagem ao contrário -->
4.Para colorir o
background:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)
<!-- Aki começa o código para tirar img de fundo(background) versão
para pág sem frame-->
<a href="javascript:if(frames.length<1)<<
O numero aki quando um não serve para página com frame.
{document.body.background='';void(document.bgColor=prompt('Qual
cor deseja de background?',''))}else{alert('Essa pagina contém frames
pegue a versão pra frames no pinkandpink.zip.net')}"
class="botao">Colorindo
pagina</a>
<!-- Fim do código para tirar img de fundo(background) -->
Se vc quiser colocar em uma página com frames utilize outro numero como o 3 por ex. ☺
5.Para voltar a página
para cor inicial(no código a cor é branca):
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)P.s.: caso não queira q ele
deixe a página branca... sugiro q troque a cor de background q está em verde.
Teste! Divirta-se!
<!-- Aki começa o código para tornar pag cor inicial novamente -->
<a href="
javascript:void(document.bgColor='#FFFFFF')" class="botao">Click
aqui para ter
a pagina em branco</a>
<!-- Fim do código para tornar
texto pag cor inicial novamente -->
6.Para tirar imagem do
background:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)P.s.: Note q a imagem de fundo
desaparecerá porque o código não tem imagem entre as aspas onde está escrito
background.
<!-- Aki começa o código para tirar img de fundo(background)
-->
<a href="
javascript:void(document.body.background='')"
<< Note q ele tira background pq não tem nenhum entre as aspas ='?'
class="botao">Tirando fundo
</a>
<!-- Fim do código para tirar img de fundo(background) -->
7.Para
colocar imagem de fundo:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)P.s.: Note q a imagem de fundo
aparecerá porque o código tem imagem entre as aspas onde está escrito
background.
<!-- Aki começa o código para colocar img de fundo (background) -->
<a href="
javascript:void(document.body.background='AKI ENDEREÇO DA
IMAGEM')" class="botao">Minha imagem </a>
<!--
Fim do código para colocar img de fundo(background) -->
O código acima é clicável por palavra.Se desejar q a pessoa q te visita escolha entra alguns background q vc colocar disponivel... é melhor q ele seja clicável por imagem como o código abaixo.
<!-- Aki começa o código para tornar texto preto novamente -->
<a href="
javascript:void(document.body.background='AKI ENDEREÇO DA
IMAGEM')" class="botao"><img border="0" src="ENDEREÇO
DA IMAGEM"></a>
<!-- Fim do código para tornar
texto preto novamente -->
8.colorindo
o texto da página:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)
<!-- Aki começa o código para colorir texto existente na página -->
<a href="
javascript:if(frames.length<1){void(document.fgColor=prompt('Qual
cor deseja no texto?',''))}else{alert('Essa pagina contém frames')}"
class="botao">Colorindo
Texto</a>
<!-- Fim do código para colorir texto existente na
página -->
9.tornando
o texto novamente preto:
(cole depois de <body> onde deseja que ele apareça na
página. modifique o que está em azul se desejar)P.s.: caso não queira q ele
deixe o texto preto... sugiro q troque a cor q está em verde.
Teste! Divirta-se! (eu q fiz este hehehe)
<!-- Aki começa o código para tornar texto preto novamente
-->
<a href="javascript:if(frames.length<1){void(document.fgColor='#000000')}"
class="botao">Click aqui para colorir texto com preto</a>
<!--
Fim do código para tornar texto preto novamente -->
10. Zoom na imagem ao passar mouse por cima:
(cole o primeiro código em head e o segundo em body onde vai colocar a imagem.)
1º Código
<!-- Aki começa o código para colocar zoom na imagem (com continuação em body)
-->
<script language="javascript">
<!--
function aumenta(obj){ Nessas
duas linhas abaixo o número indica o quanto sua imagem vai aumentar nosso zoom é
de 2x o tamanho da imagem. Sendo q o numero nas duas linhas serão o mesmo q
corresponde a altura e largura.
obj.height=obj.height*2;
obj.width=obj.width*2;
}
function diminui(obj){ Nessas duas
linhas abaixo o número indica o quanto sua imagem vai diminuir após tirar o
mouse de cima dela. Portanto, para haver coerência na sua página, coloque o
mesmo numero tanto no aumento quanto na diminuição.
obj.height=obj.height/2;
obj.width =obj.width/2; }
/ /--> </script>
<title>Zoom na imagem</title>
<!-- Fim do código para colocar zoom na imagem -->
2º Código
<!-- Aki começa continuação do código imagem com ZOOM
-->
<center>
<p><img src="IMAGEM AKI" width='258'<<
Largura... igual a da sua imagem height='45'<<
Altura... Igual sua imagem alt= "pinkandpink.zip.net"
onMouseOver= "aumenta(this)" onMouseOut= "diminui(this)">
</center>
<!-- Fim da continuação código imagem com ZOOM -->