terça-feira, 31 de julho de 2012

Texto que muda de cor automático

<b><br />
<script>
/*
RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
Featured on JavaScript Kit
For this script, visit http://www.javascriptkit.com
*/

// ********** MAKE YOUR CHANGES HERE

var text=" Trouxeste sol para a minha vida e luz para o meu caminho. Se eu me perder na estrada sei que não estarei sozinho! " // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script><br />
<br />
</b><br />
<div align="center"><br />
<a href="http://javascriptkit.com/"></a></div>

domingo, 29 de julho de 2012

lightbox

imagem ou texto

imagem ou texto

LIGHTBOX EXAMPLE

LIGHTBOX EXAMPLE

This is the main content. To display a lightbox click here

FECHARCOLOQUE AQUI O CONTEÚDO

Slideshow

calculadora Online

CLIQUE PRA ABRI E FECHAR O SITE tony-b.org

sábado, 28 de julho de 2012

Texto aparecendo devagar

Seje Bem Vindo Visitante, Nestas páginas está alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita ! FERRAMENTA SITE DO ALEX, ACESSE SEMPRE AQUI:http://wwwferramentasite.blogspot.com.br/

<span id="typing">Seje Bem Vindo Visitante, Nestas páginas está alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita !</span>

interval = 100; // Interval in milliseconds to wait between characters

if(document.getElementById) {
  t = document.getElementById("typing");
  if(t.innerHTML) {
    typingBuffer = ""; // buffer prevents some browsers stripping spaces
    it = 0;
    mytext = t.innerHTML;
    t.innerHTML = "";
    typeit();
  }
}

function typeit() {
  mytext = mytext.replace(/<([^<])*>/, "");     // Strip HTML from text
  if(it < mytext.length) {
    typingBuffer += mytext.charAt(it);
    t.innerHTML = typingBuffer;
    it++;
    setTimeout("typeit()", interval);
  }
}
</script>

conteúdo com ajuste de alinhamento,

<div id="object1" style="left: 0px; position: absolute; top: 50px; visibility: show; z-index: 2;"><iframe height="650" frameborder="0" width="1035" scrolling="no" src="http://www.tony-b.org/?tbm=2"></iframe><div id="object11" style="position:absolute; visibility:show; left:-10px; top:-10px; z-index:2">Aqui o conteúdo que queremos ocultar<br />
</div></div><br /></div></div></div>

sexta-feira, 27 de julho de 2012

Quanto tempo o site está no ar?

COR DA PÁGINA DO BLOG QUE MUDA DE COR

calculadora

terça-feira, 24 de julho de 2012

Botão Curtir no Facebook

Cada vez é mais importante conseguir divulgação nas redes sociais, então vamos falar sobre o botão curtir e enviar do facebook para ser utilizado em todas as páginas do seu blog e não somente nas páginas das postagens. Assim seus visitantes poderão curtir ou enviar para o facebook além de seus posts, a sua página inicial ou páginas dos marcadores, enfim o botão recomenda a página que ele está e não uma postagem em especifico. Entre na pagina layout, adicione um gadget de HTML/javascript e cole esse código: Se quiser mostrar o botão enviar só precisa trocar o código send="false" por send="true" Ou se desejar o botão enviar ao lado do curtir apague este trecho do código: layout="box_count" e coloque no lugar layout="button_count". E aumente o valor width="80" para width="150" isso faz dar mais espaço para o iframe do facebook. Apenas precisamos avisar que depois de passar das mil pessoas que curtiram a pagina o botão neste formato apresentou uma falha nos testes que fizemos, veja na imagem abaixo que no Firefox não apareceu a palavra mil e no internet Explorer o mil

segunda-feira, 23 de julho de 2012

VOLTAR NO TOPO DA PÁGINA COM LETRAS

colque no Adicionar um Gadget que vai ficar em todas as páginas do blog.

domingo, 22 de julho de 2012

texto que sobre com cor de fundo

iniciar

parar

OBS: SE QUISER COLOCAR MAIS TEXTO, AJUSTE O rows="36" PRA MAIS.

texto que sobre

Tocam-no as pontas dos dedos.
Ele se separa de mim por botões
enfeitados de letras mágicas,
que se juntam,
e,de repente, a surpresa :
segredos que eu podia jurar,
estavam aqui bem guardados,
se mostram sem pudor.
Sem pedir licença,
me desnudam, em silêncio,
do meu silêncio.
O verbo se faz carne da minha carne.

