Barras de rolagem podem ser úteis em elementos que possuem textos longos, mas que devem ocupar pouco espaço na página, para rolar os elementos de uma tabela mantendo, podendo até manter o cabeçalho parado, ou também para montar layouts de páginas parecidos com layouts que usam frames.

conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo
conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo
conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo
conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo

Barras de rolagem podem ser úteis em elementos que possuem textos longos, mas que devem ocupar pouco espaço na página, para rolar os elementos de uma tabela mantendo, podendo até manter o cabeçalho parado, ou também para montar layouts de páginas parecidos com layouts que usam frames.

<div style="width: 300px; height: 100px; border: dotted 1px #dddddd; overflow-x: hidden; overflow-y: scroll">conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo<br /> conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo<br /> conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo<br /> conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo conteúdo<br /> </div>

Cristo Redentor, Corcovado in Rio de Janeiro

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="_360_krpano_id_656139" name="_360_krpano_name_656139" width="425" height="315"><param name="movie" value="http://www.360cities.net/javascripts/krpano/krpano.swf"/><param name="quality" value="autohigh"/><param name="allowScriptAccess" value="always"/><param name="flashvars" value="pano=http://www.360cities.net/krpano/external_embed/christ-the-redeemer-corcovado-rio-de-janeiro.xml&epd=http://www.360cities.net/data/embed/plugin_data/christ-the-redeemer-corcovado-rio-de-janeiro"/><param name="allowFullScreen" value="true"/><embed src="http://www.360cities.net/javascripts/krpano/krpano.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="425" height="315" allowFullScreen="true" allowScriptAccess="always" quality="autohigh" flashvars="pano=http://www.360cities.net/krpano/external_embed/christ-the-redeemer-corcovado-rio-de-janeiro.xml&epd=http://www.360cities.net/data/embed/plugin_data/christ-the-redeemer-corcovado-rio-de-janeiro"></embed></object><br /> <a title="panorama photos of Cristo Redentor, Corcovado on 360cities.net" href="http://www.360cities.net/image/christ-the-redeemer-corcovado-rio-de-janeiro">Cristo Redentor, Corcovado</a> in <a href="http://www.360cities.net/area/rio-de-janeiro-brazil-2" title="panoramic images from Rio de Janeiro">Rio de Janeiro</a>

Sala das Promessas da Basílica de Nossa Senhora Aparecida in Brazil

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="_360_krpano_id_287942" name="_360_krpano_name_287942" width="425" height="315"><param name="movie" value="http://www.360cities.net/javascripts/krpano/krpano.swf"/><param name="quality" value="autohigh"/><param name="allowScriptAccess" value="always"/><param name="flashvars" value="pano=http://www.360cities.net/krpano/external_embed/sala-das-promessas-aparecida.xml&epd=http://www.360cities.net/data/embed/plugin_data/sala-das-promessas-aparecida"/><param name="allowFullScreen" value="true"/><embed src="http://www.360cities.net/javascripts/krpano/krpano.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="425" height="315" allowFullScreen="true" allowScriptAccess="always" quality="autohigh" flashvars="pano=http://www.360cities.net/krpano/external_embed/sala-das-promessas-aparecida.xml&epd=http://www.360cities.net/data/embed/plugin_data/sala-das-promessas-aparecida"></embed></object><br /> <a title="panorama photos of Sala das Promessas da Basílica de Nossa Senhora Aparecida on 360cities.net" href="http://www.360cities.net/image/sala-das-promessas-aparecida">Sala das Promessas da Basílica de Nossa Senhora Aparecida</a> in <a href="http://www.360cities.net/area/brazil" title="panoramic images from Brazil">Brazil</a>

