códicos html

códicos html

Letras Rolantes

01 TUTORIAL
Copie o código:


ESCREVA SEU TEXTO AQUI


  
Picture
 

Frases Vai e Vem

01 TUTORIAL

 



Copie o Código:

ESCREVA SUA FRASE AQUI

 

 



OBS: Frases vai e vem não funcionam no Google chromme.
 

 

Letras que descem 

01 TUTORIAL - o seu site de tutoriais -- 01-tutorial.weebly.com =D
Copie o Código abaixo:

Picture
 

Letras que sobem e descem

01 TUTORIAL O seu site de tutoriais -- 01-tutorial.weebly.com = D
Copie o Código abaixo:
SEU TEXTO AQUI
OBS: Não funciona no Google Chromme.
 

 

Contador de visitantes

contador gratuito de visitas
Para ver mais modelos clique AQUI
Picture
 

Letras que piscam

01 TUTORIAL
Copie o Código:
SEU TEXTO AQUI
 

 

Movimento em "V" para direita

01 TUTORIAL
Copie o Código abaixo:
SEU TEXTO AQUI
  
OBS: Não funciona no google chromme.
Picture
 

Movimento em "V" vai e vem

01 TUTORIAL
Copie o Código abaixo:
SEU TEXTO AQUI
OBS: Não funciona no google chromme.
 

 

Texto em movimento em caixa

01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.com
Copie o Código abaixo:
SEU TEXTO AQUI
Picture
 

Movimento em caixa com fundo

01 TUTORIAL. O seu site de turoriais --- 01-tutorial.weebly.com e 01tutorial.webnode.com
Copie o Código abaixo:
SEU TEXTO AQUI
 

 

Letras com sombra


01 TUTORIAL

Copie o Código abaixo:

SEU TEXTO AQUI

OBS: Não funciona com Internet Explorer
Picture
 

Efeito Flocos de neve

Copie o Código abaixo:
 
OBS: O efeito flocos de neve deve ser implantado como widget nas opções avançadas , da mesma forma que se implanta o código do Favicon.
 

 

Caixa de mensagens gravadas

Picture
 
Copie o Código abaixo:
Picture
 

Estrelinhas caindo do mouse

Copie o Código abaixo:
OBS: Este código deve ser inserido da mesma forma que o efeito flocos de neve.
 

 

Velocímetro de internet

Copie o Código abaixo:
Picture
 

Passarinho do Twitter

Copie o Código abaixo:





 
 

 

Efeito bolhas saindo do mouse

Copie o Código abaixo:
OBS: Este código deve ser implantado da mesma forma do efeito flocos de neve.
Picture
 

Efeito flocos de neve 2 (personalizável)

Copie o Código abaixo:


  

ATENÇÃO: O efeito Flocos de neve personalizável é de autoria do Blog Dicas Para Blog. O 01 Tutorial está apenas divulgando o efeito.

Para acessar o site Dicas para Blog Clique AQUI.


 

 
 

 

Pesquisar no google

 
Copie o código abaixo:
<FORM method=GET action="https://www.google.com/search"> <INPUT name=q size=31 maxlength=255 value=""> <INPUT name=hl value="pt-br"> <INPUT name=btnG VALUE="Pesquisar no Google"></FORM>
Picture
 

Titulo do Site em Movimento

Copie o código abaixo
<script> var repeat=0
var title=document.title
var leng=title.length
var 
function titlemove() {
titl=title.substring(start, leng) + title.substring(0, start)
document.title=titl
start++
if (=leng+1) {

if (repeat==1)
return
}
setTimeout("titlemove()",140)
}
if (document.title)
titlemove()
</script>
 

 

Rádio Online (Hunter)

Picture
 
Copie o código abaixo:
<center><iframe src="https://radiohunter.com.br/v3/players/newplayer/verde/" width="100%" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>
Picture
 

Rádio Online (Hunter)

Picture
 
Copie o Código abaixo :
<center><iframe src="https://radiohunter.com.br/beta/engines/players/small" width="200" marginwidth="0" height="40" marginheight="0" scrolling="No" frameborder="0"></iframe></center>
 

 

Slide do baixaki

Copie o Código abaixo:
<textarea> <style >

#tv a {
font-size:16px;
font-weight:bold;
}

#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}

#hid {
display:none;
left:-5000px;
position:absolute;
top:-5000px;
}

#tv #nav {
height:170px;
left:359px;
overflow:hidden;
position:absolute;
top:5px;
width:46px;
}

#tv #nav img {
cursor:pointer;
height:30px;
margin:0 0 5px;
width:46px;
}

#tv .opac {
margin-bottom:5px;
opacity:1;
}

#tv .transp {
margin-bottom:5px;
opacity:0.1;
}


#tv img {
display:block;
margin-bottom:7px;
margin-left:-10px;
border:thin solid;
}
img {
border:medium none;
}

#tv {
background:url("https://img31.imageshack.us/img31/2656/tvbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:255px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:344px;
}

#corpoh {
text-align:left;
}

</style>


<div id="tv">
<script 'text/javascript'>
 // JavaScript para tv //
var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time); 
function trocaMsg() { index = index%5 +1; channel(index); tempo(); }         
function tempo() { clearTimeout(timer);    timer = setTimeout("trocaMsg()",menu_time);} 
function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.
getElementById('tv' + id).innerHTML;    anterior = id;}
function tvch(id, out) {if (out == 1)    { clearTimeout(timer);    channel(id);} else { tempo();}}
//channel(1);




