Ampliar imagem quando passa o mouse

<img class="expa" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " /><br /> <style> img.expa { cursor: pointer; max-width: 150px; } img.expa:hover { max-width: none; } </style></div>

Mensagem Na Caixa de Texto

<div dir="ltr" style="text-align: left;" trbidi="on"><script language="JavaScript"> <!-- function Menu1(form) { form.TXTVal.value="seu texto 1";}function Menu2(form) { form.TXTVal.value="seu texto 2"; }function Menu3(form) { form.TXTVal.value="seu texto 3"; }function Menu4(form) { form.TXTVal.value="seu texto 4"; } function Menu5(form) { form.TXTVal.value="seu texto 5"; } // --> </script><br /> <div align="center"><form><br /> <br /> <input onclick="javascript:alert('sua mensagem.')" onmouseover="Menu1(this.form);" style="background: #1e90ff; color: black; font-size: 8pt; font-style: verdana; font-variant: normal;" type="button" value="texto 1" /><input onclick="javascript:alert('sua mensagem.')" onmouseover="Menu2(this.form);" style="background: #1e90ff; color: black; font-size: 8pt; font-style: verdana; font-variant: normal;" type="button" value="texto 2" /><input onclick="javascript:alert('sua mensagem.')" onmouseover="Menu3(this.form);" style="background: #1e90ff; color: black; font-size: 8pt; font-style: verdana; font-variant: normal;" type="button" value="texto 3" /><input onclick="javascript:alert('sua mensagem.')" onmouseover="Menu4(this.form);" style="background: #1e90ff; color: black; font-size: 8pt; font-style: verdana; font-variant: normal;" type="button" value="texto 4" /><input onclick="javascript:alert('sua mensagem.')" onmouseover="Menu5(this.form);" style="background: #1e90ff; color: black; font-size: 8pt; font-style: verdana; font-variant: normal;" type="button" value="texto 5" /><br /> <input name="TXTVal" size="60" type="text" /></form></div></div>

Foto deslizante

Menu

• 
• 
• 
• 
• 
• 
• 

<script src="http://sites.google.com/site/menudeslizante/menudeslizante/prototype.js" type="text/javascript"> </script><br /> <script src="http://sites.google.com/site/menudeslizante/menudeslizante/effects.js" type="text/javascript"> </script><br /> <script src="http://sites.google.com/site/menudeslizante/menudeslizante/side-bar.js" type="text/javascript"> </script><br /> <div id="sideBar"><div id="sideBarContents" style="display: none;"><div id="sideBarContentsInner"><h2>Menu</h2><ul><li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /></li> <li><img height="400" src="coloque aqui o endereço da imagem" title=" COLOQUE AQUI O TEXTO " width="400" /> </li> </ul></div></div><a href="javascript:vd()" id="sideBarTab"><br /> <img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIrBGF01-PZHJpuUnJqFLF141-TlIQof22y-WshBU59BbRaDpyqjFnsnsN7mh9wk22LKyxE700TAj3l9lbbKTR61WB24lvmRO8IFH5hGfH2NGaWE3eCS8bXkIZEr-2xK7OJcIdRitB7uA/s1600/menu.png" title="sideBar" /></a></div></div>

Terremoto da página

Não ligue para a mensagem no botão e clique

Terremoto

<script language="javascript"><!-- var username = "celso"; var i = "34"; // --></script><br /> <h1 align="center">Terremoto</h1><br /> <p align="center"><script language="JavaScript1.2"> <!-- Begin netscape = (navigator.appName == "Netscape"); n4 = netscape && (parseInt(navigator.appVersion) >= 4); explorer = (navigator.appName == "Microsoft Internet Explorer"); ie4 = explorer && (parseInt(navigator.appVersion) >= 4); function tremida(n) { if (n4 || ie4) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } // End --> </script> <small><br /> <p><input type="button" name="Button" value="Não clique aqui!" onclick="tremida(18)"><br />

CÓDIGO DE BLOQUEIO DO BOTÃO DIREITO DO MOUSE,PRA PÁGINA INTEIRA

Pra página inteira com todos os direitos reservados
OBS:Está só o código aqui, não estou usando neste site

<script language="JavaScript"> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; alert ('Todos os direitos reservados'); } } function keypresed() { alert(' Teclado f11 '); } document.onkeydown=keypresed; document.onmousedown=click document.oncontextmenu = new Function("return false;") </script>

quando clica aparece foto que vai aumentando pela página

Você coloca um "link" e quando clica aparece foto que vai aumentando pela página, bem legal!!

Clique aqui !!

<div dir="ltr" style="text-align: left;" trbidi="on"> <style type="text/css"> #divZoom {position:absolute; left:0px; top:170px; width:100%; text-align:center;} </style> <script language="JavaScript" type="text/javascript"> /********************************************************************************** ZoomFade * Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> * This script was released at DHTMLCentral.com * Visit for more great scripts! * This may be used and changed freely as long as this msg is intact! * We will also appreciate any links you could give us. * * Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> *********************************************************************************/ function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() /*Here are the variables you have to set, play with different values: First the text: (it will stop and fade/change the colors on the last one)*/ zText=new Array('<img src="COLOQUE AQUI O EMDEREÇO DA IMAGEM "> ','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">','<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM ">') //Now the colors: //all you have to do is set the color you want to have in here: //(the first color will be the color that the text is when it zooms.) zColor=new Array('#000000','#000000','#ff00cc','#000000','#FF00CC') var zEndSize=70 //The fontsize in px you want the zoom to end at var zSpeed=40 //Zoom speed var zAddSize=5 //Px to add to the fontsize on each interval var zFadeSpeed=70 //Color change/fade speed var zFont='arial black,arial,helvetica,sans-serif' //Font var zHide=true //do you want it to hide when its done? (true or false) var zHideWait=70 //Time to wait before hiding var zStartSize=10 //The size to start at var zEndCode="" // Code to execute when the zoom and fade is finished. ie: "location.href='newpage.html', executes when the hide does. /*You can remove this if you don't wan't it to start right away. You can have it start if someone clicks a link (make a link like this: <a href="#" onclick="fadeInit()">Click to Zoomtext</a>)*/ //onload=zoomInit; /********* You shouldn't really have to set anything below this point ***********/ //Object functions function makeZoomObj(obj,font,size,endsize,color,text,zspeed,fadespeed,addsize,hide,hidewait,endcode){ this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0; this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0; this.zoomWrite=b_zoomWrite; this.zoomIt=b_zoomIt; this.fadeIt=b_fadeIt; this.zoomFade=b_zoomFade; this.font=font; this.color=new Array(); this.color=eval(color); this.text=new Array(); this.text=eval(text); this.zspeed=zspeed; this.fadespeed=fadespeed; this.addsize=addsize; this.endcode=endcode this.hide=hide; this.hidewait=hidewait; this.size=size; this.startsize=size; this.endsize=endsize if(size<endsize){this.way="<"; this.addsize=this.addsize }else{this.way=">"; this.addsize=-this.addsize} if(bw.dom || bw.ie4){ //Setting the style properties this.css.fontFamily=this.font; this.css.fontSize=this.size+"px"; this.css.color=this.color[0] } this.obj = obj + "Object"; eval(this.obj + "=this"); return this } function b_zoomFade(num){ if(num<this.text.length){ this.size=this.startsize this.zoomIt(num,'this.zoomFade('+(num+1)+')') } else if(num==this.text.length) this.fadeIt(0,'this.zoomFade('+(num+1)+')') else if(this.hide) setTimeout(this.obj+".css.visibility='hidden'; eval("+this.obj+".endcode)",this.hidewait) } function b_zoomWrite(num,cnum){ if(bw.ns4){ this.writeref.write('<span style="text-align:center; font-size:' +this.size+'px; font-family:'+this.font+'; color:'+this.color[cnum]+'">'+this.text[num]+'</span>') this.writeref.close() }else this.writeref.innerHTML="<center>"+this.text[num]+"</center>" } function b_zoomIt(num,fn){ if(eval(this.size+this.way+this.endsize)){ if(this.size==this.startsize || bw.ns4) this.zoomWrite(num,0) if(bw.dom || bw.ie4) this.css.fontSize=this.size+"px" this.size=this.size+this.addsize setTimeout(this.obj+".zoomIt("+num+",'"+fn+"')",this.zspeed) }else eval(fn) } function b_fadeIt(num,fn){ if(num<this.color.length){ if(bw.ns4) this.zoomWrite(this.text.length-1,num) else this.css.color=this.color[num] num++ setTimeout(this.obj+".fadeIt("+num+",'"+fn+"')",this.fadespeed) }else eval(fn) } /*Initiates the object, shows it and starts the zoom ****************************************************************************/ function zoomInit(){ if(bw.bw){ oZoom=new makeZoomObj('divZoom',zFont,zStartSize,zEndSize,'zColor','zText',zSpeed,zFadeSpeed,zAddSize,zHide,zHideWait,zEndCode) oZoom.zoomFade(0) oZoom.css.visibility='visible' } } </script> <div align="center" id="divZoom"> </div><a href="#" onclick="zoomInit(); return false">Clique aqui !!</a> </div>

