Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

danvidaloka69

[Resolvido] barraderolagem

Recommended Posts

eae pessoal,fmz?bom,eu tenho uma duvida, eu ouvidizer q no fireworks se faz isso,mais eu uso o photoshop e queria saber se algum de vcs sabe como posso fazer pel0 dreamweaver.o lance é o seguinte:eu tava querendo colocar uma imagem na barra de rolagem, nao é mudar a cor, é imagem mesmo.... ;) desde ja agradeco...falow, galera... :D email: danilo.araujo@corp.terralycos.comemail2: daniloaraujo69@uol.com.bricq: 105758345blog: danvidaloka.kit.net

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não sei se isso ajuda...

mas da um desconto, pro q minha area é fireworks...

 

Este é simples de ser aplicado, mas é um pouco difícil de editá-lo.

 

1º Passo:

Antes de tudo, clique aqui e salve o arquivo "scroll.js" na pasta onde está a sua página. Este arquivo é essencial para o funcionamento do script.

 

 

2º Passo:

 

Copie o código abaixo e cole entre as tags <head> e </head> do seu código.

 

<style type="text/css">

#divUp{position:absolute; left:470; top:190}

#divDown{position:absolute; left:470; top:340}

#divCont{position:absolute; width:300; height:200; overflow:hidden; top:180; left:170; clip:rect(0,300,200,0); visibility:hidden}

#divText{position:absolute; top:0; left:0}

</style>

<script language="JavaScript" src="scroll.js"></script>

 

 

 

Este script é dividido em 3 partes:

      DivUp = é o botão "para cima" da barra de rolagem

      DivDown = é o botão "para baixo" da barra de rolagem

      DivCont e DivText = é o espaço em que vai o texto.

 

 

A posição do DivUp é dada pelos valores destacados em vermelho. Alterando estes valores, você mudará também a posição do botão "para cima".

A posição do DivDown é dada pelos valores destacados em azul. Alterando estes valores, você mudará também a posição do botão "para baixo".

A largura e a altura da caixa de texto são dados respectivamente pelos valores destacados em verde. Mas quando você alterar o tamanho da caixa de texto, você deverá também alterar também os valores destacados em laranja, usando os mesmos valores do destaque em verde. Complicado? Por exemplo:

 

atual: #divCont{position:absolute; width:300; height:200; overflow:hidden; top:180; left:170; clip:rect(0,300,200,0); visibility:hidden}

alterado: #divCont{position:absolute; width:450; height:350; overflow:hidden; top:180; left:170; clip:rect(0,450,350,0); visibility:hidden}

 

 

Mudou o verde, mude também o laranja!

Voltando às alterações da caixa de texto... Para alterar a sua posição, mude os valores destacados em roxo.

 

3º Passo:

 

Agora, copie o código abaixo e cole entre as tags <body> e </body> do seu código:

 

<div id="divUp">

<a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()"><img src="scrollup.gif" width="22" height="39" alt="" border="0"></a>

</div>

<div id="divDown">

      <a href="#" onmouseover="scroll(7)" onmouseout="noScroll()"><img src="scrolldown.gif" width="22" height="39" alt="" border="0"></a>

</div>

<div id="divCont">

      <div id="divText">

        <p align="center"><font face="Tahoma, Arial" size="2">

        <p><b>

        Personalize seu scroll<br>

        <br>

        Insira aqui o seu texto e/ou imagem.<br>

        </font>

        </div>

</div>

 

 

 

O valor destacado em azul é a velocidade do botão "para cima". Este valor deve ser sempre negativo.

O valor destacado em vermelho a velocidade do botão "para baixo". Este valor deve ser sempre positivo.

O destaque em verde representa todo o conteúdo da caixa de texto, e pode ser substituído por textos, imagens, etc.

Os destaques em laranja são respectivamente, as imagens do botão "para cima" e "para baixo". Elas podem ser substituídas por alguma de sua preferência.

 

4º Passo e último passo

Agora, salve as imagens a seguir onde está a sua página.

 

Imagem Postada      Imagem Postada

Texto postando por nowind retirado de Hpg/Melhore

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seguinte, primeiro deve-se saber em que barra de rolagem vai a imagem?

No browser em si ou em algum campo dentro do site??

Se for no browser, so mesmo mudando o registro... ou quase... dá p/ mudar a cor da barra de rolagem, e tbm de lado, mas nao sei o script desse de mudar a barra de lado no browser1

Agora, se fala em colcoar imagem em caixa de texto que tenha barra, dai a resposta que foi dada está certa!

Tenho um script no meu iste, veja se serve:

SITENOVO - net community

 

[]s

Rodney

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.