// JavaScript para tv-papeis //
var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p); 
function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }         
function tempo_p() { clearTimeout(timer_p);    timer_p = setTimeout("trocaMsg_p()",menu_time_p);} 
function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.
getElementById('ptv' + idx).innerHTML;    anterior_p = idx;}
function tvch_p(idx, out) {if (out == 1)    { clearTimeout(timer_p);    channel_p(idx);} else { tempo_p();}}
//channel_p(1);

//Função p/ n Aparecer erro de JS no navegador do Tiozinho
function semerro(){
return true;}
window.onerror=semerro;

</script>


<div id="tvshow">

<!-- SLIDE INICIAL-->
<a href="https://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="https://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas" />
Video Aulas

<br /><span>

Onde você aprende rápido 

</span></a></div>



<div id="nav">

<!-- SLIDE  DE NAVEGAÇÕES // escolher o slide a ser visto-->  

<!-- SLIDE  DE NAVEGAÇÃO 1--> 

<a href="https://tmundi.webnode.com.br/videos-aulas/"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src=" https://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg " id="tvn1" /></a>

<!-- SLIDE  DE NAVEGAÇÃO 2--> 

 <a href="https://www.baixaki.com.br/download/google-chrome-6-0-beta.htm"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src=" https://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg " id="tvn2" /></a>

 <!-- SLIDE  DE NAVEGAÇÃO 3--> 

 <a href="https://www.codigosbr.tk/2010/05/criar-templates-para-o-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src=" https://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png " id="tvn3" /></a>

<!-- SLIDE DE NAVEGAÇÃO 4--> 

 <a href="https://www.cblogger.tk/2010/05/tutorial-java-script.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src=" https://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg " id="tvn4" /></a>

<!-- SLIDE DE NAVEGAÇÃO 5-->  

 <a href="https://www.cblogger.tk/2010/05/dominio-gratis-tk.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" src=" https://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg " id="tvn5" /></a>
 </div> 


<ul id="hid">

<!-- SLIDES--> 

<!-- SLIDE  1--> 

<li id="tv1">
<a href="https://tmundi.webnode.com.br/videos-aulas/"><img height="177" width="354" src="https://www.portalpower.com.br/wp-content/uploads/31-iphone_youtube.jpg" title="Video Aulas " />
Video Aulas

<br /><span>
Onde Você aprende rápido

</span></a></li>


<!-- SLIDE  2--> 

<li id="tv2">
<a href="https://tmundi.webnode.com.br/downloads/"><img height="177" width="354" src="https://www.testpreppractice.net/GRE/free-gre-downloads%5Cgre-software.jpg" title="Downloads" />
Downloads

<br /><span>
Todos os programas que você precisa para fazer igual aos tutoriais.

</span></a></li>

<!-- SLIDE  3--> 

<li id="tv3">
<a href="https://tmundi.webnode.com.br/atendimento-online/"><img height="177" width="354" src="https://files.tmundi.webnode.com.br/200000006-d5256d7191/bdhjf.png" title="Atendimento Online" />
Atendimento Online

<br /><span>
Dúvidas? Pergunte na hora para o atendimento online.

</span></a></li>

<!-- SLIDE  4--> 

<li id="tv4">

<a href="https://tmundi.webnode.com.br/mensagens/"><img height="177" width="354" src="https://www.wikinoticia.com/images/definanzas/definanzas.com.wp-content.uploads.carta.jpg" title="Mensagens" />
Mande-nos Mensagens

<br /><span>
Mande comentários.

</span></a></li>

<!-- SLIDE  5--> 

<li id="tv5">

<a href="https://www.youtube.com/tutorialmundi"><img height="177" width="354" src="https://2.bp.blogspot.com/_a4qW21kpYxE/TA_oS9odZeI/AAAAAAAAAmc/60ndVdkmvZQ/s1600/imagem_youtube_inspector.jpg" title="Tutorial Mundi" />
Canal youtube

<br /><span>
Visite nosso canal youtube.

</span>

</a></li>
</ul>


<script >
channel(1);
</script>
</div>
.
Picture
 

Imagem em movimento para esquerda que paraliza ao passar o mouse

moving image by marquee html code
Copie o código abaixo :
<marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();"><a href="Endereço do blog" title="Coloque aqui o texto"><img alt="moving image by marquee html code" height="200" src="Endereço da imagem" /></a></marquee>
  
 

 

Imagem em movimento para esquerda

moving image by marquee html code
Copie o código abaixo:
<span> <marquee behavior="scroll"><img alt="moving image by marquee html code" height="212" src="Endereço da imagem" width="320" /></marquee></span>
  
Picture
 

Imagem para esquerda com Legenda

moving image by marquee html code
01 Tutorial Designs
Copie o código abaixo:
<span><marquee behavior="scroll"><div ><img alt="moving image by marquee html code" src="Endereço da imagem" /><center> A legenda</center></div></span></marquee> <span > </span>
  
 

 

Player da Rádio Coca-cola

Picture
 
Copie o código abaixo:
<iframe src="https://coke-brasil.goomradio.com/embed.php" width="300" height="150" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>
Picture
 

Selo "Site 100% Seguro"

Picture
 
Copie o código Abaixo:
<div >

<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAAAAAXM/Lvi8t6ZllX4/s100/DH.png" />

</div>