MENU DESLIZANTE BOX

link site ao passar o mouse

Aparecida
TV Aparecida HD
REDE GLOBO
coloque aqui link box
coloque aqui link box
coloque aqui link box


VOLTAR NO TOPO

<div dir="ltr" style="text-align: left;" trbidi="on"> <span id="font2" onclick="apaga()" style="display: none;"><br /> link site ao passar o mouse <br /> </span> <br /> <div id="object1" style="left: 0px; position: absolute; top: 560px; z-index: 2;"> <ul id="nav"></ul> <br /> <br /> <br /> <li><img height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowY9EUz6IM8zjieWEjcutdOcadLBJREGe9J8eBhBkcmYMsaoTden0jqjGJq5A5o2aDULEQ78IUZcKzfucYApoRvrt_vfHH8atgSuAxkNO5XsOpnL_VnSmoEhaVE8pQ70Qqsx0X19Yk3cW/s80/estrelas-certo2552222222222.png%20" title=" SANDY " width="50" /> <ul><div id="object1" style="left: 0px; position: absolute; top: 0px; z-index: 2;"> <br /> <br /> <br /> <li> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#"></a><a href="http://www.blogger.com/home"><script src="http://julien.falgas.fr/tinyshaker/design/tinybox.js" type="text/javascript"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> </a><a href="javascript:TINY.box.show({iframe:'https://camerite.com/embed/905/aparecida/sao-paulo/basilica-nossa-senhora-aparecida?autoplay=true&sound=true',width:850,height:480})">Aparecida</a> </li> <li><a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#"></a><a href="http://www.blogger.com/home"><script src="http://julien.falgas.fr/tinyshaker/design/tinybox.js" type="text/javascript"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> </a><a href="javascript:TINY.box.show({iframe:'https://caikron.com.br/iCaikron/3v/player/video/index.php?id=9&servidor=caikron.com.br:1935',width:850,height:480})">TV Aparecida HD</a></li> <li><a href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#"></a><a href="http://www.blogger.com/home"><script src="http://julien.falgas.fr/tinyshaker/design/tinybox.js" type="text/javascript"></script> <style type="text/css"> .tbox {position:absolute; display:none; padding:14px 17px; z-index:900} .tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#353435 url(http://julien.falgas.fr/tinyshaker/preload.gif) no-repeat 50% 50%; border-right:1px solid #353435; border-bottom:1px solid #353435} .tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#55BBCC; z-index:800} </style> </a><a href="javascript:TINY.box.show({iframe:'http://redeglobo.globo.com/',width:850,height:480})">REDE GLOBO</a></li> <li>coloque aqui link box</li> <li>coloque aqui link box</li> <li>coloque aqui link box</li> <br /> <div dir="ltr" style="text-align: left;" trbidi="on"> <div style="bottom: 0px; position: fixed; right: 500px;"> <div id="navegar"> <a class="previous" href="https://www.blogger.com/blogger.g?blogID=7785904399052369090#">VOLTAR NO TOPO </a> </div> </div> </div> </div> </ul> </li> </div> <div id="object11" style="left: -0px; position: absolute; 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 #; background:#000000; padding:5px; border:1px solid #; 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> <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="left: -0px; position: absolute; top: -0px; z-index: 2;"> </div> </div>

Este é um texto qualquer destinado a demonstrar a obtenção da dica de contexto com uso das CSS CSS Sigla para a palavra inglesa "Cascading Style Sheet" foi traduzido para Folhas de Estilo em Cascata .Uma técnica de projetar páginas Web, separando conteúdo da apresentação. e com isto fornecer a você mais uma ferramenta para construção de suas páginas web

Este é o parágrafo seguinte no fluxo normal do documento web..bla..bla..bla...

AA

Descrição da Imagem, isso é uma div e você pode colocar o que quiser aqui!