Baixe em PDF
Baixe em PDF
Saber alterar a aparência de um site temporariamente deve ser uma habilidade vital para os engraçadinhos. Mesmo assim, existem algumas aplicações práticas para isso também — como remover ou alterar uma imagem inapropriada de uma página, por exemplo. [1] X Fonte de pesquisa Não importa se é para se divertir ou para ser sério, o processo é bem simples!
Passos
-
Encontre um link para a ferramenta “Edite o Site Atual”. O jeito mais simples de encontrá-la é fazendo uma pesquisa no Google com as seguintes palavras-chave: “edit current website bookmarklet” — aparecerão muitos resultados. [2] X Fonte de pesquisa
-
Arraste o link encontrado para a barra de favoritos do navegador. Desse modo, será possível editar qualquer página, alterando e apagando textos e fotos.
-
Coloque em ação. Abra um site e clique no atalho da ferramenta. Pronto! A página já pode ser totalmente personalizada, basta clicar em qualquer imagem ou texto e começar.Publicidade
-
Encontre o texto ou a imagem que deseja alterar. Navegue até o site. Para alterar algum texto, selecione-o e clique com o botão direito sobre a seleção. Para alterar uma imagem não será necessário selecioná-la, apenas clique com o botão direito sobre ela. [3] X Fonte de pesquisa
- Para alterar uma imagem, é necessário que a nova imagem esteja online. Por isso, faça upload ou encontre uma na internet e substitua o endereço da antiga pela nova.
-
Abra a ferramenta inspecionar elemento. Ao clicar com o botão direito, um pequeno menu aparecerá. Escolha a opção “Inspecionar Elemento”. Uma nova janela surgirá dentro da janela principal do navegador.
- No Windows, também é possível abri-la pressionando a tecla F12.
-
Encontre na janela de inspeção o texto que deseja alterar. O texto que foi selecionado no corpo do site também estará selecionado aqui. O mesmo acontecerá quando selecionar uma imagem; uma grande porção de código aparecerá selecionada, com o endereço da imagem sublinhado.
-
Modifique o código. Simplesmente apague o texto e escreva o que quiser no lugar. Para alterar uma imagem, substitua o endereço dela pelo endereço da nova imagem. Mantenha o resto do código como está.
- Pressione “Control + Z” (Windows) ou “Command+Z” (Mac), para desfazer qualquer erro.
-
Finalize. Aperte “Enter” e feche a janela “Inspecionar Elemento”. O site exibirá a imagem ou o texto que você adicionou. Entretanto, a alteração só aconteceu em seu computador, portanto, ao recarregar a página, tudo voltará a ser como antes.Publicidade
-
Habilite o menu desenvolvedor. Clique no menu “Safari”, localizado na barra superior do navegador. Em seguida, vá a “Preferências” e, no menu superior desta janela, escolha a opção “Avançado”. Marque a caixa na parte de baixo da janela, que diz: “Mostrar menu desenvolvedor na barra de menus”. A partir de agora, o menu “Desenvolvedor” estará disponível entre “Favoritos” e “Janela”. [4] X Fonte de pesquisa
-
Encontre o texto ou a imagem que quer alterar. Abra o site. Para editar um texto, selecione-o e clique com o botão direito do mouse sobre a seleção. No caso de uma imagem, basta clicar com o botão direito sobre ela.
- Para alterar uma imagem, será necessário fornecer um novo endereço web para substituir o antigo. Portanto, faça upload ou encontre uma que já esteja disponível na internet.
-
Abra a janela “Inspecionar Elemento”. Um pequeno menu aparecerá ao clicar com o botão direito; escolha a opção “Inspecionar Elemento”. Uma nova janela abrirá, mostrando todo o código HTML da página.
- No menu “Desenvolvedor” do navegador também existe um caminho para a ferramenta, clique em “Conectar Inspetor Web” — este método, porém, é mais complicado. Depois encontre o texto que deseja alterar, digitando-o na janela que aparecerá após pressionar “Control + F” (Windows) ou “Command + F” (Mac).
- Também é possível fazer o mesmo usando um atalho de teclado: pressione “F12” (Windows) ou “Alt + Command + I” (Mac).
-
Modifique o código. Substitua o texto selecionado pelo que quiser escrever no lugar. Ou troque o endereço da imagem, no caso de ter selecionado uma. Em ambos os casos, deixe o resto do código como está. [5] X Fonte de pesquisa
- Aperte “Control + Z” no Windows (“Command+Z” no Mac), para desfazer qualquer erro.
-
Finalize. Pressione “Enter” e feche a janela “Inspecionar Elemento”. Agora parecerá que o site tem, mesmo, a imagem ou o texto que você colocou. Como a alteração só aconteceu no seu computador, ao recarregar a página, deve voltar tudo ao normal.Publicidade
Referências
- ↑ http://www.hongkiat.com/blog/google-chrome-extensions-designers
- ↑ http://www.labnol.org/internet/design/edit-web-pages-like-wiki/3832
- ↑ https://www.youtube.com/watch?v=M-iYQU2UvJA
- ↑ http://hints.macworld.com/article.php?story=20110328132622709
- ↑ http://apple.stackexchange.com/questions/139767/inspect-element-in-safari
Sobre este guia wikiHow
Esta página foi acessada 128 603 vezes.
Publicidade