Pesquisar este blog

Menu colorido

Clique e salve aos seu favoritos, para você continuar depois.Gostou do que está vendo? Então adicione
aos favoritos, para você voltar depois!

Geradores de cartões

Como inserir imagens ao cursor do mouse

Existe um método para trocar o porteiro do mouse, que você entra na internet e baixa um pacote de imagens para a pasta cursores do Windows e aí é só escolher, mas este método só funciona apanas para você no seu computador. Aqui eu vou te ensinar a colocar qualquer imagem para funcionar no seu site, blogs, comunidades e cartões em redes sociais. Não são todas as redes que suportam este recurso, mas 90% delas suportam e os principais navegadores também suportam. Bom, para começar você tem que  redimensionar a imagem ao um tamanho no máximo 50 x 50. Então aqui um editor mais simples par acesso e que todo mundo tem em seus computadores o pant mo Windows ou o semelhante no Linux ou Mac. 

Abaixo o exemplo.

1- Abra a imagem com o paint, clique em redimensionar, marque pixels, desmarque manter a proporção e digite 50 para horizontal e 50 para vertical e salve.



2- Depois hospeda eta imagem em, qualquer seite hospedeiro de imagens da internet.



3- Agora você precisa de código de imagens ou de textos para o cursor de imagens aparecer.

Digite ou copie os códigos os comptos  abaixo: Imagem: <img src="endereço da imagem" style="width:largurapx;height: alturapx;">

 definindo as dimensões para usar o cursor: <img src="  style="width:400px;height:350px;">

Fundo <p style="background-color: cor do fundo; width: largura; height: altura;">definindo as dimensões para usar o cursor: <p style="background-color: black. width: 460px; height:500px;"></p>

Texto<span style="font-size:tamanho da fonte; color:cor da fonte;">definindo as dimensões para usar o cursor: <span style="font-size:30x; color:red;">Escreva o texto</span>


4- Para usar a imagem no cursor você precisa acrescentar este código cursor:url( ),default;};

Na imagem <img src="endereço da imagem" style="width:largurapx;height: alturapx;"cursor:url( imagem do cursor),default;};">

5-Código imagem com cursor:

<img src="endereço da imagem" style="width:largurapx;height: alturapx;">

 definindo as dimensões para usar o cursor: <img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1tVSVCIx8fH5lHa9KpqzL-q_SM0kuPZxdMckEnJJE5D4ltRpyWUk_AtgABXQhB9qYOaMBBwyv3MbOurL2mNvU4eRAGXBGrB-jn5GPTxyjNv3H53tiUuw031kNz3QwyHdAAziOw8ag4tA2nBIZP_kiSYmnz3oMmOiEfyitBEmu9vMDf97npa4RmPH8/s320/imagem-ponteiro-do-mouse.jpg"style="width:400px;height:350px;cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};">


6 -Fundo com cursor <p style="background-color: cor do fundo; width: largura; height: altura;">definindo as dimensões para usar o cursor: <p style="background-color: black. width: 460px; height:500px; cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};"></p>



7- Texto com cursor  <span style="font-size:30x; color:red; cursor:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixSiiXPrK7CO3zjxr40V6cQIZMqjd5eVd06ekk7RgcVxXv5GrRCOJB0SXasADrPzcmkZEovzNbW_LYmnOXU6CAgHs8zry2VMwhhHMmybtnj8yYL9CeEbiYL-3-gU26EvFqvWxH-SD_9T6We8Ub0QH28OAFucbSqXx02wH1Hze3A2q48k6wuQO9wXz5/w22-h19/logo-orkut.png ),default;};">Escreva o texto</span>


Nenhum comentário:

Postar um comentário