link box show com imagem expa zoom e opacity em qualquer posição do site

COLOQUE AQUI O CONTEÚDO

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.baixaki.com.br',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 150px; position: absolute; top: 200px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.baixaki.com.br',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBzcNzH1m1mpaJJfWb9amrwAKMkORSDKSGVC70NdFsaXAYFnQeSUc2aPAVXCFYRVgrTGOsPhRD06M4bPd3Wk2Wb5Zn0ExrVs03J5593FSn4OSccHihdXsepUMpqXqaiLvbPTMC-FYFBfo/s320/bxklogo.png" style="filter: alpha(opacity=40); opacity: 0.4;" /><br /> </a></div> <style> img.expa { cursor: pointer; max-width: 30px; } img.expa:hover { max-width: none; } </style> <br /> COLOQUE AQUI O CONTEÚDO <img height="60" src="" title="clique aqui pra abri o box show " width="40" /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>

link box show iframe de texto aumentar a letra ao passar o mouse, em qualquer posição do site

AUMENTAR AO PASSAR O MOUSE

<div dir="ltr" style="text-align: left;" trbidi="on"> <link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 90px; position: absolute; top: 190px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"> <style> .link{ /*crio uma classe "link"*/ text-decoration:none; /*tiro o sublinhado do link*/ color:#0033FF; /*coloco uma cor no link*/ } .link:hover{ /*instrução para quando o mouse estiver em cima do link*/ font-size:40px; /*aumenta o tamanho do link*/ color:#FF0000; /*muda a cor do texto do link*/ background:#CCCCCC; /*muda a cor de fundo do link*/ text-decoration:overline; /*coloca uma linha acima do texto*/ } </style><br /> <br /> <br /> </a><a class="link" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"> AUMENTAR AO PASSAR O MOUSE</a> </div> <br /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>

imagem vidro

pra colocar em cima de fundo de icons imagem link https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUuF_HWbr1vhZCaW48Cm_65LaBzgAg1m4Ysg48zTa3geVOC_U_L3EI5hyphenhyphenqESC1djsn7gWW3fRZH_7uVrXFAaiZ308FPk9nBlB4WgmHr0mIHU_l28ip6IjdgbYe8xVUd3wxdSyeYgqX4Gw/s320/background111.png

link box show iframe de imagem opacity em qualquer posição do site

COLOQUE AQUI O CONTEÚDO

<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.sbt.com.br/home/',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 0px; position: absolute; top: 400px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.sbt.com.br/home/',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="http://www.sbt.com.br/images/campanha2014/top/logo-compartilhe.png" style="filter: alpha(opacity=40); opacity: 0.4;" /><br /> </a></div> <br /> COLOQUE AQUI O CONTEÚDO <img height="60" src="" title="clique aqui pra abri o box show " width="40" /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> nesse box show você vai usar dois link e um endereço da imagem nesse eu coloquei o link do sbt e a imagem do sbt

link box show iframe de imagem com zoom em qualquer posição do site

COLOQUE AQUI O CONTEÚDO

<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.baixaki.com.br',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 0px; position: absolute; top: 200px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.baixaki.com.br',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://img.ibxk.com.br/bxk_v12/bxklogo.png" /> <style> img.expa { cursor: pointer; max-width: 30px; } img.expa:hover { max-width: none; } </style> </a></div> <br /> COLOQUE AQUI O CONTEÚDO <img height="60" src="" title="clique aqui pra abri o box show " width="40" /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div>

nesse box show você vai usar dois link e um endereço da imagem nesse eu coloquei o link do abaixaki e a imagem do abaixaki

hao123

COLOQUE AQUI O CONTEÚDO

link box show iframe de texto em qualquer posição do site

santuario de santa rita

COLOQUE AQUI O CONTEÚDO

<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 390px; position: absolute; top: 100px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'http://www.santuariodesantarita.com.br/',boxid:'frameless',width:1100,height:780,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})">santuario de santa rita</a></div> <br /> COLOQUE AQUI O CONTEÚDO <img height="60" src="" title="clique aqui pra abri o box show " width="40" /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div> nesse box show você vai usar dois link de site e um endereço de imagem

link box show iframe de foto e com ajuste de posição

COLOQUE AQUI O CONTEÚDO