Quando passar o mouse na foto em miniatura fazer com que abra a foto maior no local desejado.

<div dir="ltr" style="text-align: left;" trbidi="on"><script type="text/javascript"> function exibir1(img) { document.getElementById("exibe").src= img } </script><br /> <center><br /> <img alt="" height="300px" id="exibe" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " width="400px" /><br /> <br /> <div style="align: center; width: 270px;"><br /> <div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /></div><div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /></div><div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /></div><div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /></div><div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /></div><div style="float: left; width: 80px;"><img alt="" height="50px" id="exibe" onmouseover="exibir1(this.src);" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM" width="70px" /><br /> </div></div></center><br /> <div style="white-space: nowrap;"></div></div>

Efeito na tag Alt - Personalizar texto sobre a imagem

Efeito na tag Alt - Personalizar texto sobre a imagem
Veja como criar um efeito na tag alt, aquela que faz aparecer um texto quando colocamos o mouse sobre uma imagem. E o melhor é um código fácil de ser utilizado no blog. Com esse código o texto que aparece seguirá os movimentos do mouse sobre a foto. Além disso, podemos formatar o texto, escolher a cor da caixinha da caixinha de texto alt.
Veja quais alterações você pode fazer neste código:
Mudar a cor do texto e fundo da tag alt, veja neste trecho do código:
#ttcont {
display:block;
padding:2px 7px 3px 7px;
margin-left:5px;
background:#1F164C; - Mudar a cor de fundo
color:#FFF; - Trocar a cor da letra (fonte)






<style type="text/css"> <!-- #tt { font-size: 11px; font-family: Verdana, Arial, sans-serif; position:absolute; display:block; } #tttop { display:block; height:5px; margin-left:5px; overflow:hidden; } #ttcont { display:block; padding:2px 7px 3px 7px; margin-left:5px; background:#1F164C; color:#FFF; } #ttbot { display:block; height:5px; margin-left:5px; overflow:hidden; } --> </style> <script language='javascript' type='text/javascript'> var tooltip=function(){ var id = 'tt'; var top = 3; var left = 3; var maxw = 300; var speed = 10; var timer = 20; var endalpha = 95; var alpha = 0; var tt,t,c,b,h; var ie = document.all ? true : false; return{ show:function(v,w){ if(tt == null){ tt = document.createElement('div'); tt.setAttribute('id',id); t = document.createElement('div'); t.setAttribute('id',id + 'top'); c = document.createElement('div'); c.setAttribute('id',id + 'cont'); b = document.createElement('div'); b.setAttribute('id',id + 'bot'); tt.appendChild(t); tt.appendChild(c); tt.appendChild(b); document.body.appendChild(tt); tt.style.opacity = 0; tt.style.filter = 'alpha(opacity=0)'; document.onmousemove = this.pos; } tt.style.display = 'block'; c.innerHTML = v; tt.style.width = w ? w + 'px' : 'auto'; if(!w && ie){ t.style.display = 'none'; b.style.display = 'none'; tt.style.width = tt.offsetWidth; t.style.display = 'block'; b.style.display = 'block'; } if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'} h = parseInt(tt.offsetHeight) + top; clearInterval(tt.timer); tt.timer = setInterval(function(){tooltip.fade(1)},timer); }, pos:function(e){ var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY; var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX; tt.style.top = (u - h) + 'px'; tt.style.left = (l + left) + 'px'; }, fade:function(d){ var a = alpha; if((a != endalpha && d == 1) || (a != 0 && d == -1)){ var i = speed; if(endalpha - a < speed && d == 1){ i = endalpha - a; }else if(alpha < speed && d == -1){ i = a; } alpha = a + (i * d); tt.style.opacity = alpha * .01; tt.style.filter = 'alpha(opacity=' + alpha + ')'; }else{ clearInterval(tt.timer); if(d == -1){tt.style.display = 'none'} } }, hide:function(){ clearInterval(tt.timer); tt.timer = setInterval(function(){tooltip.fade(-1)},timer); } }; }(); </script> <a href=" COLOQUE AQUI O LINK DO SITE " target="_blank" onmouseover="tooltip.show('Anúncie Aqui!');" onmouseout="tooltip.hide();" ><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " height="600"width="400"border="0" /></a>

