Jump to content


Photo

Barra De Rolagem Em Uma Layer - Div Tag


  • Faça o login para participar
8 replies to this topic

#1 puffera

puffera

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 10/03/2006, 19:01

Ae galera, sou novato por aqui e gostaria de saber como faço pra mim colocar uma barra de rolagem na Div Tag (Layer) pra ir acompanhando o texto? Estilo o site da vitura.com.br

Aguardo resposta!

#2 Makerup

Makerup

    diga XXXXXXX ... isso é palavrão??

  • Usuários
  • 1271 posts
  • Sexo:Masculino
  • Localidade:Sampa

Posted 10/03/2006, 20:50

o site q vc deu como EX no abre.
makerup comunicação e marketing

#3 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 11/03/2006, 00:12

Amigo para definir um scroll numa camada é simples.

Após vc desenhar a camada ... observe a paleta de propriedades.

Com a camada selecionada, vc definirá na opção overflow a subopção do mesmo denomindada scroll :D

Olha só:

<div id="Layer1" style="position:absolute; left:252px; top:24px; width:375px; height:185px; z-index:1; overflow:scroll; overflow-x:hidden; visibility: visible;">



AZUL = define que deverá ter scroll esta camada
VERMELHO = define que o scroll será apenas na vertical e ocultará a rolagem horizontal

Bom hoje em dia eu já faria de outra forma mas bem parecido.

... definiria um CSS separado da tag individual da camada...

... assim eu poderia chamar esse CSS em todas as camadas que eu quisesse o mesmo style sem ter que digitar todo o código diretamente na tag das camadas

Assim:

<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	left:252px;
	top:24px;
	width:375px;
	height:185px;
	z-index:1;
	overflow: scroll;
	overflow-x:hidden;
visibility: visible; 
}
-->
</style>


e a camada apenas ficaria assim:

<div id="Layer1"></div>

(y)Até mais

#4 puffera

puffera

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 11/03/2006, 09:15

Ae Crab_ entendi o que você fez, agora quero saber mais uma coisa, como faço pra mim trocar a barra de rolagem, por alguma outra figura?? Valeu até agora!

#5 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 11/03/2006, 21:40

Eu entendi o que vc quer fazer mas aí não é como foi feito acima.

É bem trabalhoso ... existem extenções para isso até ... de uma olhada no site da macromedia e descubra o nome da extensão.

Tipo vc terá que trabalhar muito com eventos, comportamentos, timelines ( depende de como quiser que a rolagem seja .. suave ou não ... ) etc ...

Se eu souber de algum link mais esclarecedor pra vc eu posto aqui.

Eu já fiz isso uma vez quandoe stava aprendendo ... mas faz muito tempo nem tenho mais o exemplo ... só sei que foi demorado hehehe

Mas hoje acho que se eu for tentar até faço mais rápido ... porém o tempo que não me deixa faze-lo agora ... se nessas andanças eu souber de algum link te passo e quem sabe alguém mais ajude ae...

Vlw
-----------------------------------------------------------------------------------------------

EDITADO

Consegui descobrir o site que vc queria mostrar como exemplo hehehe

htpp://www.virtua.com.br

Realmente é com layers, timeline, eventos e comportamentos que vc consiguirá fazer.

Se eu tiver um tempo na semana eu tento mostrar um exemplo simples mas tenta achar alguma coisa aqui:

http://www.dynamicdrive.com

(y)Até mais

#6 puffera

puffera

    Turista

  • Usuários
  • 35 posts
  • Sexo:Não informado

Posted 12/03/2006, 08:37

Ae Crab_ ja desconfiava que era meio trabalhoso, vou ver se acho algo no site que me passou e se arrumar o exemplo posta ele ai depois... Valeu!

#7 Crab

Crab

    Da paz, mas preparado para Guerra

  • Ex-Admins
  • 2521 posts
  • Sexo:Masculino
  • Localidade:Florianópolis - SC
  • Interesses:Desenvolvimento Gráfico e Web.

Posted 12/03/2006, 12:24

O puffera me procuru em PM mas acho justo essa discussão rolar por aqui.

E o que foi falado foi o seguinte:

Ae Crab, olhando aquele site que você me passou, achei esse exemplo, creio que seja +/- isso que eu preciso né?

http://www.dynamicdr...11/scrollc2.htm

Abraços!



Sim sim ... mas nesse caso faltou a animação de uma rolagem e tals ... onde uma barra de rolagem vai para cima e para baixo.

Mas acho que não terá dificuldades de fazer já que o princípio é o mesmo.

Vc terá que fazer uma camadinha ( com a imagem da barra de rolagem ) .... se mover para cima e para baixo de um ponto à outro ( definido na timeline ) de acordo com o evento onmouseover aplicado nos botões.

...

(y)



É justo que esse tipod e dúvida e possíveis soluções sejam compartilhadas com toda a comunidade.

Obrigado

(y)Até mais

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 20/09/2017, 14:33

Viagra For .75 A Pill cialis online Vente Viagra Livraison Gratuite Generic Cialis With Dapoxetine Prix Cialis France Pharmacie Generic Hydrochlorothiazide Can I Purchase Without A Script online pharmacy Cialis Wirkung Dosis
Cialis Y Viagra Diferencias cialis price Tab Progesterone Overseas
Secure Progesterone Hormone Replacement Low Price Mastercard Nevada Priligy Janssen Cilag Doxine
Propecia Perderpelo <a href=http://cialtobuy.com>cialis</a> Precio Levitra 20 Mg Farmacia

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/09/2017, 02:25

Buy Propecia Mexico buy cialis Buy Now Provera In Internet Secure Ordering Store Cheap Mayo Clinic Online Propecia Buy Zoloft Online With No Perscription buy cialis Achat Propecia Doctissimo
Ciplactin Pills cialis buy online Efficacia Propecia 5 Alfa Reduttasi
Viagra Soft Tabs Amoxicillin Wat Is It
Buy Now Isotretinoin Oratane <a href=http://cialtobuy.com>cialis</a> Amoxicillin 500 Mg No Prescription
Achat Ciprofloxacin En Ligne Belgique cialis Keflex How Long Used For
Cytotec Diu Pharmacie En Ligne Cephalexin Asthma
Cialis Germany <a href=http://cialtobuy.com>cheap cialis</a> Where Can I Buy Cyproheptadine
No Rx Fluoxetine cialis online Propecia Cost Over Time
Achat De Cialis Non Generique Paypal Sildenafil Effects Of Mixing Keflex And Alcohol
Rock It Man Erection Pills For Sale <a href=http://cialtobuy.com>cialis</a> Viagra 25mg Prix
Taking Amoxicillin On An Empty Stomach cialis Buy Zithromax Powder
Does Cephalexin Heal Gum Infections Buy Cialis 100mg Online 468 Comprar Viagra Online Sin Receta
Cialis Generic Walgreens <a href=http://cialtobuy.com>cialis</a> Buy Accutane Online Cheap




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq