c_man - Pesca ******************************************************************************************* ******************************************************************************************* www.c-man.page.tl - Banner
***____________________________________________***


 

Google Analytics
____________________________________________
Página actualizada: 
____________________________________________





  HTML manual /
http://www.criarsites.com/tag/flash/
http://seo-portugal.com/ferramentas-seo/
tenho ver melhor: http://www.mundopt.com/dir/add.php?cat=85
Um Dicionário de meta tags HTML -- (original En)
Online META-Tags generator / Builders-tool: ( 01, 02, +03, 04, +05, +06, 07, )
Revisit META Tag (en) - Revisitar META Tag (pt)
 Adding meta tags to blogger / blogspot website-SEO (en)




---
a pesquisar:
ETAG??
validator.w3 (pt) - validator.w3 (en)
http://www.widgeo.net/
http://www.feedthebot.com/webmasters.html
http://www.feedthebot.com/robottxt.html
http://www.feedthebot.com/tools/spider/index.php
http://www.google.com/support/webmasters/bin/answer.py?hl=br&answer=156449


`·.¸¸.·´´¯`··._´´¯`··._.·´´¯`··._.·´´¯`··._.·´´¯`··._.·´´¯`··._.·´´¯`··._.·´´¯`··._.·

DICAS




★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

Sites Geradores online de textos em 3D

online e FREE
________________


-->Site<--

________________




-->Site<--

________________


-->Site<--
________________



★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

Como criar uma DIV dobrável com Javascript e CSS

 

Inserir este texto (função) em algum lugar no seu documento / pagina
sobre a tag do corpo, ou na tag HEAD do HTML...

--- BASTA O POR UMA UNICA VEZ POR PAGINA ---
<script language="javascript">
  function toggleDiv(divid){
    if(document.getElementById(divid).style.display == 'none'){
      document.getElementById(divid).style.display = 'block';
    }else{
      document.getElementById(divid).style.display = 'none';
    }}</script>
***
***
Codigo para esconder (dobrável) TEXTO 01
<a href="javascript:;" onmousedown="toggleDiv('esconde01');
">(clica aqui para ver)</a><br />
<div id="esconde01" style="display:none;">
<hr />ooooooooTEXTEoooooooo<hr />
</div>

Codigo para esconder (dobrável) TEXTO 02
<a href="javascript:;" onmousedown="toggleDiv('esconde02');
">(clica aqui para ver 02)</a><br />
<div id="esconde02" style="display: none;">
<hr />ooooooooTEXTE02oooooooo<hr />
</div>

Info:
*Titulo da accao (ou botao): escondeXX
*Titulo da accao (ou botao): texto do botao ou da frase para accao
*Texto a exibir: ooooooooTEXTEoooooooo
*Desenhar automaticamente uma linha de separacao: <HR />
*Se quiser por a negrito, por exemplo. Usar: <b>oooTEXTEooo</b>


sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
Exemplos:
(clica aqui para ver Texto 01)

(clica aqui para ver Texto 02)



★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

Iframe – O que é?

Leia mais: Ver Original
by Celso Lemes on 27/02/2008
***
Site Alternativo (en): AQUI
Experimente "MUITO BOM" (en): AQUI
*****

Resumo:

* Se quiser colocar uma página de outro site,
basta colar o endereço do site em:
"html_Endereço.asp"
Atenção: DIREITOS de autor


* Se um site vos fornece o endereço,
para o qual autoriza a publicação consoante os DIREITOS de autor,
basta colar o endereço do site em:
"html_Endereço.asp"


Exemplo:
<iframe src ="html_Endereço.asp" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>


--> Exemplo no meu site <--
o site "https://www.windguru.cz",
que fornece informações sobre ventos, altura e velocidade das ondas do mar... etc...
depois de me registar foi-me fornecido este ENDEREÇO:
IFRAME URL: http://www.windguru.cz/int/distr_iframe.php?u=368030&s=235113&c=4d316427d7&lng=pt


DEPOIS de colado no código acima dá:
Exemplo no meu site:
<iframe src ="http://www.windguru.cz/int/distr_iframe.php?u=368030&s=235113&c=4d316427d7&lng=pt" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>



★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

HTML avançado: Âncoras

< li alguns artigos e este pareceu-me simples e facil de usar e facil de perceber >
( Site original )
http://www.htmlstaff.org/ver.php?id=1297

Autor/fonte: Orbita Starmedia

Âncoras são links estabelecidos para certas partes de uma mesma página ou de outra página qualquer, por exemplo, se você quer que um link vá direto para um texto que está no meio de uma página sem o visitante ter que descer a página. Por exemplo, clicando aqui você salta automaticamente para o fim da página.

Para o funcionamento de uma âncora deve-se estabelecer dois comandos:

. Um que defina o lugar da página para onde se pretende "saltar";
. Outro que identifique esse ponto de destino.

Links com âncoras para uma mesma página

Você pode fazer com que links saltem para determinados pontos de uma mesma página, facilitando a navegação. Veja como. Primeiro vamos definir o ponto de destino. Você deve incluir a seguinte tag exatamente no local onde quer que o link vá:
<A NAME="Coloque o nome da ancora aqui"></a>

Obs.: NAME é um parâmetro que define um ponto de destino.

Agora você pode usar a tag de link "comum" para fazer o link saltar para o ponto onde você definiu:

<a href="#nome da ancora">Texto</a>


Repare que há um símbolo "#" antes do nome da âncora. É ele que vai fazer o navegador entender que deve ir para a âncora que você definiu.

Links com âncoras para uma outra página

Agora digamos que você queira que o link vá para uma outra página e direto para um texto no final dela. Primeiro você deve incluir, na página de destino, a tag da âncora no ponto onde ela vai aparecer ela depois de clicar no link, e salvar a página. Em seguida, na página que terá o link, você deve construir a tag assim:


<a href="nome-do-lugar-a-ser-levado#nome da ancora">Texto</a>


Em "nome-do-lugar-a-ser-levado" você coloca o URL ou a página html que vai ser mostrada e, depois do destino, o "#nome da ancora". Este nome de âncora deve ser o mesmo nome de âncora que você definiu na página de destino.

Você pode incluir quantas âncoras quiser em sua página, mas lembre-se de que cada uma deve ter um nome diferente.

________________________
outro site: PF.Âncora



★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

SITES INTERENSANTES

Free Webmaster Resources


★♡★♡★♡ DICAS ♡★♡★♡★
___________________Para Web site ou Blogs ___________________

No caso de você ter um lote de links no BlogRoll do seu blog, ou se você quiser mostrar todos os seus livros favoritos listam, mas têm espaço limitado na barra lateral deste widget será uma grande ajuda para você!

Você pode colocar quantos links / listados itens que desejar neste widget, eles irão rolagem automaticamente salvo a passa de visitantes o cursor do mouse sobre o widget e enquanto o cursor é colocado sobre sobre o widget, a rolagem vai ser pausada, ele só será retomado depois removendo o cursor do mouse para o widget.


Ele será exibido como este:

BlogRoll BlogRoll

LINE OR IMAGE 1 LINHA OU IMAGEM 1
LINE OR IMAGE 2 LINHA OU IMAGEM 2
LINE OR IMAGE 3 LINHA OU FOTO 3
LINE OR IMAGE 4 LINHA OU IMAGEM 4
LINE OR IMAGE 5 LINHA OU IMAGEM 5
ETC. ETC.


Aqui está o procedimento simples de adicionar o widget no seu blog:
Efetue login no Blogger
Vá para a seção de layout e clique em "Adicionar um gadget", selecione como "HTML/JavaScript"

Agora, este é o formato para inserir o conteúdo para o widget:

CODE
<div class="textwidget"><marquee direction="up" width="105" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="200" align="left">
LINE OR IMAGE 1
LINE OR IMAGE 2
LINE OR IMAGE 3
LINE OR IMAGE 4
LINE OR IMAGE 5
ETC.
</marquee></div>


Nota: Você pode ajustar ou modificar o conteúdo colorido, a fim de se adequar a sua escolha ou blog.

E você pode colocar algumas imagens ligadas/sem links também:

Featured Posts Posts em Destaque


Ou você ainda pode usar uma versão mais simples deste código:

CODE
<marquee behavior="scroll"direction="left"><img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" /> <img src="http://path_to_your_image.jpg/" alt="Title of image" height="Height of image" width="Width of image" />
</marquee>

E ele será exibido como esta:
Next Gen Computadores Next Gen Computers 500GB em um disco Discos de 500 GB Amazing Flash Drives Flash Drives History of Mobile Phones Telemóveis