Ir para conteúdo

Arquivado

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

Zoação

Sei que é HTML, mas está em uma página PHP

Por , em Desenvolvimento frontend

Recommended Posts

Zoação    2

Zoação
Postado

Tenho uma página em PHP que exibe o retorno em HTML, porém não sei porque não consigo mais configurar a barra de rolagem ... vejam abaixo o código da barra abaixo...

 

BODY,HTML {
scrollbar-face-color:#FF8000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF8000;
scrollbar-track-color:#E0E0E0;
}

 

Estranho, mas não quer funcionar ...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

 

riamo adicione antes:

<script type="text/css">

e depois

</script>

 

Continua sem funcionar.

 

Isso é Html/Css. Poste na área correta.

 

Sim. Sei disto!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Na realidade a tag de CSS é <style type="text/css></style>

 

A de <script></script> é usada para javascript

 

Entenda mais sobre a estilização das "scrolls bars" em http://www.maujor.com/tutorial/scroll_bar.php

 

Então Rafael,

 

eu acabei foi não publicando aqui completo... mas veja só como havia feito:

 

<STYLE type="text/css">
BODY,HTML {
scrollbar-face-color:#FF8000;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#FF8000;
scrollbar-track-color:#E0E0E0;
}
</STYLE>

 

Foi desta forma que adicione... logo abaixo de

 

<head>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Heming    766

Gabriel Heming
Postado

Há navegadores que realmente não permitem esse css. Qual navegador você testou?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Há navegadores que realmente não permitem esse css. Qual navegador você testou?

 

O Internet Explorer 9.0

 

Por isso que achei estranho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raphael Barros    48

Raphael Barros
Postado

O Internet Explorer 9.0

 

Por isso que achei estranho.

 

Testei este código abaixo no IE6 e IE9 e funcionou:
<style type="text/css">
body , html , textarea{
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #00FF00;
scrollbar-face-color: #0000FF;
scrollbar-highlight-color: #EEFFAA;
scrollbar-3dlight-color: #0FF00F;
scrollbar-shadow-color: #F00FF0;
scrollbar-darkshadow-color: #FFF000;
}
</style>
Achei esta solução com jQuery que abrange os outros browsers : http://baijs.nl/tinyscrollbar/

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

 

Testei este código abaixo no IE6 e IE9 e funcionou:
<style type="text/css">
body , html , textarea{
scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #00FF00;
scrollbar-face-color: #0000FF;
scrollbar-highlight-color: #EEFFAA;
scrollbar-3dlight-color: #0FF00F;
scrollbar-shadow-color: #F00FF0;
scrollbar-darkshadow-color: #FFF000;
}
</style>
Achei esta solução com jQuery que abrange os outros browsers : http://baijs.nl/tinyscrollbar/

 

Raphael,

 

Agora funcionou perfeitamente no Internet Explorer 9.0, mas no Google Chrome não funcionou.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Zoação    2

Zoação
Postado

Dê o post certo como solução, não foi o seu!

 

Desculpe, é que ainda estou me acostumando com fóruns...

 

Obrigado !! :D

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito