Bits, Bytes, You & Art > > > your space in the Web!!!  www.verinha.de

 

 

Atualização da página: 17-06-2010

Visitantes (a partir de 28/03/04):

 

ALGUMAS TAGS HTML MAIS USADAS EM POSTS E COMMENTS!!!

 

A gente se preocupa muito com ética quando pensa do próprio  bolso... risos...

PRIMEIRO UMA ADVERTÊNCIA PARA OS INCAUTOS: ÉTICA E LINKAGEM PARA DOMÍNIO ALHEIO - HOT LINK, O HORROR DE QUEM TEM QUE PAGAR PELA FESTA...

Primeiro o sermão, depois os doces... hahahahahahahahahahahahahahah

 

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".

 

VERINHA, SE EU COPIO UM GIF OU MIDI SEU EU TE PREJUDICO?

 

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!!! 

 



E AGORA VAMOS ÀS TAGS HTML!!! DEPOIS COLOCAREI MAIS, ESTOU MAIS É FAZENDO UM SIMPLES EXPERIMENTO!

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!!!

 

Experimente o EDITPAD, em sua versão freeware ou demo - é  DEMAIS para quem  usava o notepad... Fantástico!!!

 

ESTRUTURA BÁSICA DAS TAGS DE UM DOCUMENTO HTML

 

 


TAGS HTML SUPER BÁSICAS

CENTRALIZANDO (texto, imagens, qualquer coisa)

 

ABAIXO CRIANDO UMA LINHA SIMPLES

Como fica a linha:


ALGUMAS TAGS HTML PARA FONTES

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)


INSERINDO MIDIS NO SEU BLOG OU SITE

 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)

 

 


INSERINDO IMAGENS: GIFS OU FOTOS

 

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).

 

Verinha no BMW

 

LINKS TIPO TEXTO: MESMA JANELA, NOVA JANELA

 

Link que abre na mesma janela (tipo texto)

 

Link que abre em nova janela (tipo texto)

 

  

LINK TEXTO COM DESCRIÇÃO (INCORPORADO AO FRONTPAGE 2002)

 

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): 

Voltar ao Blogg.de

 

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:

Estação Metrópole - conheçam mais sobre São Paulo, esta fantástica megalópole!!!

 


 

CÓDIGOS JAVASCRIPTS PARA INCREMENTAR MAIS O SEU WEBSITE OU BLOG!!!

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): 

Clique com o botão direito do mouse e escolha "salvar imagem como" se quiser que sua  chuva seja de neve!!!

 

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

Escolha na lista abaixo a música que prefere ouvir e depois clique em TOCAR :

 

 

JAVASCRIP DE COPYRIGHT © (direitos autorais)

Como desabilitar o botão direito do mouse (rato)

 

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!!!


Free counter and web stats

Para voltar para WINDOWS TIPS, clique aqui!!!

 

 

Aproveite e conheça o meu Blogg.de - garanto que não vai se arrepender!!!

 

Bits, Bytes, You & Art > > > your space in the Web!!!  www.verinha.de