Jump to content

  2. →
  3. →
  4. →
  5. →

Photo

Scroll - Mudar A Cor

Started By A² Design, 28/07/2006, 13:54

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

#1 A² Design

A² Design

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Masculino

Posted 28/07/2006, 13:54

Boa tarde a todos

No meu site fiz um iframe e com isso o scroll cria automático ( quando o conteudo é maior que o local especificado ) eu gostaria de modificar as cores da barra de rolagem, na realidade gostaria de deixar somente a SETA - PRA CIMA E PRA BAIXO no mesmo padrao que esta ( no mesmo local ) mas sem as cores ... somente a setinha pra cima e pra baixo, ou preta ou branca.. dependendo da cor do site. entenderam..
Me desculpe se nao consegui me expressar direito..
Qualquer coisa me add no MSN se for mais facil pra explicar..
Obrigado..


Arnaldo Lopes.

Edição feita por: A² Design, 28/07/2006, 13:56.

#2 Lucia

Lucia

    24 Horas

  • Usuários
  • 436 posts
  • Sexo:Feminino
  • Localidade:Campo Grande MS

Posted 28/07/2006, 14:45

Oi Arnaldo, é só inserir este código no html do seu site e modificar com a cor que quiser.

<style>body{scrollbar-3d light-color:#b300b3;scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#b300b3;scrollbar-dark-shadow-color:#b300b3;
scrollbar-face-color:#b300b3;scrollbar-highight-color:#b300b3;
scrollbar-shadow-color:#b300b3;}
</style>

Abraços
www.educamor.net
www.educamor.com.br

#3 A² Design

A² Design

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Masculino

Posted 28/07/2006, 14:52

Lucia..
Boa tarde.
Esqueci de um detalhe..
Eu abro todos os links no meio do meu lay, portanto a duvida seria também (( insiro o código no Index ??? )) " Desculpe minha ignorancia, é que sou novato e com a ajuda de voces estou aprendendo muito aqui.. "

o site é : www.bandamrjack.com.br/kyrie

se caso quiser dar uma olhada.

Por enquanto obrigado..
Deixa eu tentar.. qualquer coisa eu retorno

Obrigado

Arnaldo Lopes

Edição feita por: A² Design, 28/07/2006, 14:57.

#4 Lucia

Lucia

    24 Horas

  • Usuários
  • 436 posts
  • Sexo:Feminino
  • Localidade:Campo Grande MS

Posted 28/07/2006, 16:04

Você tem que inserir o código em todas páginas que forem aparecer no frame e na index.

Abraços

Edição feita por: Lucia, 28/07/2006, 16:05.

www.educamor.net
www.educamor.com.br

#5 A² Design

A² Design

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Masculino

Posted 31/07/2006, 09:33

Lucia.. Bom dia..

Desculpe mais uma vez a minha ignorancia.. mas nao consegui mudar a cor das barras de rolagens..

abaixo estou enviando o codigo da pagina pra dar uma olhada pra ver se fiz corretamente...
Estou usando o Front Page ok ?

Muito obrigado..
================================================================
++ CODIGO DA PAGINA ++
================================================================

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Eletro Jupiá</title>

<BR>
</head>
<style>body{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#000000;
<BR>scrollbar-base-color:#FFFFFF;
<BR>scrollbar-dark-shadow-color:#FFFFFF;
<BR>scrollbar-face-color:#FFFFFF;scrollbar-highight-color:#FFFFFF;
<BR>scrollbar-shadow-color:#FFFFFF;}
<BR></style><BR>

<body>

<div align="center">
<center>
<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="231" id="AutoNumber1" background="Imagens/lay.jpg" height="341" cellpadding="0">
<tr>
<td width="764" height="114" colspan="6">
<img border="0" src="Imagens/topo.jpg" width="780" height="180"></td>
</tr>
<tr>
<td width="764" height="231" colspan="6">
<p align="center">
<iframe src="home.htm" name="meio" width="100%" height="100%" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td width="159" height="1">
<a target="meio" href="home.htm">
<img border="0" src="Imagens/home.jpg" width="155" height="139"></a></td>
<td width="129" height="1">
<a target="meio" href="../TESTES.htm">
<img border="0" src="Imagens/quem.jpg" width="136" height="139"></a></td>
<td width="120" height="1">
<a target="meio" href="parceiros.htm">
<img border="0" src="Imagens/parceiros.jpg" width="117" height="139"></a></td>
<td width="104" height="1">
<a target="meio" href="produtos.htm">
<img border="0" src="Imagens/produtos.jpg" width="112" height="139"></a></td>
<td width="110" height="1">
<a target="meio" href="servicos.htm">
<img border="0" src="Imagens/servico.jpg" width="101" height="139"></a></td>
<td width="152" height="1">
<a target="meio" href="formulario_jupia.htm">
<img border="0" src="Imagens/contato.jpg" width="159" height="139"></a></td>
</tr>
</table>
</center>
</div>

</body>

</html></style>

#6 lucy

lucy

    Novato no fórum

  • Usuários
  • 14 posts
  • Sexo:Não informado
  • Localidade:Curitiba

Posted 31/07/2006, 10:59

oi.
encontrei uns erros no código. tem um "</style>" perdido no final, e o estilo tem que ficar sempre dentro do cabeçalho. "<head></head>"

Veja o código. no meu funcionou.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Eletro Jupiá</title>
<style>
body{
scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#000000;
scrollbar-base-color:#FFFFFF;
scrollbar-dark-shadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;scrollbar-highight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;}
</style>
<BR>

</head>

<body>

<div align="center">
<center>
<table border="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="231" id="AutoNumber1" background="Imagens/lay.jpg" height="341" cellpadding="0">
<tr>
<td width="764" height="114" colspan="6">
<img border="0" src="Imagens/topo.jpg" width="780" height="180"></td>
</tr>
<tr>
<td width="764" height="231" colspan="6">
<p align="center">
<iframe src="home.htm" name="meio" width="100%" height="100%" frameborder="0"></iframe>
</td>
</tr>
<tr>
<td width="159" height="1">
<a target="meio" href="home.htm">
<img border="0" src="Imagens/home.jpg" width="155" height="139"></a></td>
<td width="129" height="1">
<a target="meio" href="../TESTES.htm">
<img border="0" src="Imagens/quem.jpg" width="136" height="139"></a></td>
<td width="120" height="1">
<a target="meio" href="parceiros.htm">
<img border="0" src="Imagens/parceiros.jpg" width="117" height="139"></a></td>
<td width="104" height="1">
<a target="meio" href="produtos.htm">
<img border="0" src="Imagens/produtos.jpg" width="112" height="139"></a></td>
<td width="110" height="1">
<a target="meio" href="servicos.htm">
<img border="0" src="Imagens/servico.jpg" width="101" height="139"></a></td>
<td width="152" height="1">
<a target="meio" href="formulario_jupia.htm">
<img border="0" src="Imagens/contato.jpg" width="159" height="139"></a></td>
</tr>
</table>
</center>
</div>

</body>

</html>

Voltar para FrontPage


1 user(s) are reading this topic

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

  1. Fórum WMO
  2. → Desenvolvimento
  3. → HTML, CSS e Metodologias
  4. → Editores HTML
  5. → FrontPage
  6. Privacy Policy
  7. Regras ·
IPB Skin By Virteq