menu opacity

<div dir="ltr" style="text-align: left;" trbidi="on"><a href="COLOQUE AQUI O LINK DO SITE "> <img 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;" /><br /> <br /> <br /> </a><a href="COLOQUE AQUI O LINK DO SITE"> <br /> <img 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;" /></a></div>

Link vermelho depois das visitas fica verde

<div dir="ltr" style="text-align: left;" trbidi="on"><style type="text/css"> .initial2{font-weight:Red;background-color:Red} </style><br /> <br /> <script type="text/javascript"> <!-- /*********************************************** * Rollover background-color button Script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //Specify optional button target: "_new" for new window, or name of FRAME target (ie "myframe") var buttontarget="" function change(e, color){ var el=window.event? event.srcElement: e.target if (el.tagName=="INPUT"&&el.type=="button") el.style.backgroundColor=color } function jumpto2(url){ if (buttontarget=="") window.location=url else if (buttontarget=="_new") window.open(url) else parent[buttontarget].location=url } //--> </script><br /> <form onmouseout="change(event, 'lime')" onmouseover="change(event, 'yellow')"><input class="initial2" onclick="jumpto2('http://yahoo.com')" type="button" value="Yahoo" /> <br /> <input class="initial2" onclick="jumpto2('http://yahoo.com')" type="button" value="Yahoo "/> <br /> <br /> <br /> </form></div><br /> <br /> <br /> <br />

LINK DE IMAGEM COM JANELA POP-UP COMO EFEITO.Aumentar o tamanho de uma imagem ao passar o mouse

Aumentar o tamanho de uma imagem ao passar o mouse

<br /> <div dir="ltr" style="text-align: left;" trbidi="on"><script language="javascript"> <!-- function aumenta(obj){ obj.height=obj.height*2; obj.width=obj.width*2; } function diminui(obj){ obj.height=obj.height/2; obj.width=obj.width/2; } //--> </script><br /> Aumentar o tamanho de uma imagem ao passar o mouse<br /> <center><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');"><br /> <img alt="CodigoFonte.com.br" height="100" onmouseout="diminui(this)" onmouseover="aumenta(this)" src=" COLOQUE AQUI O EMDEREÇO DA IMAGEM " title=" COLOQUE AQUI O TEXTO " width="100" /><br /> </a></center></div><br />

Imagem com ajuste de tamanho

DEVER AJUSTAR O height E O width

<img height="200" src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " title=" COLOQUE AQUI O TEXTO " width="300" />

Imagem com ajuste de tamanho

<img src="COLOQUE AQUI O ENDEREÇO DA IMAGEM " width="200" height="100" title=" COLOQUE AQUI O TEXTO "/></a>

PASSANDO O MOUSE NO LINK, A PÁGINA ABRI

PASSANDO O MOUSE NO LINK, A PÁGINA ABRI.


INTERNRT, VER COMO FICA AQUI NO SITE ACIMA





<font id="font2" style="display: none;" onclick="apaga()" size="-1"><br />xxxxxxxxxxxxxxxxxxxx<br /> link site ao passar o mouse xxxxxxxxxxxxxxxxxx<br /><br /> </font> <br /> <div id="object1" style="position:absolute; visibility:show; left:0px; top:160px; z-index:2"><ul id="nav"></ul><li><img src=" COLOQUE AQUI O ENDEREÇO DA IMAGEM " title=" SANDY " width="50" height="100"/> <br /> <ul><div id="object1" style="position:absolute; visibility:show; left:0px; top:0px; z-index:2"><li> <iframe height="9680" frameborder="0" width="1035" scrolling="no" src=" COLOQUE AQUI O LINK DO SITE "></iframe> <div dir="ltr" style="text-align: left;" trbidi="on"><div style="bottom: 0px; position: fixed; right: 500px;"><div id="navegar"><a class="previous" href="#">VOLTAR NO TOPO </a> </div></div></div></li></div></ul></li></div><div id="object11" style="position:absolute; visibility:show; left:-0px; top:-10px; z-index:2"></div><style type="text/css"> ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:0px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:0px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #060864; background:#000000; padding:5px; border:1px solid #FF69B4; border-bottom:0; } /*correção \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correção*/ li:hover ul, li.over ul { display:block; } </style><br /> <script language="JavaScript" type="text/JavaScript"> <!– startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } }} } } window.onload=startList; //–> </script> <br /> <div id="object11" style="position:absolute; visibility:show; left:-0px; top:-0px; z-index:2"></div>

Jigsaw Puzzle by Crazyprofile.com

<embed src='http://www.crazyprofile.com/puzzle/jigsaw.swf' width='500' height='415' FlashVars='pic=anim_8fadf028-6419-b7a4-1547-ffdd43306cb4.gif&fldr=Apr_2010' quality='high' wmode='transparent' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'/></embed><br /> <div><a href='http://www.crazyprofile.com/puzzle/jigsaw_puzzle.asp' target='_blank'><font face='verdana' size=1>Jigsaw Puzzle by Crazyprofile.com</font></a></div>

tt

FOTO AO LADO

Este site está temporariamente fora do ar.