menu de tela cheia que pergunta ante de entrar no site

Clique para abrir a janela



<script language="JavaScript"> function PERGUNTA() { var MyWindow; var MyUrl; var MyConfirm; MyUrl = 'COLOQUE AQUI O LINK DO SITE '; MyTitle = 'CodigoFonte'; if (!confirm("Você quer abrir a página em tela inteira ou não? Ok : SIM -- Cancelar : NAO") ) { MyConfirm = 'TOP=10,LEFT=10,WIDTH=100,HEIGHT=500'; } else { MyConfirm = 'fullscreen=1'; } MyWindow = window.open(MyUrl, MyTitle, "STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, COPYHISTORY=NO, MENU=NO, RESISABLE=NO, SCROLLBARS=NO, "+MyConfirm); } </script><br /> <a href="#"title=" COLOQUE AQUI O TEXTO " onclick="PERGUNTA();">Clique para abrir a janela</a>

QUANTO TEMPO O SITE ESTÁ NO AR?

OBS: VC DEVE AJUSTAR A DATA NO DIA QUE SEU SITE ENTROU NO AR


<script> montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countup(yr,m,d){ today=new Date() todayy=today.getYear() if (todayy < 1000) todayy+=1900 todaym=today.getMonth() todayd=today.getDate() todaystring=montharray[todaym]+" "+todayd+", "+todayy paststring=montharray[m-1]+" "+d+", "+yr difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1) difference+=" dias" document.write("Já tem "+difference+" desde que o meu site entrou no ar.") } countup(2011,06,05) </script>

Botão "Submit" com imagem

Botão "Submit" com imagem
Este simples código permite mudar o botão "submit" por uma imagem.
Sem o atributo "Value" e "img scr" ele pode ficar assim , com imagem ele fica com uma aparência melhor.
OBS:NO MOZILLA FIREFOX, AS FOTO DENTRO DO BOTÃO SUBMIT NINGUÉM CONSEGUEM COPIAR



<br /> <button type="submit" name="submit" value="submit"><img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " width="200"width="100"/></button>

Bloquear teclado e botao direito

Encontrei um novo código para bloquear o botão direito do mouse e o teclado, assim impedindo o uso do crtl+C (copiar), testei esse código no Internet Explorer e Firefox e funcionou perfeitamente em ambos. Porém se você colocar esse código no seu blog ele também impedirá que seus visitantes digitem qualquer coisa no seu blog. Então se você usa pesquisas, recados ou qualquer outra coisa que precise ser digitada diretamente no seu blog não use esse código porque impossibilitará o uso desses acessórios do seu site.

As frases “Todos os direitos reservados” e “Teclado Desabilitado” podem ser substituídas por qualquer outra. Apenas preciso avisar que a frase “Todos os direitos reservados” não é exibida no Firefox embora o botão direito do mouse seja bloqueado.
<script language="JavaScript"> function click() { if (event.button==2||event.button==3) { oncontextmenu='return false'; alert ('Todos os direitos reservados'); } } function keypresed() { alert(' Teclado Desabilitado '); } document.onkeydown=keypresed; document.onmousedown=click document.oncontextmenu = new Function("return false;") </script> <br />

Passar o mouse sobre o link,com dois textos

A finalidade deste código é trocar o texto quando o mouse está sobre ele. O funcionamento é bem simples e fácil de alterar. Você deve colocar a url da pagina que desejar e escolher o texto que aparecerá. Um detalhe que não pode ser esquecido é repetir duas vezes o texto normal (aquele que aparece quando não estava com o mouse sobre ele) no exemplo Meu Jornal, pois se colocar apenas uma vez quando passar o mouse sobre ele o texto mudará mas não voltará ao original quando tirar o mouse.
Outro cuidado que precisamos ter é usar textos com numero parecido de letras pois se o texto que aparece quando o mouse não está sobre ele tiver 10 letras e quando passar o mouse aparecer um texto de 20 letras talvez não tenha espaço na mesma linha então o texto ocupará duas linhas e isto faz todo o layout do blog dar um “pulo”, ou seja quando aparece o texto maior e passa a ocupar duas linhas tudo que estiver abaixo dele vai descer um pouco para dar espaço. Então tenha cuidado de verificar se quando passa o mouse o texto continua ocupando o mesmo numero de linhas.


Meu Jornal


