Jump to content


Photo

Barra De Rolagem Transparente


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

#1 tana

tana

    Novato no fórum

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

Posted 16/01/2004, 16:20

Olá!
Meu nome é Talitha, e estou com uma dúvida cruel..
Como faço barra de rolagem transparente?!?!?

Obrigada pela atenção..

msn: tanarhcp@msn.com

#2 pchardnet

pchardnet

    ×-× 3D ×-×

  • Usuários
  • 1068 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte-MG

Posted 16/01/2004, 16:38

É só colocar esse código entre as tags <head></head>

<style type="text/css">BODY {
SCROLLBAR-FACE-COLOR: #ffff99;
SCROLLBAR-HIGHLIGHT-COLOR: #ffff99;
SCROLLBAR-SHADOW-COLOR: #ffff99;
SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-ARROW-COLOR: #808080;
SCROLLBAR-TRACK-COLOR: #ffff99
}
</style>

Mude as cores a seu gosto... trasparente não fica, mas se ficar da mesma cor do browser engana né...
www.wvirtu.net - Hospedagem Sites - PHP + MySql + Fantástico - Joomla! pré-instalado

www.joomlaminas.org - Grupo de Usuários Joomla! de Minas Gerais

#3 tana

tana

    Novato no fórum

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

Posted 16/01/2004, 17:02

É só colocar esse código entre as tags <head></head>

<style type="text/css">BODY {
SCROLLBAR-FACE-COLOR: #ffff99;
SCROLLBAR-HIGHLIGHT-COLOR: #ffff99;
SCROLLBAR-SHADOW-COLOR: #ffff99;
SCROLLBAR-3DLIGHT-COLOR: #808080;
SCROLLBAR-ARROW-COLOR: #808080;
SCROLLBAR-TRACK-COLOR: #ffff99
}
</style>

Mude as cores a seu gosto... trasparente não fica, mas se ficar da mesma cor do browser engana né...

obrigada pela resposta.. =)
mas eu ja vi em alguns sites que tinha uma figura numa frame, e a na barra de rolagem dava pa ver a figura..

se alguem souber...agradeço

#4 DIMEBAG

DIMEBAG

    Normal

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

Posted 17/01/2004, 11:15

entao nao seria essa barra padrao nao eh nao?

seria akelas q na ponta eh soh um sinal assim ^... geralmente usada nos iframes?

posta um exemplo do q vc quer...


falowz...
COMING SOON!!!

#5 tana

tana

    Novato no fórum

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

Posted 19/01/2004, 11:05

entao nao seria essa barra padrao nao eh nao?

seria akelas q na ponta eh soh um sinal assim ^... geralmente usada nos iframes?

posta um exemplo do q vc quer...


falowz...

está ae um exemplo de barra transparente

flw..

obrigada!
Posted Image

#6 pchardnet

pchardnet

    ×-× 3D ×-×

  • Usuários
  • 1068 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte-MG

Posted 19/01/2004, 11:43

Não apareceu a imagem...

Que tal enviar o link do site que usa essa barra
www.wvirtu.net - Hospedagem Sites - PHP + MySql + Fantástico - Joomla! pré-instalado

www.joomlaminas.org - Grupo de Usuários Joomla! de Minas Gerais

#7 crowesBR

crowesBR

    Turista

  • Usuários
  • 43 posts
  • Sexo:Não informado
  • Interesses:Photoshop, Flash, Dreamweaver

Posted 23/01/2004, 18:56

Acho q essa extensions deve resolver. <_<

SCROLLER GENIE

Ou fazer em JS.
Se alguem tiver uma extension parecida me avise tb. (y)

T+
Anderson
Anderson Oliveira Portfolio Online
FWA - SITE OF THE DAY JAN 2004

#8 DIMEBAG

DIMEBAG

    Normal

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

Posted 24/01/2004, 13:14

Acho q essa extensions deve resolver. <_<

SCROLLER GENIE

Ou fazer em JS.
Se alguem tiver uma extension parecida me avise tb. (y)

T+
Anderson

muito bom esse link...


valeuz...


falowz...
COMING SOON!!!

#9 gabipn

gabipn

    Novato no fórum

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

Posted 28/01/2004, 15:22

entao nao seria essa barra padrao nao eh nao?

seria akelas q na ponta eh soh um sinal assim ^... geralmente usada nos iframes?

falowz...

Como faço esse tipo de rolagem em iframe que vc citou? com apenas duas pontas onde a pessoa ao passar o mouse ali, desce o iframe?

Gabi
www.tempversion.kit.net
gabipessotti@superig.com.br

#10 Kiketex

Kiketex

    Turista

  • Usuários
  • 36 posts
  • Sexo:Feminino
  • Localidade:Guarujá-SP

Posted 01/02/2004, 10:48

O estilo de barra q a Tana qr é esse:
Deste Site
Vejam q a barra de rolagem fika colorida msm, que da ate para ver os quadradinhos do fundo através dela.
Eu dei uma olhada no código html e descobri esse código no Div.

<div style="position: absolute; top: 141; left: 17; width: 207; height: 339; overflow: auto; filter: chroma (color=#00FF00);scrollbar-face-color:00FF00;scrollbar-shadow-color:00FF00;
scrollbar-3dlight-color:FF9BD6;scrollbar-arrow-color:00FF00;scrollbar-base-color:00FF00;scrollbar-track-color:00FF00;scrollbar-darkshadow-color:8CA6F1;
scrollbar-highlight-color:E2EAFF;scrollbar-shadow-color:C278A4;" allowtransparency="true">

e no código para cor de barra de rolagem temos isso:

<STYLE type="text/css">
<!--BODY{
background-color: none; transparent;
scrollbar-face-color:pink;
scrollbar-3dlight-color:FF9BD6;
scrollbar-arrow-color:deeppink;
scrollbar-base-color:00FF00;
scrollbar-track-color:white;
scrollbar-darkshadow-color:black;
scrollbar-highlight-color:black;
scrollbar-shadow-color:white;
}-->

mas há um porém, qndo usei o código e fui mudar a página html, para uma minha, a barra não fikou transparente como a dela não, só fika se uso a msm página q ela.

Alguem pode ajudar eu a Tana hehehehe

Beijão




0 user(s) are reading this topic

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

IPB Skin By Virteq