Vejo-o na extensão do olhar
que insiste ver
o que não existe.
Atrás da realidade de vidro
identidades se confundem.
http://www.orkut.com.br/Main#Home

iniciar

parar

<marquee id="scroller" SCROLLAMOUNT="1" SCROLLDELAY="2" direction="up" width="400" height="400" style="border:1px solid #FF0000;font-family:tahoma,arial;font-size:9pt;color:#000000;"><br />
<br />
Tocam-no as pontas dos dedos.<br />
Ele se separa de mim por botões<br />
enfeitados de letras mágicas,<br />
que se juntam,<br />
e,de repente, a surpresa :<br />
segredos que eu podia jurar,<br />
estavam aqui bem guardados,<br />
se mostram sem pudor.<br />
Sem pedir licença,<br />
me desnudam, em silêncio,<br />
do meu silêncio.<br />
O verbo se faz carne da minha carne.<br />
<br />
Vejo-o na extensão do olhar<br />
que insiste ver<br />
o que não existe.<br />
Atrás da realidade de vidro<br />
identidades se confundem.<br />
http://www.orkut.com.br/Main#Home<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</marquee><br />
<br />
<br />
<a href="javascript:void(10)" onMouseOver="javascript:scroller.start()">iniciar</a><br />
      <br />
<a href="javascript:void(10)" onMouseOver="javascript:scroller.stop()">parar</a>
</div>

sexta-feira, 20 de julho de 2012

conteúdo com ajuste de alinhamento

AJUSTE O LEFT E O TOPO

coloque o conteúdo com ajuste de alinhamento, conteúdo ou link que queremos ocultar

quinta-feira, 19 de julho de 2012

vagalume Caixas de Busca Personalizadas

Letras de Musicas</

MOLDURA DE VIDEO

COLOQUE No blog, OBS: AJUSTE O VIDEO PRA width 630 E O height 380

alex

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
COLOQUE No blog, OBS: AJUSTE O VIDEO PRA width 630 E O height 380
<br />
<div id="webvideoMarca" style="background-image: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibAFy0IGjEz-I_zMQdQ9YZyvNbyM5SYpAViZliD3ThQvqkRhqV0lPnU9u1Lm8B75cdGXD35vrXfbAI2YjgE5EpFKLV2kWx1PqaVelCQ1sKrTgetnAwjRyUOvoJwC6bcjytqROdDuk_o9CL/s1600/c17.jpg); background-repeat: no-repeat; height: 500px; width: 653px;">
<div id="object1" style="left: 10px; position: absolute; visibility: show; z-index: 2;">
<div class="bloco_webvideoMarca">
alex  
<object style="height: 390px; width: 640px;"><param name="movie" value="http://www.youtube.com/v/r2CZl_xTxJ0?version=3&feature=player_detailpage" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://www.youtube.com/v/r2CZl_xTxJ0?version=3&feature=player_detailpage" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="630" height="380"></embed></object>     
 </div>
</div>
</div>
<div id="object1" style="left: 300px; position: absolute; top: 525px; visibility: show; z-index: 2;">
<textarea cols="35" name="textarea" onfocus="this.select()" onmouseover="this.focus()" rows="6" style="background-color: lime; color: black;" wrap="soft"> <div id="webvideoMarca" style="background-image: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibAFy0IGjEz-I_zMQdQ9YZyvNbyM5SYpAViZliD3ThQvqkRhqV0lPnU9u1Lm8B75cdGXD35vrXfbAI2YjgE5EpFKLV2kWx1PqaVelCQ1sKrTgetnAwjRyUOvoJwC6bcjytqROdDuk_o9CL/s1600/c17.jpg); background-repeat: no-repeat; height: 500px; width: 653px;">
<div id="object1" style="left: 10px; position: absolute; visibility: show; z-index: 2;">
<div class="bloco_webvideoMarca">
alex  
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="BLOGGER_object_1" data-original-id="BLOGGER_object_1" />     
 </div>
</div>

velocímetro da RJNET em seu site!

segunda-feira, 16 de julho de 2012

passarinho do twitter que voa na tela do blog

passarinho do twitter que voa na tela do seu blog