<div dir="ltr" style="text-align: left;" trbidi="on"><table align="center" border="5"><tbody> <tr> <td align="center"><br /> <br /> <span style="font-family: verdana;"><b>Este site está temporariamente fora do ar.</b></span></td> </tr> </tbody></table></div>

Receita de detergente

Receita de detergente

6 litro de oléo moreno
4 litro de alcol
1 k e mais de soda
4 litro de água fervendo
mexer 40 minutos.
acrecenta mais 36 litro
de água fria.

Formulário estilizado

Formulário estilizado

Formulário de contato
Nome
*e-mail
Assunto
*Comentários
	* Campos de preenchimento obrigatório

<style type="text/css"> #todoform { background:#4f4f4f; font:12px arial, verdana, helvetica, sans-serif; border-top:8px solid #cfcfcf; border-left:8px solid #cfcfcf; border-right:8px solid #696969; border-bottom:8px solid #696969; border-collapse:collapse; color:#ff9900; } #todoform th { background:#000000; padding:3px; font: bold 15px arial, verdana, helvetica, sans-serif; border-bottom:1px solid #ff9900; } #todoform td { padding:3px; } #todoform input { background:#b5b5b5; border:1px dashed #ff9900; } #todoform textarea { border:1px dashed #ff9900; background:#b5b5b5; } #todoform input.botao { background:#000000; color:#ffffff; border:2px solid #ffffff; } </style><br /> <br /> <br /> <form name="nomedoform" action="" method="" ><table id="todoform"><tr> <th colspan="2">Formulário de contato</th> </tr> <tr> <td><label>Nome</label><br /> </td> <td><input name="nome" type="text" size="33" maxlength="1000"></td> </tr> <tr> <td><label>*e-mail</label> </td> <td><input name="email" type="text" size="33" maxlength="1000"></td> </tr> <tr> <td><label>Assunto</label></td> <td><input name="subject" type="text" size="33" maxlength="1000"></td> </tr> <tr> <td><label><br /> *Comentários</label></td> <td><textarea name="comentario" cols="25" rows="7" >
* Campos de preenchimento obrigatório

PASSANDO O MOUSE NO LINK ELE ABRI

PASSANDO O MOUSE NO LINK ELE ABRI, COMO VC VER NA FOTO ACIMA.
vc dever ajustar o top.
<font id="font2" style="display: none;" onclick="apaga()" size="-1"><br /> xxxxxxxxxxxxxxxxxxxx<br /> link site ao passar o mouse xxxxxxxxxxxxxxxxxx<br /> <br /> </font> <br /> <div id="object1" style="position:absolute; visibility:show; left:0px; top:900px; z-index:2"><ul id="nav"></ul><li><font id="font2" style="display: none;" onclick="apaga()" size="-1"><br /> -----------------<br /> olhar digital--------------------- <br /> <br /> </font>COLOQUE AQUI O SCRIPT DO http://www.flashvortex.com/generators.php?exampleId=231<br /> <ul><div id="object1" style="position:absolute; visibility:show; left:px; top:0px; z-index:2"> <li> <iframe height="5200" frameborder="0" width="1035" scrolling="no" src="COLOQUE AQUI O LINK DO SITE "></iframe> <div dir="ltr" style="text-align: left;" trbidi="on"><div style="bottom: 0px; position: fixed; right: 500px;"><div id="navegar"><a class="previous" href="#">VOLTAR NO TOPO </a> </div></div></div></li> </div></ul></li><br /> </div><div id="object11" style="position:absolute; :show; left:-10px; top:-10px; z-index:2"></div><style type="text/css"> ul{ margin:0; padding:0; list-style:none; width:150px; border-bottom:1px solid#FF69B4; } ul li { position:relative; } li ul { position:absolute; left:140px; top:0; display:none; } ul li a { display:block; text-decoration:none; color #060864; background:#000000; padding:5px; border:1px solid #FF69B4; border-bottom:0; } /*correção \*/ *html ul li {float:left;} *html ul li a{height:1%;} /* fim da correção*/ li:hover ul, li.over ul { display:block; } </style><br /> <script language="JavaScript" type="text/JavaScript"> <!– startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i = 0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace(" over", ""); } }} } } window.onload=startList; //–> </script> <br /> <div id="object11" style="position:absolute; visibility:show; left:-10px; top:-0px; z-index:2"></div>

COLOCANDO SITE DENTRO DO SEU BLOG NO POT O E COR DE FUNDO

IGUAL ESTE AQUI BLOG



<div dir="ltr" style="text-align: left;" trbidi="on"><div id="object1" style="left: 0px; position: absolute; top: 0px; z-index: 2;"><table bgcolor="COLOQUE AQUI O CÓDIGO DA COR QUE VAI FICAR NO FUNDO " border="0" cellpadding="0" cellspacing="0" height="300" style="width: 300px;"><tbody> <tr> <td><center><table border="1"><tbody> <tr> <td><iframe frameborder="0" height="2004" scrolling="no" src="COLOQUE AQUI O LINK DO SITE " width="1000"></iframe><br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; z-index: 2;"></div><div id="object11" style="left: -10px; position: absolute; top: -10px; z-index: 2;"></div></td></tr> </tbody></table></center></td></tr> </tbody></table></div></div>