Barra com fundo de uma imagem

Celso Miag · Agosto 7, 2003

Pessoal eu estava visitando um site e encontrei uma coisa muito maneira, a barra de rolagem do mesmo não é como todas q vemos na internet, ela é feita de uma forma bem atrativa, com o scroller personalizado por uma imagem, e a imagem q fica de fundo continua aparecendo. Visitem o site:www.santanense.com.brentrem na pagina da empresa e você´s verão do q estou falando. Se alguem souber como se faz isto gostaria muito q me disesse. E u sei q é no Dreamwaver, com camadas, mas como é feito ainda não descobri.Me ajudem.!

fernando.guerra · Agosto 7, 2003

Pessoal eu estava visitando um site e encontrei uma coisa muito maneira, a barra de rolagem do mesmo não é como todas q vemos na internet, ela é feita de uma forma bem atrativa, com o scroller personalizado por uma imagem, e a imagem q fica de fundo continua aparecendo. Visitem o site:www.santanense.com.brentrem na pagina da empresa e você´s verão do q estou falando. Se alguem souber como se faz isto gostaria muito q me disesse. E u sei q é no Dreamwaver, com camadas, mas como é feito ainda não descobri.Me ajudem.!

na versão HTML né? não sei! mas tb quero saber

Tverta · Agosto 7, 2003

Abra o código fonte e veja!! <_<

sitenovo · Agosto 8, 2003

Seguinte, ai está o codigo fonte e vejam que o tal scroller, é feito em .js, reparem bem no script, oprimeiro .js, nao sei se é da barra, mas o segundo, c/ certeza é!

olhem bem!

<HTML>

<HEAD>

<TITLE>meio</TITLE>

<script language="javascript" src="js/change_img.js"></script>

<script>

MenuN = 5;

if(MenuN){

Menu = new Array(MenuN);

for(i=0;i<MenuN;i++){

Menu = new Array(1);

}

Menu[0][0] = "Editorial";

Menu[0][1] = "empresa_html.html";

Menu[1][0] = "História";

Menu[1][1] = "empresa_historia_html.html";

Menu[2][0] = "Certificações";

Menu[2][1] = "empresa_certificacoes_html.html";

Menu[3][0] = "Financeiro";

Menu[3][1] = "http://www.infoinvest.com.br/ptb/empresa.asp?codcvm=004081\" target='_blank'";

Menu[4][0] = "Endereços";

Menu[4][1] = "empresa_enderecos_html.html";

}

Teste = "navigator.appName == 'Microsoft Internet Explorer'";

Navegador = eval(Teste)?"ie":"nn";

document.write("<script language='javascript' src='js/scroller_"+Navegador+".js'><\/script>");

</script>

<STYLE>

