Atualização da página:
23-08-2008
Visitantes (a partir de 28/03/04):
Antes de mais nada, é bom lembrar que quando você linka alguma figura ou som, do ponto de vista ético, é recomendável que estejam alojados num domínio de sua propriedade. Muitas pessoas desconhecem, mas quem dispõe de um domínio precisa pagar pelo volume de transferência de dados (DOWNLOAD TRAFFIC), em caso de ultrapassar um "X" (o limite estipulado, que varia de provedor para provedor). E o que se paga normalmente é bem salgado!!!
Eu tenho tido problemas com a linkagem direta de sons e imagens hospedados em meu domínio principal, e por vezes consigo identificar o "infrator" através de estatísticas. Ou mesmo não identificando o autor do "roubo" (por vezes sem "más intenções"), ao analisar os números de acessos a determinadas imagens ou sons, em sendo excessivos, sou obrigada a renomear os arquivos, "danando" assim o chamado "hot link".
Claro que não!!! A maior parte de meus gifs ou midis eu colecionei através de anos, coletando-os em sites que não impunham restrições de direitos autorais. Eu tenho domínios específicos (websites próprios) para o download de gifs ou midis, inclusive! O ato de simplesmente COPIAR para o seu computador, mesmo que você disponibilize em seu site ou blog, isto não tem nenhum problema! O que não gosto é que façam a linkagem para o www.verinha.de - isto sim onera o meu bolso!!!
Vamos imaginar um arquivo chamado figura1.gif que esteja no diretório hipotético gifs no meu domínio. Se você copiar clicando com o botão direito do mouse e escolhendo a opção "salvar imagem como", não tem problema algum! Mas se inserir a seguinte tag no seu site ou blog <img src="http://www.verinha2.de/gifs/figura1.gif"> - aí sim, o bicho pega!!! O mesmo é válido para midis. Copiar não tem problema, mas fazer link direto... daí eu fico bem brava sim!!!
Em primeiro lugar, esta é a estrutura básica de um documento HTML, que pode inclusive ser editado no bloco de notas do Windows (notepad, editor de textos), ou no EditPad, que é muito melhor!!!
Não sabia que você pode elaborar páginas HTML apenas usando o bloco de notas do Windows? Pois então fique sabendo!!!
COMO? Muito simples - apenas salvando o arquivo com a
extensão htm!!! E depois vá inserindo as tags HTML como descritas aqui
e em outras fontes de consulta!!! Eu prefiro mil vezes o EDITPAD (link abaixo) que tem versão grátis ou
demo, que te permite abrir vários arquivos ao mesmo tempo, tem 16 áreas de
transferência, e muito, muito mais!!! Gostei tanto que até comprei a versão
paga!!!
CENTRALIZANDO (texto, imagens, qualquer coisa)
ABAIXO CRIANDO UMA LINHA SIMPLES
Como fica a linha:
COLOCANDO NEGRITO
Resultado: Verinha
COLOCANDO EM ITÁLICO
Resultado: Verinha
TEXTO TACHADO (texto riscado)
Resultado: Verinha
TEXTO SUBLINHADO
Resultado: Verinha
ALTERANDO CORES E TAMANHO DA FONTE (bem por cima)
Fonte vermelha, tamanho 4
Resultado:
UM DIA, UM GATO
MAIS
SOBRE FONTES: APLICANDO TIPOS, TAMANHOS E CORES
EXEMPLOS DE TIPOS DE FONTES: Alguns tipos de fontes mais usados (novamente usei a palavra Verinha como exemplo). Aqui vocês vêem os resultados e as tags html utilizadas para produzi-los:
Aparência: Verinha (Arial)
Tag HTML: <font face="Arial">Seu
texto</font>
Verinha (Comic Sans MS)
Tag HTML: <font face="Comic Sans
MS">Seu texto</font>
Verinha (Times New Roman)
<font face="Times New
Roman">Seu texto</font>
Verinha (Verdana)
<font face="Verdana">Seu texto</font>
Combinando tipo de fonte (Verdana), tamanho (4) e negrito (neste caso eu centralizei, o que é outra tag descrita nesta página):
Verinha Verdana 4, negrito
MARCA-TEXTO
Tanto o word como o frontpage possuem um recurso que se assemelha ao produzido por canetas marca-texto. O nome dado pelo frontpage para este comando é "realçar cor". Como fazê-lo? Simples, veja abaixo (o código da cor de realce você escolhe; veja a nossa "tabela de cores"):
Comando "realçar cor": <span style="background-color: #FFFF00">MARCA-TEXTO</span>
Resultado: MARCA-TEXTO
SUPER TABELA DE CORES HEXADECIMAIS - COLOR
PICKER
Pessoal, o que custei para achar esta ferramenta não está no gibi!!! Através dela você poderá escolher as cores para o seu texto ou plano de fundo (background) de uma maneira super prática!!! Existem várias tabelas de cores na Internet, mas somente esta eu pude encontrar disponível para cópia (desde que citados os créditos autorais). O link será aberto em nova janela, a fim de não interromper a música (os scripts são incompatíveis).
CLIQUE
AQUI PARA ACESSAR A TABELA DE CORES HEXADECIMAIS (COLOR PICKER)
Código de som em que os botões do player não aparecem (portanto, não é possível desligar a música)
CÓDIGO DE SOM QUE INICIA AUTOMATICAMENTE (código do PLAYER VISÍVEL)
(definido por autostart="true")
CÓDIGO DE SOM QUE NÃO INICIA AUTOMATICAMENTE (código do PLAYER VISÍVEL)
(definido por autostart="false")
Este código de MIDIS é bom para colocar nos Blogs que inserem um MIDI para cada POST, pois não inicia automaticamente. Assim o visitante seleciona o MIDI referente ao POST que está lendo!!! (este aprendi com o amigo Paulo Patriota)
FIGURA (GIF) COM DESCRIÇÃO AO PASSAR O MOUSE (comando "alt", que não funciona no Netscape). Em outras palavras: inserindo uma imagem que se encontra num certo domínio com o comando alt.
Abaixo uma tag referente a uma imagem que linka para outra imagem, abrindo em nova janela. Chamo "figura de destino" aquela que será aberta em nova janela e "de origem" a imagem que servirá como link para a outra
Exemplo:
Link de uma figura (miniatura) linkando para outra imagem em nova janela (com o comando "alt" - descrição).
Link que abre na mesma janela (tipo texto)
Link que abre em nova janela (tipo texto)
Abaixo uma tag "super", vem com o frontpage 2002 e poucos conhecem!!! Link texto com explicações ao passar o mouse (semelhante ao comando "alt" usado para figuras - mas este funciona inclusive no Netscape!!!)
Explicando... Link texto com descrição.
Insira title="Digite o título aqui" entre <a e href...
Fica assim: <a title="Digite o título aqui" href...
Resultado - passe o mouse sobre o link (mas não clique, pois vai sair da página...)!!! (as cores de fonte, negrito, etc, isto você faz como achar melhor):
RECAPITULANDO E ACRESCENTANDO (DEPOIS COLOCO ORDEM
"NO
PEDAÇO"!!!)
Até agora vimos link do tipo texto para mesma janela, link tipo texto para nova janela, link tipo texto com descrição, figura que linka para outra figura, e estava faltando um outro tipo: uma figura que linka para uma URL, que pode ser na mesma ou em nova janela (em outras palavras: código de como inserir um link numa imagem).
Linkando uma figura para uma URL (ou como inserir um link numa imagem)
Vamos supor que você queira adicionar um link num banner (figura).Pois bem. Para linkar um banner para o site de meu amigo Cesar (Estação Metrópole), uso as tags a seguir. Não se esqueçam que um banner é uma imagem:
No exemplo, o link estará abrindo para uma nova janela. Para fazer abrir em mesma janela, vide o explicado com relação ao link texto (retire o atributo target="_blank")
Resultado abaixo:
Script da chuva de bandeiras da home do www.verinha.de (aqui com um floquinho de neve -copie a imagem ou outra e não se esqueça de enviar ao servidor caso contrário vão chover aqueles "Xizinhos" de figura não encontrada...). Desde que não alterada a referência aos créditos autorais, este código é livre. SELECIONE TODO O TEXTO, ARRASTANDO O MOUSE - o código é maior que a janela.
E copie a imagem do floco de neve (a bolinha branca dentro do quadrado preto), se quiser (ou mude o nome do script e coloque uma imagem sua - precisa ser bem leve):
|
QUER UM CÓDIGO DE MIDIS ALEATÓRIOS, QUE MUDAM A CADA VEZ QUE O VISITANTE ACESSA SUA PÁGINA??? Não mude o código no que tange aos créditos autorais, mas não esqueça de adaptar aos seus próprios midis!!! Este código foi feito para 10 MIDIS, mas você pode mudar o número. Leia as observações no script!!!
SELECIONANDO O MIDI DE UMA LISTA
Este código dá ao visitante a liberdade de escolher a música que deseja ouvir. Evidentemente, como nos outros códigos, você deverá substituir www.seudominio.com pelo domínio onde está hospedado o midi (leia minha matéria sobre hotlink). Neste caso existem 9 midis selecionados, mas não existe necessidade de especificar o número. Coloque na primeira linha o midi que deseja que apareça como padrão.
Exemplo:
Atenção: se você clicar nas opções não vai funcionar, pois é uma mera ficção, eu não vou dar o OURO TODO pra vocês, né??? ahahahahah
Comentário: a eficácia deste script que supostamente ofereceria uma proteção contra cópias é duvidosa, pois os craques sabem como "burlar" este bloqueio. Mas para a maioria dos usuários funciona.
CÓDIGO PARA DESABILITAR OS 2 (DOIS) BOTÕES DO MOUSE (RATO)
O seguinte código permite desativar o botão direito e o esquerdo do mouse e não retorna mensagem de "copyright". Simplesmente não será possível ao visitante copiar imagens ou selecionar textos com o mouse. Precisa ser inserido como atributo da tag "body" de sua página, podendo também ser acrescidos outros, como fundo, etc. Atenção: tome cuidado neste ponto!!!
Exemplo de inserção de uma cor de plano de fundo dentro do código (neste caso, uma nuance do lilás - vide tabela de cores acima): <body bgcolor="#FFCCFF" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
Abaixo o código puro, sem referência ao plano de fundo (background) da página.
CÓDIGO DE CONTAGEM REGRESSIVA QUE ESTÁ NO SITE (COUNTDOWN)
Este código foi elaborado com base num evento esperado "nossa viagem ao Brasil". O resultado que aparecerá na tela será:
Faltam (número de dias) para nossa partida para o Brasil!
Note: na véspera e no dia do evento a mensagem mudará, tipo "amanhã é nossa viagem ao Brasil", ou "hoje é nossa viagem ao Brasil". E passado o evento, o código continua na página, mas não pode ser mais visualizado (se você foi viajar, quem vai alterar pra você?... risos...)
IMPORTANTE
(senão o código não vai funcionar): na variável mês subtraia 1 do valor do mês da data
esperada. Se o seu evento esperado for em
agosto (mês 8), coloque como mês 8 - 1 = 7. Desta forma, uma parte do código ficará assim:
var FutureMonth = 7 (não me perguntem porque, não sou a autora do
script!!!)
O "dia" é o dia exato do evento, e não esqueça de colocar o ano (com 4 dígitos)! O código é na língua inglesa, mas eu adaptei os textos para o português, e você também poderá modificar a seu gosto - desde que mantenha as credenciais. Não custa nada, e afinal, aquele que elaborou este código e disponibilizou para domínio público merece ser citado.
Código
para adicionar a favoritos
Então vamos ao código para que o visitante possa adicionar
sua página, site ou blog aos seus favoritos! Usei como exemplo um de meus
blogs, mas é só você substituir cuidadosamente a URL e o texto, adaptando-os
ao seu site ou blog!!!
Atenção: não funciona no
NETSCAPE (não existe nenhum outro código do gênero que rode
nele).
E AGUARDEM QUE VOU COLOCAR AINDA MAIS
NOVIDADES NO PEDAÇO, QUE POR SINAL PODERÁ VIR A
CRESCER BASTANTE!!! SE GOSTOU DESTAS DICAS, adicione esta página aos seus favoritos!
Deu pau em algum código? Mande-me e-mail imediatamente!
Precisa de algum novo código? Neste caso e tenha paciência comigo se demorar a
responder (pode ser que eu nem responda, não fique bravo (a)...
risos...). Em todo o caso aguarde, que vou publicando os códigos na medida
de minhas possibilidades!!!