<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv=""></link> <script src="http://search.scrolltotop.com/scrolltotopsearch.js" type="text/javascript"></script> <br /> <div id="fbtab"> <a class="nav" href="javascript:TINY.box.show({iframe:'https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash4/1450346_630362807007004_228982265_n.jpg',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div> <div id="object1" style="left: 1090px; position: absolute; top: 300px; visibility: show; z-index: 2;"> <a class="nav" href="javascript:TINY.box.show({iframe:'https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash4/1450346_630362807007004_228982265_n.jpg',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img height="60" src="https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-ash4/1450346_630362807007004_228982265_n.jpg" title="clique aqui pra abri o box show " width="80" /></a></div> <br /> COLOQUE AQUI O CONTEÚDO <img height="60" src="" title="clique aqui pra abri o box show " width="40" /> <br /> <div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"> </div> </div> nesse box show eu só coloquei três endereço da imagem

abaixaki

COLOQUE AQUI O CONTEÚDO

box.show iframe

<link rel="stylesheet" type="text/css" href="http://search.scrolltotop.com/ltab9.css" /> <script type="text/javascript" src="http://search.scrolltotop.com/scrolltotopsearch.js"></script> <p id="fbtab"><a href="javascript:TINY.box.show({iframe:'coloque aqui o link do site',boxid:'frameless',width:1100,height:2280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})" class="nav"><img src="coloque aqui o endereço da imagem"height="60"title="COLOQUE AQUI O TEXTO " width="40" /></a></p> nesse eu cloquei um link e um endereço da imagem

Tradutor de página

<div id="google_translate_element"></div><script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'pt' }, 'google_translate_element'); } </script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Div suspensa parece se mover com descer e subir da página

Minha frase, anúncio ou imagem aqui ficará sobre outras coisas, se movendo e enchendo a sacola do visitante FECHAR

<script type="text/javascript"> /********** Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com) Sliding routine by Roy Whittle (http://www.javascript-fx.com/) This notice must stay intact for legal use. Visit http://www.dynamicdrive.com/ for full source code ***********/ var persistclose=0 // 0 zero faz com que a div apareça ao atualizar e 1 faz com que a div fechada não apareça novamente pro mesmo visitante na mesma página ou session, nem sempre funciona em alguns navegadores var startX = 0 //set x offset of bar in pixels var startY = 22 // regule distancia vertical em pixels e escolha a base logo abaixo, Se você usar na base 'frombottom', recomendo usar mínimo de 22 porque se o visitante estiver com a janela reduzida a barra de rolagem de baixo ficará sobre a base var verticalpos="frombottom" // use "fromtop" para alinhar ao topo ou "frombottom" para alinhar na base function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("fixamove").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("fixamove").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; /*_posição a direita em offsetadditionx _*/ var offsetadditionx=700 var offsetadditiony=0 function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){ this.style.left=x+offsetadditionx+"px"; this.style.top=y+offsetadditiony+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); /*_Velocidade com que mexe. numero alto é mais lento_*/ setTimeout("stayTopLeft()", 10); } ftlObj = ml("fixamove"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar </script> <div id="fixamove" style="position:absolute;z-index:100;visibility:hidden;background:#fff;border:1px solid #ccc;padding:3px;height:255px;width:255px;"> <input type='submit' onClick="closebar(); return false" value=' X ' style="float:right;font-weight:bold;"> Minha frase, anúncio ou imagem aqui ficará sobre outras coisas, se movendo e enchendo a sacola do visitante <a href="" onClick="closebar(); return false" style="font-weight:bold;color:red;">FECHAR</a> </div>

box secretarias volta e próximos

• aaaaaaaaaaaaaaaaa
• nnnnn
• sdfffffff
• sdfsdfsfdf
• Osdf
• fgdfgdfgdgdfg
• dfgdfgfg
• fggdfgfdgd
• fgdgdfgdf
• dfgdgdfg
• Odfgggg
• dfgggdfgdfgdfg
• dfgdfgrred

• Volta
• Próximos

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> #dm-box-secretarias {position:relative; width:215px; height:160px; overflow:hidden;} #dm-box-secretarias .dm-conteudo-secretarias {position:absolute; height:100%; margin-top:0;} #dm-box-secretarias .dm-conteudo-secretarias > ul { list-style:none; width:215px; margin-top: 10px;} #dm-box-secretarias .dm-conteudo-secretarias > ul li{ height:30px;} #dm-box-secretarias .dm-conteudo-secretarias > ul.dm-itens-secretarias li a{font:12px/12px Arial, Helvetica, sans-serif;color:#000; border-bottom:1px dotted #999;display:block; text-decoration:none; background:url(dm-arrow-mini-bullet.png) no-repeat left; padding-left:10px; } .dm-bg-next {list-style:none;position:absolute;margin-left:80px; margin-top:-20px;} .dm-bg-prev {list-style:none;position:absolute;margin-left:80px;margin-top:-180px;} .dm-prev, .dm-next {color:#000;} </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ window.boxHeight = $(".dm-conteudo-secretarias > ul").height(); window.boxLiHeight = $(".dm-conteudo-secretarias > ul li").height(); window.boxQtdLi = (($(".dm-conteudo-secretarias > ul li").length)); window.boxMaxHeight = boxLiHeight * boxQtdLi; if(boxQtdLi <= 6) { $('.dm-next').css('display','none'); $('.dm-prev').css('display','none'); } // pra aparecer as setinhas somente qndo tiver mais de 6 itens $('.dm-next').bind('click', function(){ var deslocamento = parseInt($('.dm-conteudo-secretarias > ul').css("margin-top")); // atribui o valor da margin-top à variavel deslocamento $('.dm-conteudo-secretarias > ul').animate({'margin-top' : deslocamento - 2*boxLiHeight}, "easeOutBounce", function(){ window.boxAnimating = false; // pra descer de 2 em 2 itens }); //if que eu nao consegui if(deslocamento >= boxMaxHeight) { alert("deslocamento") } }); $('.dm-prev').bind('click', function(){ var deslocamento = parseInt($('.dm-conteudo-secretarias > ul').css("margin-top")); // atribui o valor da margin-top à variavel deslocamento if(deslocamento === 10)// para parar de rolar qndo voltar tudo return; $('.dm-conteudo-secretarias > ul').animate({'margin-top' : deslocamento + 2*boxLiHeight}, "easeOutBounce", function(){ window.boxAnimating = false; // para subir de 2 em 2 itens }); }); }); </script> </head> <body> <div id="dm-box-secretarias"> <div class="dm-conteudo-secretarias"> <ul class="dm-itens-secretarias"> <li> <a href="#"> </a> aaaaaaaaaaaaaaaaa</li> <li> <a href="#"> </a>nnnnn </li> <li> <a href="#"> sdfffffff </a> </li> <li> <a href="#"> sdfsdfsfdf </a> </li> <li> <a href="#"> Osdf </a> </li> <li> <a href="#"> fgdfgdfgdgdfg </a> </li> <li> <a href="#"> dfgdfgfg </a> </li> <li> <a href="#"> fggdfgfdgd </a> </li> <li> <a href="#"> fgdgdfgdf </a> </li> <li> <a href="#"> dfgdgdfg </a> </li> <li> <a href="#"> Odfgggg </a> </li> <li> <a href="#"> dfgggdfgdfgdfg </a> </li> <li> <a href="#"> dfgdfgrred </a> </li> </ul> </div> </div> <ul> <li class="dm-bg-prev"><a href="#" title="Anteriores" class="dm-prev">Volta</a></li> <li class="dm-bg-next"><a href="#" title="Próximos" class="dm-next">Próximos</a></li> </ul> </body> </html>

scroll to top quando chaga no topo a imagem [ sumir ]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow24.js"></script> <noscript>Not seeing a <a href="http://www.scrolltotop.com/">Scroll to Top Button</a>? Go to our FAQ page for more info.</noscript> <img src="http://i1155.photobucket.com/albums/p559/scrolltotop/arrow24.png"height="83"title="scroll to top quando chaga no topo a imagem [ sumir ] " width="120" />

Top

scroll to top

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="resource://jid0-grmsxw9byuhwgjlhtxjg27ynzrs-at-jetpack/scroll-to-top/data/icons/pratikabu-stt-48-1.png" border="200"></a>

SCROLL TO TOP PARA FIREFOX Um plugin para rolar para cima e vice-versa de uma janela no Firefox.

Desenvolvimento extensão no Firefox é realmente uma viagem emocionante. O Que VEM por ai parágrafo Vá para o topo Por Que Vá para o topo FOI CRIADO? Na maioria das vezes eu vou estar de navegação na web com o meu mouse. E para a maioria dos sites que eu queria ir para o topo da página sem mudar para teclado. Já vi vários sites que têm lá próprio ir para o topo funcionalidade, que me inspirou a preparar este add-on. Para que as pessoas gostam de mim não precisa mudar para teclado apenas para ir ao topo. Estou constantemente seguindo as opiniões dos usuários a partir de diferentes navegadores e tentar implementá-las. Vá para o topo está disponível para Google Chrome, Apple Safari e Opera também. Assim que o usuário terá mesma experiência em todos os lugares .. :) Um plugin para rolar para cima e vice-versa de uma janela. É muito bonito e é altamente personalizável ..