a {font-family:verdana,arial; font-size:11px; font-weight:bold; text-decoration:none; color:#FFFFFF;}

a:hover {font-family:verdana,arial; font-size:11px; font-weight:bold; text-decoration:none; color:#FFCC00;}

a:active {font-family:verdana,arial; font-size:11px; font-weight:bold; text-decoration:none; color:#003300;}

.texto {font-family:verdana,arial; font-size:9px; font-weight:normal; text-decoration:none; color:red;}

.texto2 {font-family:verdana,arial; font-size:11px; font-weight:normal; text-decoration:none; color:#FFFFFF;}

</STYLE>

<base target="_self">

<script LANGUAGE="javascript" SRC="js/comum.js"></SCRIPT>

</HEAD>

<BODY MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" bgcolor="#99CC99" scroll="no" onLoad="if(Navegador=='nn'){Load()}else{doLoad()};">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td><img border="0" src="images/pixel.gif" width="34" height="1"></td>

<td valign="top">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td valign="bottom"><a href="moda_html.html"><img border="0" src="images/santa_01.gif" width="88" height="28"></a></td>

<td align="right" valign="bottom"><a href="intro_fla.html"><img border="0" src="images/santa_02.gif" width="159" height="38"></a></td>

</tr>

</table>

</td>

</tr>

<tr>

<td><img border="0" src="images/pixel.gif" width="1" height="5"></td>

</tr>

<tr>

<td bgcolor="#CCCCCC" background="images/fundo_empresa.jpg" valign="top" height="311">

<div name='Principal' style='position: relative; top:0; left:0'>

<script>

document.write(Inicio);

</script>

<font class="texto2"><b>Nova estação, novas influências,

novas informações.</b><br>

<br>

<p>Retornar ao passado em busca de imagens conhecidas e fazer

uma releitura baseada em conceitos atuais, voltados para o

conforto e a praticidade. Observar atentamente o presente

e imaginar o que vai impactar no futuro, mudando conceitos

e padrões, sempre focados no mundo globalizado e em

um consumidor mais exigente e personalizado. Estas são

filosofias constantes no nosso trabalho.</p>

<p>A moda pode até ser um grande jogo, que nos permite

viver outras vidas, onde o lúdico e o nostálgico

suavizam o cotidiano. Contudo, um jogo de extrema responsabilidade

porque trabalhamos voltados para as necessidades reais do

consumidor.</p>

<p>Por isso, a Santanense procura a cada dia estar mais perto

deste novo consumidor. Conhecer seus desejos, necessidades

e personalidade nos leva a uma nova relação

de mercado: a customização, retratada na celebração

da individualidade. O momento determina a valorização

do "feito sob medida", adaptando o produto às

necessidades de cada um. Esta personalização

da moda representa o amadurecimento do conceito "estilista

de si próprio", cuja importância está

nas relações entre indivíduo e mercado.

O consumidor agora se veste de acordo com seus próprios

referenciais, e não mais apenas atendendo solicitações

da mídia.</p>

<p>Desta forma estamos trabalhando para a democratização

da moda, onde estar atento a tudo e estar apto para atender

às exigências do mercado e do consumidor, nos

levam a outro conceito que será trabalhado de forma

marcante daqui para frente: o TOTAL LOOK. O objetivo é

poder oferecer um conjunto de informações e

produtos ao consumidor que o faça sentir cada vez mais

seguro e confortável pela sua escolha.<br>

TOTAL LOOK. Focada neste novo conceito e antenada ao consumidor

personalizado e exigente, a Santanense amplia sua coleção

de produtos a cada lançamento, onde cores, texturas,

pesos, aparências, serviços e qualidade são

partes integrantes destes produtos.<br>

Para o Verão 2002/2003 a Santanense apresenta uma coleção

de 28 produtos, diversificados pela estrutura, composição,

peso ou aparência, que são versáteis e

atendem a vários segmentos da confecção

com aplicações diferenciadas e modernas.<br>

</p>

</font>

<script>

document.write(Fim);

</script>

</div>

</td>

</tr> <tr>

<td><a href="empresa_html.html" onmouseover="liga('01')" onmouseout="desLiga('01');return true"><img border="0" src="images/bot_01_of.gif" width="74" height="19" name="index01"></a><a href="produtos_html.html" onmouseover="liga('02')" onmouseout="desLiga('02');return true"><img border="0" src="images/bot_02_of.gif" width="72" height="19" name="index02"></a><a href="tendencia_html.html" onmouseover="liga('03')" onmouseout="desLiga('03');return true"><img border="0" src="images/bot_03_of.gif" width="77" height="19" name="index03"></a><a href="infos_html.html" onmouseover="liga('04')" onmouseout="desLiga('04');return true"><img border="0" src="images/bot_04_of.gif" width="144" height="19" name="index04"></a><a href="mapa_html.html" onmouseover="liga('05')" onmouseout="desLiga('05');return true"><img border="0" src="images/bot_05_of.gif" width="48" height="19" name="index05"></a><a href="links_html.html" onmouseover="liga('06')" onmouseout="desLiga('06');return true"><img border="0" src="images/bot_06_of.gif" width="52" height="19" name="index06"></a><a href="#" onMouseDown="Aparece()" onmouseover="liga('07')" onmouseout="desLiga('07');return true"><img border="0" src="images/bot_07_of.gif" width="54" height="19" name="index07"></a><a href="contato_html.html" onmouseover="liga('08')" onmouseout="desLiga('08');return true"><img border="0" src="images/bot_08_of.gif" width="64" height="19" name="index08"></a><a href="uniformes_html.html" onmouseover="liga('09')" onmouseout="desLiga('09');return true"><img border="0" src="images/bot_09_of.gif" width="86" height="19" name="index09"></a></td>

</tr>

</table>

</td>

<td><img src="images/pixel.gif" width="1" height="25"><br>

<img border="0" src="images/pixel.gif" width="24" height="243"></td>

</tr>

<tr>

<td> </td>

<td valign="top" align="right">

<table width="195" border="0" cellspacing="0" cellpadding="2">

<form name="FormBusca" onSubmit="Buscar(document.forms['FormBusca'].Busca.value); return false;">

<tr>

<td valign="middle">

<script>

if(document.all){

document.write("<div name='LayerBusca' id='LayerBusca' style='position:relative; top:0; left:0; visibility:hidden'>");

}

</script>

<input type="text" name="Busca" size="15" style="font-family: verdana; font-size: 10px; background-color: #C0C0C0; border-style: inset">

<img src="images/bot_ok.gif" width="18" height="18" align="absmiddle" onMouseDown="if(document.forms['FormBusca'].Busca.value.length>2){Buscar(document.forms['FormBusca'].Busca.value); Aparece();}else{document.forms['FormBusca'].Busca.select();}" >

<script>

if(document.all){

document.write("</div>");

}

</script>

</td>

</tr>

</form>

</table>

</td>

<td> </td>

</tr>

</table>

</center>

</div>

</BODY>

</HTML>

[]s

Rodney

_cyclone_ · Agosto 8, 2003

aonde que tem barra de rolagem?

Entrar

Arquivado

Barra com fundo de uma imagem

Recommended Posts

Celso Miag 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

fernando.guerra 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Tverta 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

_cyclone_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

PHP+Codeigniter - Adicionar Registro Plano de Contas

Javascript - Passar Parâmetros para uma Função.

PHP - Consulta MySql para prazo de dias

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante