FERRAMENTA HTML BLOG *: painel de menu, box,expa

hF

1

quinta-feira, 1 de maio de 2014

painel de menu, box,expa

clique aqui pra ver o painel de menu, box,expa

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><script type="text/javascript">$(document).ready(function(){   // #animation-1     $("#animation-1 li a").hover(   function(){    $(this).animate({ textIndent: "30px" }, 500 );    },function(){    $(this).animate({ textIndent: "0px" }, 500 );   });   // #animation-2     $("#animation-2 li a").hover(   function(){    $(this).parent().parent().find("li").addClass("off");    $(this).parent().removeClass("off");    $(this).animate({ width: "250px" }, 500 );   },function(){    $(this).parent().parent().find("li").removeClass("off");    $(this).animate({ width: "200px" }, 500 );   });    // #animation-3    $("#animation-3 li").append("<span></span>");   $("#animation-3 li a").hover(   function(){    $(this).next("span").animate({ top: "0px" }, 500 );   },function(){    $(this).next("span").animate({ top: "45px" }, 500 );   });}); 
</script><div id="all">
<ul id="animation-1"></ul>
</div>
<script src="jquery.js" type="text/javascript"></script><script type="text/javascript">
 $(document).ready(function(){       $(".btn-slide").click(function(){         $("#panel").slideToggle("slow");         $(this).toggleClass("active"); return false;     }); }); </script><style type="text/css">
 body {     margin: 0 auto;     padding: 0;     width: 1020px;     font: 75%/120% Arial, Helvetica, sans-serif; } a:focus {     outline: none; } #panel {     background: #754c24;     height: 200px;     display: none; } .slide {     margin: 0;     padding: 0;     border-top: solid 4px #422410;     background: url(images/btn-slide.gif) no-repeat center top; /* imagem que servirá como aba */ } .btn-slide {     background: url(images/white-arrow.gif) no-repeat right -50px; /* imagem que servirá como seta */     text-align: center;     width: 144px;     height: 31px;     padding: 10px 10px 0 0;     margin: 0 auto;     display: block;     font: bold 120%/100% Arial, Helvetica, sans-serif;     color: #fff;     text-decoration: none; } .active {     background-position: right 12px; } 
</style>
<div id="panel">

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://www1.caixa.gov.br/loterias/loterias/ultimos_resultados.asp',boxid:'frameless',width:50,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 350px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://www1.caixa.gov.br/loterias/loterias/ultimos_resultados.asp',boxid:'frameless',width:950,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTEECFVf-DdqK_FdULxrJLrsGAAhCvkyavgSCwjr-UZ157jafYO8ykwTYg"  />
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://valeindependente.wordpress.com/',boxid:'frameless',width:950,height:80280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 440px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://valeindependente.wordpress.com/',boxid:'frameless',width:950,height:80280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash1/373183_322338821148790_280576982_q.jpg"  />
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"></div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://g1.globo.com/mg/sul-de-minas/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 490px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://g1.globo.com/mg/sul-de-minas/',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkvZX0xduIW1DJZ1uRUGm8LP_UJ_1I3KkPiyQ2_yESVHB8OGK8GUZwWATdxUzrnEntyBsfm1dUT7UnCTT3IPvAdFqfYjkuVxcJETK4tE6ENPNeDZuHISNSIshyphenhyphenIfh4nDeeNsbfjMRF_VmP/s1600/logoeptv.png"  />
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"></div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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.expressogardenia.com.br',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 550px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://www.expressogardenia.com.br',boxid:'frameless',width:1100,height:6280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://www.expressogardenia.com.br/imagens/logo-gardenia.gif"  />
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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.kboing.com.br/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 600px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://www.kboing.com.br/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://imagens.kboing.com.br/kboing/imagens/logo-kboing.jpg"  />
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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.webcid.com.br/?pg=calendario&ano=2014',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 650px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://www.webcid.com.br/?pg=calendario&ano=2014',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://www.webcid.com.br/Imagens/calendario-online.png"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://wwwmontagemdefoto.blogspot.com.br/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 700px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://wwwmontagemdefoto.blogspot.com.br/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://www.montafoto.com/images/logotipoMontaFoto.jpg"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://redeglobo.globo.com/sp/eptv/caminhos-da-roca/platb/category/musica/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 750px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://redeglobo.globo.com/sp/eptv/caminhos-da-roca/platb/category/musica/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://profile.ak.fbcdn.net/hprofile-ak-ash1/t5/373037_164315793745051_374354907_q.jpg"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://redeglobo.globo.com/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 800px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://redeglobo.globo.com/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisF5k56EP7uS5mIImedDG32ZZK2sXxSjghaEyCPiqViOz7eZaC_iFad6WXF80IoVCNKSQNx1iaEkbTmLjSilJ4CfDw2-mmSvQ-DTJ2L212LrKbWmpxskeH48H-pAKvZHcqjYuWpBuG2hU/h120/22g.png"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
</div></div>

<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://onlinetradutor.com/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 850px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://onlinetradutor.com/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGA0ymA27PkauxzQhhb-fZ4Rllwzrekv6kT5Z2cdY8Svt1meHwvabme1tAfA1e4f5kz0dzL7rGtyK6MB5HjNNQr4jb3rFwgDHHksSnRZwMjtCEIATEPKp6p6zv12Dpl_D8WRyHASMrdxY/s1600/Sem-T%C3%ADtulo.png"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"></div></div>

<div id="object11" style="left: -10px; position: absolute; top: -13px; visibility: show; z-index: 2;">
<link href="http://search.scrolltotop.com/ltab9.css" rel="stylesheet" type="text/css" vvvvv="" />

<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://g1.globo.com/jornal-nacional/',boxid:'frameless',width:1100,height:8280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"></a></div>
<div id="object1" style="left: 900px; position: absolute; top: 130px; visibility: show; z-index: 2;">
<a class="nav" href="javascript:TINY.box.show({iframe:'http://g1.globo.com/jornal-nacional/',boxid:'frameless',width:1100,height:4280,fixed:false,maskid:'bluemask',maskopacity:110,closejs:function(){closeJS()}})"><img class="expa" src="http://s.glbimg.com/og/rg/f/original/2012/02/13/jn_2009.jpg"/>
<style>
   img.expa {     cursor: pointer;     max-width: 20px;   }   img.expa:hover {     max-width: none;   } 
</style> </a></div>
<div id="object11" style="left: -10px; position: absolute; top: -10px; visibility: show; z-index: 2;"></div></div>

COLOQUE AQUI O conteúdo
</div>
<a href="">orkut</a>
<div class="slide">
<a class="btn-slide" href="http://www.blogger.com/post-edit.do#">Painel</a></div>

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)

-------------------------------------------------------------------------------------

Voltar no cabeçalho do site

--------------------------------------------------------------------