Basilica de Nossa Senhora Aparecida 2009 in Brazil

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="_360_krpano_id_453571" name="_360_krpano_name_453571" width="425" height="315"><param name="movie" value="http://www.360cities.net/javascripts/krpano/krpano.swf"/><param name="quality" value="autohigh"/><param name="allowScriptAccess" value="always"/><param name="flashvars" value="pano=http://www.360cities.net/krpano/external_embed/360-basilica-de-nossa-senhora-aparecida-2009.xml&epd=http://www.360cities.net/data/embed/plugin_data/360-basilica-de-nossa-senhora-aparecida-2009"/><param name="allowFullScreen" value="true"/><embed src="http://www.360cities.net/javascripts/krpano/krpano.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="425" height="315" allowFullScreen="true" allowScriptAccess="always" quality="autohigh" flashvars="pano=http://www.360cities.net/krpano/external_embed/360-basilica-de-nossa-senhora-aparecida-2009.xml&epd=http://www.360cities.net/data/embed/plugin_data/360-basilica-de-nossa-senhora-aparecida-2009"></embed></object><br /> <a title="panorama photos of Basilica de Nossa Senhora Aparecida 2009 on 360cities.net" href="http://www.360cities.net/image/360-basilica-de-nossa-senhora-aparecida-2009">Basilica de Nossa Senhora Aparecida 2009</a> in <a href="http://www.360cities.net/area/brazil" title="panoramic images from Brazil">Brazil</a>

Basílica de Nossa Senhora Aparecida in Brazil

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="_360_krpano_id_191066" name="_360_krpano_name_191066" width="425" height="315"><param name="movie" value="http://www.360cities.net/javascripts/krpano/krpano.swf"/><param name="quality" value="autohigh"/><param name="allowScriptAccess" value="always"/><param name="flashvars" value="pano=http://www.360cities.net/krpano/external_embed/baslica-de-nossa-senhora-aparecida.xml&epd=http://www.360cities.net/data/embed/plugin_data/baslica-de-nossa-senhora-aparecida"/><param name="allowFullScreen" value="true"/><embed src="http://www.360cities.net/javascripts/krpano/krpano.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="425" height="315" allowFullScreen="true" allowScriptAccess="always" quality="autohigh" flashvars="pano=http://www.360cities.net/krpano/external_embed/baslica-de-nossa-senhora-aparecida.xml&epd=http://www.360cities.net/data/embed/plugin_data/baslica-de-nossa-senhora-aparecida"></embed></object><br /> <a title="panorama photos of Basílica de Nossa Senhora Aparecida on 360cities.net" href="http://www.360cities.net/image/baslica-de-nossa-senhora-aparecida">Basílica de Nossa Senhora Aparecida</a> in <a href="http://www.360cities.net/area/brazil" title="panoramic images from Brazil">Brazil</a><br />

Basilica de Nossa Senhora Aparecida - Santa 2009 in Brazil


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" id="_360_krpano_id_693573" name="_360_krpano_name_693573" width="425" height="315"><param name="movie" value="http://www.360cities.net/javascripts/krpano/krpano.swf"/><param name="quality" value="autohigh"/><param name="allowScriptAccess" value="always"/><param name="flashvars" value="pano=http://www.360cities.net/krpano/external_embed/360-basilica-de-nossa-senhora-aparecida-santa-2009.xml&epd=http://www.360cities.net/data/embed/plugin_data/360-basilica-de-nossa-senhora-aparecida-santa-2009"/><param name="allowFullScreen" value="true"/><embed src="http://www.360cities.net/javascripts/krpano/krpano.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" width="425" height="315" allowFullScreen="true" allowScriptAccess="always" quality="autohigh" flashvars="pano=http://www.360cities.net/krpano/external_embed/360-basilica-de-nossa-senhora-aparecida-santa-2009.xml&epd=http://www.360cities.net/data/embed/plugin_data/360-basilica-de-nossa-senhora-aparecida-santa-2009"></embed></object><br /> <a title="panorama photos of Basilica de Nossa Senhora Aparecida - Santa 2009 on 360cities.net" href="http://www.360cities.net/image/360-basilica-de-nossa-senhora-aparecida-santa-2009">Basilica de Nossa Senhora Aparecida - Santa 2009 </a> in <a href="http://www.360cities.net/area/brazil" title="panoramic images from Brazil">Brazil</a>

Welcome to Dynamic Drive, your source for DHTML scripts.

BARRA DE VIDEO QUE FECHA

FOTO QUE FECHA<br /> <br /> <br /> <br /> <br /> <br /> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_showHideLayers() { var i,p,v,obj,args=MM_showHideLayers.arguments; for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2]; if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; } obj.visibility=v; } } function MM_findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } //--> </script><br /> <br /> <noscript><br /> <br /> width = largura da janela<br /> <br /> height = altura da janela<br /> <br /> left = distância da esquerda<br /> <br /> top = distância do topo<br /> <br /> </noscript><br /> <br /> <style type="text/css"> #botao{cursor:hand;color:#FF0000;border:0px;font-face:arial,verdana;font-size:27pt;font-weight:bold;} </style><br /> <br /> <div id="fechada" style="visibility:visible;filter:Alpha(Opacity=90,FinishOpacity=80,Style=2,StartX=100,StartY=100,FinishX=100,FinishY=1);position:absolute;left:10;top:100;"><table width="800" height="800" bgcolor="#00FF00 " border="0" cellspacing="0" cellpadding="0"><tr> <td> <br /> <br /> COLOCA AQUI O CÓDIGO DE VIDEO<br /> <br /> <br /> <br /> </td> <td align="right" valign="top"><input type="button" id="botao" value="X " onClick="MM_showHideLayers('fechada','','hide')" title="Fechar!!!"></td> </tr> </table></div>

Faça o seu Generator aqui

Visitas online

<!-- Inicio Codigo Visitas online gratis opromo.com --><br /> <script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=site1274152455&corfont1=000000&texto=1&formato=normal&tipo=verdana&tamanho=3&simbo=1" type="text/javascript"></script><br /> <!-- Fim Codigo Visitas online gratis opromo.com --><br /> <br /> <br /> <!-- Inicio Codigo Visitas online gratis opromo.com --><br /> <script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=site1274154541&corfont1=000000&texto=4&formato=normal&tipo=verdana&tamanho=3&simbo=1" type="text/javascript"></script><br /> <!-- Fim Codigo Visitas online gratis opromo.com --><br />

FOTO COM AJUSTE DE TAMANHO





<center><br /> <img height="200" src="http://images.orkut.com/orkut/photos/OgAAAI5myGChPYXR6mqHfjxPXy7JyMXynN2MSF1MYsGZZKnd8CtsyRQ7WIhCpaXbE-YuOkrb2IRkphEJXTbVmklGDMQAm1T1UDuhqSzmXBHy2D_K7jQdWBY-4Kor.jpg" width="200" /><br /> </center>

foto de fundo do site

para foto de fundo,vai na configuração do blog,basico e marque EDITOR DE ATUALIZADO e salvar


Myspace Backgrounds



<br /> <style type="text/css"> body { background-color:FFFFFF; background-image:url(COLOQUE AQUI O ENDEREÇO DA IMAGEM); background-repeat:repeat; background-attachment:fixed;} </style><a href="http://www.wallpaper4me.com/"><b>Myspace Backgrounds</b></a>

Texto aparecendo devagar
Com esse script quando a página for atualizada surgirá uma mensagem.
------------------------------------------------------------------------------------
">
Untitled Document
Seje Bem Vindo Visitante, Nestas paginas esta alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita !

"> Untitled Document <span id="typing">Seje Bem Vindo Visitante, Nestas paginas esta alguns dos meus trabalhos, peço a você que ao final de sua visita deixe sua opinião, pois a mesma é muito util para mim e obrigado pela sua visita !</span> <script type="text/javascript"> /**************************************************** * Typing Text script- Dy Trey @ Dynamic Drive Forums * Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com * This notice MUST stay intact for legal use ****************************************************/ interval = 100; // Interval in milliseconds to wait between characters if(document.getElementById) { t = document.getElementById("typing"); if(t.innerHTML) { typingBuffer = ""; // buffer prevents some browsers stripping spaces it = 0; mytext = t.innerHTML; t.innerHTML = ""; typeit(); } } function typeit() { mytext = mytext.replace(/<([^<])*>/, ""); // Strip HTML from text if(it < mytext.length) { typingBuffer += mytext.charAt(it); t.innerHTML = typingBuffer; it++; setTimeout("typeit()", interval); } } </script>

Texto que munda em hora em hora,automáticamente




A cada horas você irá ver um tipo de mensagem.clique aqui e ver como fica



Código do texto que munda em hora em hora,automáticamente
<script language="JavaScript"><!-- document.write(" <dl><dd>") day = new Date() hr = day.getHours() if (hr ==1) document.write("Nossa, 1 da manhã! Você não dorme não?") if (hr ==2) document.write("Já são 2 da manhã! Vai dormir!!!") if (hr ==3) document.write("Credo, 3 da manhã! Você é um vampiro ou o que?!?!") if (hr ==4) document.write("São 4 da manhã! Você não devia estar na cama agora?!?!") if (hr ==5) document.write("Meu, 5 da manhã, já está clareando e você ainda ta aí!") if (hr ==6) document.write("6 da manhã: Deus ajuda quem cedo madruga!") if ((hr ==7) || (hr ==8) || (hr == 9) || (hr ==10)) document.write("Bom dia!") if (hr ==11) document.write("11 da manhã, está quase na hora do almoço!") if (hr ==12) document.write("Meio-dia! Que tal ir almoçar?") if (hr ==13) document.write("1 hora da tarde! Já almoçou hoje?") if ((hr==14) || (hr==15)) document.write("Boa tarde!") if (hr ==16) document.write("Já deu um tempo pra ver o céu lá fora, hoje?") if (hr==17) document.write("Hora do cafezinho (ou do chá das 5 ;)!") if (hr==18) document.write("Bom final de tarde!") if ((hr==19) || (hr==20) || (hr==21) || (hr==22)) document.write("Boa noite!") if (hr==23) document.write("Já é quase meia-noite!") if (hr==0) document.write("Meia-noite! Já é um novo dia!") document.write("</dl>") //---></SCRIPT>

clique em avançar para começar

>

clique aqui para pegar o código

">
Untitled Document

Cique e Veja o Titulo Mover-se !

"><br /> Untitled Document<br /> <script language="javaScript"> var pos=0; var nar="O Titulo esta se movendo, é aqui que vc insere sua mensagem! "; function scroll() { document.title=nar.substring(pos,nar.length)+nar.substring(0,pos); pos=(pos+1)%nar.length; } function Thisinit() { setInterval("scroll()",100); } </script><br /> <style type="text/css"> <!-- .style1 { font-size: 36px; font-weight: bold; } --> </style><br /> <br /> <br /> <div align="center"><a class="style1" href="javascript:Thisinit()">Cique e Veja o Titulo Mover-se !</a><br /> <br /> </div>

A janela vai se abrindo de lado, muito massa resizeTo2
no contarL += 30;é a velocidade da abertura



<script type="text/javascript"> <!-- var t, contarA = 200, contarL = 200; function ini(){ t = window.setInterval("dimLargura()", 100); } function dimLargura(){ if(contarL < 1150){ contarL += 30; window.resizeTo(contarL, 900); } else{ dimAltura(); window.clearInterval(t); } } function dimAltura(){ contarA += 400; if(contarA < 300){ window.resizeTo(400, contarA); window.setTimeout("dimAltura()", 900); } } window.onload = ini; //--> </script><br />