<a href="http://wwwferramentas-html-blog-alequinho.blogspot.com/" onmouseover="this.innerHTML = 'Primeiro Blog'" onmouseout="this.innerHTML = 'Meu Jornal'">Meu Jornal</a><br />

menu pop -up

OBS: background imagem é a cor de fundo
o #ffffff é cor do texto 1 e o #FFFF00 é a cor do texto 2

• MENU
• ORKUT
• BADOO
• COLOQUE AQUI O TEXTO
• COLOQUE AQUI O TEXTO

<br /> <style> #filmes { width: 200px; margin: 1px; } #filmes li a { voice-family: "\"}\""; voice-family: inherit; height: 20px; text-decoration: none; } #filmes li a:link, #filmes li a:visited { color: #ffffff; display: block; background: url(http://img195.imageshack.us/img195/7291/menuu.gif); padding: 3px 0 0 20px; } #filmes li a:hover { color: #FFFF00; background: url(http://images.orkut.com/orkut/photos/OQAAAKhdZ6edRn6veumVFDUHtyJC3tsPbypAdMY6gOmEHW0-SCVSXzS_v1e1HTE1E3jmMWJJimTcqMyqdBicHkGJRtIAm1T1UD9O-E5JVrx0mepCoU1YoNzwIRSv.jpg); 0 -32px; padding: 3px 0 0 20px; } </style><br /> <br /> <div id="filmes"><ul><li> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOQUE AQUI O TEXTO</a></li> <li> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOQUE AQUI O TEXTO</a></li> <li> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOQUE AQUI O TEXTO</a></li> <li> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOQUE AQUI O TEXTO</a></li> <li> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=1000, HEIGHT=500');">COLOQUE AQUI O TEXTO</a></li> </ul>

Barra de rolagem e bordas Coloridas

Barra e bordas<br /> Barra de rolagem e bordas Coloridas<br /> <style>BODY { BORDER-RIGHT: #ff0000 10px ridge; BORDER-TOP: #ff0000 10px ridge; MARGIN-TOP: 15px; FONT-WEIGHT: normal; FONT-SIZE: 20px; BORDER-LEFT: #ff0000 10px ridge; COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: #ff0000 10px ridge; FONT-STYLE: normal; FONT-FAMILY: Lucida Handwriting; SCROLLBAR-BASE-COLOR: #650f02 } </STYLE>

Voltar


Avançar

Links Voltar e Avançar

Voltar


Avançar



<div id="object1" style="position:absolute; visibility:show; left:200px; top:10px; z-index:2"><a href="javascript:window.history.go(-1)">Voltar</a><br /> <br /> <br /> <a href="javascript:window.history.go(1)">Avançar</a> </div><div id="object11" style="position:absolute; visibility:show; left:-10px; top:-10px; z-index:2"></div>

caixa de cor pra conteúdo

coloque aqui o conteúdo

<p ><font size="5"><b> <span style="background: #9400D3 ; padding: 5px 5px 5px 5px;">coloque aqui o conteúdo </span></b></font></p>

Links Voltar e Avançar

Usando os métodos JavaScript do navegador pode-se gerar um link para voltar uma página, sem precisar definir o nome dela. Ao clicar no link, o efeito seria o mesmo se o usuário clicasse no botão "Voltar" do navegador. Isso é muito útil: não é necessário ficar editando o código em todas as páginas, atualizando o nome da página anterior... Pois ele será capturado automaticamente do histórico do navegador.
obs:vc deve ajustar o left e top




<div id="object1" style="position:absolute; visibility:show; left:200px; top:10px; z-index:2"><a href="javascript:window.history.go(-1)">Voltar</a><br /> <br /> <br /> <a href="javascript:window.history.go(1)">Avançar</a> </div><div id="object11" style="position:absolute; visibility:show; left:-10px; top:-10px; z-index:2"></div>

Menu opacity com janela pop - up

<div dir="ltr" style="text-align: left;" trbidi="on"><br /> <a href="javascript:vd()" onclick="window.open('COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"> <img height="100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " style="filter: alpha(opacity=40); opacity: 0.4;" title=" COLOQUE AQUI O TEXTO " width="200" /><br /> </a><a href="javascript:vd()" onclick="window.open(' COLOQUE AQUI O LINK DO SITE ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=10, WIDTH=1000, HEIGHT=500');"> <br /> <img height="100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " style="filter: alpha(opacity=40); opacity: 0.4;" title=" COLOQUE AQUI O TEXTO " width="200" /></a></div>