18 replies to this topic

[LEXCAMARGOS]

É mt simples é só usar Divs com uma Scroll configurada.

[Skuall]

Olá!

Crie um Iframe (Não sabe o que é iFrame? http://forum.wmonlin...act=Search&f=16 ). Agora chame uma página dentro deste... Bastará configurar as cores da Barra de Rolagem no arquivo chamado!

[Fernando_Ramos]

tb gostaria de saber como faz se alguém souber e quizer postar um exemplo eu agradeceria.

[COWBOY_4ever]

Foi usado JS.

[soller_2003]

Eu posso estar errado Cowboy mas pelo código diz que é DHTML ...


falow

[LEXCAMARGOS]

Bom galera eu to sem tempo vou da um olhada com calma e volto a postar. Por hora vou colocar aqui o script q configura esse sfeito:

<!------------Script de Scroll------------------------------------------->
<script language=JavaScript>
        //<!-----------------------------------------------------------
        // Scroll Vertical - Agenteweb - http://www.agenteweb.com.br
        // Dhtml Layer & V. Scroll
        //-------------------------------------------------------------
        //
        // Instrucoes: copiar todas as linhas do script e nao esquecer do body onload...
        // copiar os divs
        // para compatibilidade com o netscape os os divs devem ter os tamanhos
        // modificados de acordo com os dados abaixo
        // -------------------------------------------------------------
        // 
        // Configuracoes do scroll horizontal

        // coordenadas e dimensoes do texto
        txt_x = 305;  
     txt_y = 105;     
        txt_w = 420; // largura
        txt_h = 245; // altura

        // altura e  largura dos botoes - copiar do arquivo de imagem
        btn_h    = 16;
        btn_w    = 16;

        // altura e largura do botao de knob da scroll - copiar do arquivo de imagem
        knob_h = 37;  
        knob_w = 16;        

        // novidade - margem do texto
        margin   = 10; 

     t_refresh = 10;  // tempo de refresh entre um teste e outro
        space     = 9;   // tamanho em pixels do salto por click

        // caminho para os arquivos de imagens
        path_img = "/awscroll/images/verde/" 
        //-->
</SCRIPT>

<script language=JavaScript src="i_comapalavra_arquivos/scrollBar.js"></SCRIPT>
<!-- final do script de scroll --><!----Script de Mouseover------->
<script language=JavaScript>


<!--
        browserName = navigator.appName;
        browserVer = parseInt(navigator.appVersion);

         if (browserName == "Netscape" && browserVer >= 3) version = "n3";
         else version = "n2";
                 if (browserName == "Microsoft Internet Explorer" && browserVer >= 4) version = "e4";
                 else version = "e3";
                
         if (version == "n3") or (version == "e4") 
                                {
                comapalavra = new Image();
                comapalavra.src = "images/bt_comapalavra_on.gif";
                                                                                                                                            
                moments = new Image();
                moments.src = "images/bt_moments_on_new.gif";
    
    tudodebom = new Image();
                tudodebom.src = "images/bt_tudodebom_on.gif";
    
    horoscopo = new Image();
                horoscopo.src = "images/bt_horoscopo_on.gif";
                                                                                                                                            

	
                comapalavraoff = new Image();
                comapalavraoff.src = "images/bt_comapalavra_off.gif";
                                                                                                                                            
                momentsoff = new Image();
                momentsoff.src = "images/bt_moments_off_new.gif";
    
    tudodebomoff = new Image();
                tudodebomoff.src = "images/bt_tudodebom_off.gif";  
    
    horoscopooff = new Image();
                horoscopooff.src = "images/bt_horoscopo_off.gif";                          

                }
                                
                function ativa_img(imgName) {
                        if (version == "n3") or (version == "e4") 
                                {
                        imgOn = eval(imgName + ".src");
                                                document [imgName].src = imgOn;
                                                
                }
        }

        function inat_img(imgName) {
                        if (version == "n3") or (version == "e4") 
                                {
                        imgOn = eval(imgName + "off.src");
                                                
                                                document [imgName].src = imgOn;
                                                
                }
        }


//-->
</SCRIPT>
<!---------Fim do Script de Mouseover-----------><!----iNICIO DE SCRIPT PARA FAZER UM SHOWHIDDEN LAYER--->
<script language=JavaScript>
function MM_showLayers() { //v1.0
  var i, visStr, args;
  args = MM_showLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
    visStr   = args[i+2];
    if (navigator.appName == 'Netscape') {
      if (document.layers != null) eval(args[i]+".visibility = '"+visStr+"'");
    } else { //IE
      if (visStr == 'show') visStr = 'visible'; //convert vals
      if (visStr == 'hide') visStr = 'hidden';
      if (document.all != null) eval(args[i+1]+".style.visibility = '"+visStr+"'");
  } }
}
</SCRIPT>
<!-----FIM SCRIPT SHOWHIDDEN LAYER---->
<script language=JavaScript1.2>
<!--

/* Zooming link script by Paul Anderson, copyright 2002 CNET Builder.com.
   May be freely used with attribution. Not for resale. All rights reserved. 
   Make a link zoom open by adding the event handler
   
   onclick="zoomBox(event,this);return false"
   
   To zoom into a new, positioned window add width, height, left, and top
   
   onclick="zoomBox(event,this,640,480,100,50);return false"
   */

var maxW,maxH,fromX,fromY,toX,toY,adjX,adjY,zBox,zStep=0,zLink,zNew;

function zoomBox(evt,zlink,maxw,maxh,tox,toy) {
if (arguments.length > 2) zNew=1;
scrollH=(window.pageYOffset!=null)?window.pageYOffset:document.body.scrollTop;
maxW=maxw?maxw:window.innerWidth?innerWidth:document.body.clientWidth;
maxH=maxh?maxh:window.innerHeight?innerHeight:document.body.clientHeight;
toX=tox?tox:0;
toY=(toy?toy:0)+scrollH;
fromX=evt.pageX?evt.pageX:evt.clientX;
fromY=(evt.pageY?evt.pageY:evt.clientY)+(document.all?scrollH:0);
adjX=toX+evt.screenX-fromX;
adjY=toY+evt.screenY-fromY;
if (document.createElement && document.body.appendChild && !zBox) {
	zBox=document.createElement("div");
	zBox.style.position="absolute";
	document.body.appendChild(zBox);
} else if (document.all && !zBox) {
	document.all[document.all.length-1].outerHTML+='<div id="zBoxDiv" style="position:absolute"></div>';
	zBox=document.all.zBoxDiv;
} else if (document.layers && !zBox) {
	zBox=new Layer(maxW);
	zBox.style=zBox;
	}
zLink=zlink;
doZoom();
}

function doZoom() {
zStep+=1;
zPct=(10-zStep)/10
if (document.layers) {
	zBox.moveTo(toX+zPct*(fromX-toX),toY+zPct*(fromY-toY));
	zBox.document.open();
	zBox.document.write("<table width='"+maxW*(1-zPct)+"' height="+maxH*(1-zPct)+" border=2 cellspacing=0><tr><td></td></tr></table>");
	zBox.document.close();
	} else {
	zBox.style.border="2px solid #999999";
	zBox.style.left=toX+zPct*(fromX-toX);
	zBox.style.top=toY+zPct*(fromY-toY);
	zBox.style.width=maxW*(1-zPct);
	zBox.style.height=maxH*(1-zPct);
	}
zBox.style.visibility="visible";
if (zStep < 10) setTimeout("doZoom("+fromX+","+fromY+","+toX+","+toY+")",30);
else {
	zBox.style.visibility='hidden';
	zStep=0;
	if (zLink && !zNew) location.href=zLink.href;
	else if (zLink && zNew) {
  var w=window.open(zLink.href,'','width='+maxW+',height='+maxH+',left='+adjX+',top='+adjY+',scrollbars,resizable');
  zNew=null;
  }
	}
}

//-->
</SCRIPT>

Mais esse atributo na boby

<BODY onload=awscroll_setup() marginheight="0"> <!-- importante manter a linha onLoad="awscroll_setup()" no <BODY> -->

[Skuall]

Olá!

Movido para JavaScript.

[Thaty TJ]

Olá!
Ae LEXCAMARGOS eu tentei usar esse código aqui e tá dando um erro no <body>...
[ ]'s

[[SOAD]]

mas iai ..i ...como se faz essa barra ? estou precisando de algo assim

[LEXCAMARGOS]

Olá!
Ae LEXCAMARGOS eu tentei usar esse código aqui e tá dando um erro no <body>...
[ ]'s

Galera desculpe ter ficado tanto tempo sem vir aqui no forum e deixar vocês com essa duvida mais é que o meu pc estava com problema e eu estava viajando ai ficou dificil postar aqui.

Vou dar uma olhada no código e volto a postar denovo algo.

[LEXCAMARGOS]

Eu posso estar errado Cowboy mas pelo código diz que é DHTML ...

DHTML é mada mais mada menos que a junção de JS mais CSS.
DHTML=JS+CSS