COMPARTILHE COM OS SEUS AMIGOS

domingo, 15 de julho de 2012

JavaScript / CSS / DOM image zoomer - TJPzoom 3

Como você deve ter percebido, este é um amplificador de imagem. É uma versão completamente reescrita da minha tjpzoom script, mas ainda está em JavaScript / DOM:). Se você mover o mouse sobre a imagem, você pode ver uma janela de zoom pouco com uma versão ampliada de uma parte da imagem nele. Mas há mais: Se você clicar e arraste para cima o mouse, o zoom aumenta, se você clicar e arrastar o mouse para baixo, a taxa de zoom diminui, NOVO! se você clicar e arrastar para o rato do seu DIREITO, os aumentos janela de zoom, NOVO! e se você clicar e arrastar do mouse sua esquerda, a janela de zoom diminui. E uma vez que esta é uma nova versão, há algumas novas funcionalidades: Tem sombra transparente! Wow! (Funciona em IE6 também!) Mais rápido! (um pouco) Funciona no IE7 (e em todos os principais navegadores) Código muito mais limpo para você inserir Você pode alterar a posição relativa de sua caixa de zoom Infelizmente, tivemos que dizer adeus a funcionalidade hotspot, mas se há uma demanda ... valid@tjp.hu Tanto quanto eu sei, o script é compatível com os principais navegadores: Internet Explorer 6, 7 Firefox 24 Opera (eu tenho 8,54, espero que funcione em versões mais recentes também) Safari 2 Konqueror 3.5.6 Se notar qualquer falha em qualquer um dos navegadores listados acima ou ter um navegador diferente, envie um e-mail com os detalhes:) valid@tjp.hu Eu quero isso na minha página inicial! É um pedaço de bolo. Levará cerca de 5 minutos para ter isso em sua página: Você também pode encontrar a ferramenta TJPzoom útil se você tiver uma resolução baixa e uma versão em alta resolução da mesma imagem e é só o lowres um que se encaixa na sua página, mas você quer mostrar os pequenos detalhes da uma highres. Na verdade, esse é o meu caso também, eu tenho essa http://valid.tjp.hu/zoom/collage.jpg, thats 580x580px, mas eu tenho um maior http://valid.tjp.hu/ zoom/collage_2.jpg (com as mesmas proporções). Vai ficar assim: valid.tjp.hu - TJPzoom 3 - JavaScript / CSS / DOM image magnifier

JavaScript / CSS / DOM image zoomer - TJPzoom 3

FOTO EXPA

Para colocar o efeito foto expa no blogger . No blog clique em design e escolha a opção "adicionar um gadget". Vai abrir um popup com várias opções. Escolha a opção HTML/JavaScript e cole o código COPIAR

Efeito foto deslizante Baralho

Efeito foto deslizante Baralho
Para colocar o efeito foto deslizante no blogger . No blog clique em design e escolha a opção "adicionar um gadget". Vai abrir um popup com várias opções. Escolha a opção HTML/JavaScript e cole o código COPIAR O CÓDIGO

Efeito na tag Alt - Personalizar texto sobre a imagem

Criar um banner ou cabeçalho 3D grátis

Criar um banner ou cabeçalho 3D grátis

Isso é muito divertido. Excelente faixa, ferramenta de criação de botões e gráficos. Tente esta on-line gratuito gráfico
fabricante de ... você vai adorar como é fácil. Selecione a cor, fonte e texto e criar um cabeçalho gráfico 3D ou um botão.

This is too fun. Excellent banner, button and graphic creation tool. Try this free online graphic
maker... you'll love how easy it is. Select color, font and text and create a 3D graphic header or button.

Coloque conteúdo em calquer lugar do seu site

COLOQUE AQUI O CONTEÚDO

Coloque conteúdo em calquer lugar do seu site. ajuste no left e no top

sábado, 14 de julho de 2012

DICAS: DESFRAGMENTADOR DO XP

OBS: VAI NO INICIAR,TODOS PROGRAMAS,ACESSÓRIO, FERRAMENTA DO SISTEMA, DESFRAGMENTADOR DE DISCO

DICA TELA CHEIRA

PRESSIONAR A TECLA F11 PRA TELA CHEIRA SAIR DA TELA CHEIRA PRESSIONAR A TECLA F11

DICAS: COMO TIRAR FOTO DA TELA DO COMPUTADOR SEM CAMERA

OBS: PRESSIONAR A TECLA print, vai no iniciar do xp,todos programas,acessório,paint,editar e colar fecha e salva a imagem na pasta

dicas, virando e desvirando a tela do computodor de ponta cabeça pra baixo

virando e desvirando a tela do computodor de ponta cabeça pra baixo OBS:PRESSIONAR A TECLA DO TECLADO OU DO TECLADO VIRTUAL, COM VER NA IMAGEM ACIMA

Painel que abri deslize e fecha

COLOQUE AQUI O conteúdo

youtube

Painel

COLOQUE AQUI O conteúdo
<img src="http://img7.orkut.com/images/milieu/1293431292/1303061522769/104637499/of/Zmpzhw0.jpg?ver=1303061522&sig=17ab5x3%20" /></div>
<a href="http://www.youtube.com/user/asvboas1?feature=mhee">youtube</a>
<div class="slide">
<a class="btn-slide" href="http://www.blogger.com/post-edit.do#">Painel</a></div>

sexta-feira, 13 de julho de 2012

Aumentar a letra ao passar o mouse

COLOQUE AQUI O TEXTO QUE VAI AUMENTAR AO PASSAR O MOUSE

letra de sombra grande

Texto 1 vai aqui SEU TEXTO 2 AQUI

letra de sombra pequena

Texto 1 vai aquiSEU TEXTO 2 AQUI

Menu rolante

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

</style><br />
<script type="text/javascript" type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='<a href="COLOQUE O LINK DO SITE AQUI">coloque aqui nome do link 1</a><br />aa'
pausecontent[1]='<a href="COLOQUE O LINK DO SITE AQUI">Baixaki</a><br />COLOQUE AQUI O NOME DO LINK 2.'
pausecontent[2]='<a href="COLOQUE O LINK DO SITE AQUI">• CSS para Web Design •</a><br />COLOQUE AQUI O NOME DO LINK 3.'

var pausecontent2=new Array()
pausecontent2[0]='<a href="COLOQUE O LINK DO SITE AQUI">COLOQUE AQUI O NOME DO LINK 4</a>'
pausecontent2[1]='<a href="COLOQUE O LINK DO SITE AQUI">COLOQUE AQUI O NOME DO LINK 5</a>'
pausecontent2[2]='<a href="COLOQUE O LINK DO SITE AQUI">COLOQUE AQUI O NOME DO LINK 6</a>'

</script><br />
<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
this.tickerdiv.onmouseover=function(){scrollerinstance.mouseoverBol=1}
this.tickerdiv.onmouseout=function(){scrollerinstance.mouseoverBol=0}
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}

// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script><br />
</head><br />
<body><br />
<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)
document.write("<br />")
new pausescroller(pausecontent2, "pscroller2", "someclass", 2000)

</script><br />
<br />
</body><br />
</html>

quinta-feira, 12 de julho de 2012

CAIXA COLORIDA PRA HTML

NO FINAL DO CÓDIGO ESCREVE A PALAVRA

ANTE DE COPIAR

REMOVER A NAVYBAR DO BLOG

A navybar e um elemento que não agrada a todos,muitas vezes ela não combina com o layout do blog e se acaba se tornando indesejada,por isso vou ensinar como retira-la do seu layout, vai no design editar html e no começo do html antes dessa frase O codigo deve ser iserido no começo do html antes dessa frase /* Variable definitions ==================== O CÓDIGO ESTÁ AQUI:

radio

terça-feira, 31 de julho de 2012

domingo, 29 de julho de 2012

sábado, 28 de julho de 2012

VOLTAR NO TOPO

sexta-feira, 27 de julho de 2012

cores e fontes

terça-feira, 24 de julho de 2012

segunda-feira, 23 de julho de 2012

domingo, 22 de julho de 2012

sexta-feira, 20 de julho de 2012

quinta-feira, 19 de julho de 2012

segunda-feira, 16 de julho de 2012

domingo, 15 de julho de 2012

JavaScript / CSS / DOM image zoomer - TJPzoom 3

sábado, 14 de julho de 2012

sexta-feira, 13 de julho de 2012

Texto 1 vai aqui SEU TEXTO 2 AQUI

quinta-feira, 12 de julho de 2012

VOLTAR NO TOPO