Problemas para colocar Imagem de cabeçalho >:

[lynx_ 0]

Oi gente,

Bom, estou tendo problemas para colocar uma img de background no meu topo, simplesmente não vai! Comecei a mexer nesse site para minha sogra, que um cara tinha começado e não tinha terminado, enfim. É aquele tipo de site que vem quase tudo pronto, e uma bosta para mexer.

Eu tenho um campo de topo onde já tem vários códigos, mas acho que não to sabendo onde colocar para poder ter uma img de fundo no cabeçalho, os códigos estão assim:

<script>
$(document).ready(function () {
$('img[src=https://www.htalk.com.br//imagens/suporte_online.png]').attr('src','[caminho_imagem]/chat_on.png');
$('img[src=https://www.htalk.com.br//imagens/suporte_offline.png]').attr('src','[caminho_imagem]/chat_off.png');
});

//$('.extraModel').ready(function () {
/*
$('.extraModelo').removeClass('indexDestaque');
$('.extraModelo').removeClass('indexVitrine');
$('.extraModelo').removeClass('caixaTopo');
*/
// $('#id_titulo_vitrine').addClass('extraModelo');
//});
//*/

</script>
<p>[html_script_topo]</p>

<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
<tbody>
<tr>
<td class="fundo_topo" colspan="3">
<table align="right" style="padding-right:80px" width="430px">
<tbody>
<tr align="left" class="td_fundo_topo">
<td width="112"><a class="td_fundo_topo" href="index.php">Página Inicial</a></td>
<td align="center" class="td_fundo_topo" width="9">|</td>
<td width="103"><a class="td_fundo_topo" href="carrinho.php">Suas Compras</a></td>
<td align="center" class="td_fundo_topo" width="27">|</td>
<td width="49"><a class="td_fundo_topo" href="indique.php">Indique</a></td>
<td align="center" class="td_fundo_topo" width="19">|</td>
<td width="79"><a class="td_fundo_topo" href="contato.php">Contato</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top">
<table align="center" height="140px" width="100%">
<tbody>
<tr>
<td align="center">[logo]</td>
<td><form name="formConsulta" method="get" action="consulta.php">
<table align="center" width="90%">
<tr>
<td class="text_bem_vindo" align="center" width="300px">[caixa_login_topo]</td>
<td rowspan="2" width="90" align="center"><img src="[caminho_imagem]/carrinho.png"/></td>
<td align="center" class="text_carrinho"><a href="carrinho.php" class="text_carrinho">Carrinho tem [qtde_de_itens_no_carrinho] itens</a></td>
<td class="text_carrinho" align="center">[fone]</td>
</tr>
<tr>
<td align="center" width="300px" nowrap="nowrap"><img src="[caminho_imagem]/fundo_esq_input.png" style="vertical-align:top"/><input type="text" name="palavra" size="55" maxlength="35" class="campo_input" onFocus="if(this.value=='Busca Por Produtos...')this.value='';" onBlur="if(!this.value)this.value='Busca Por Produtos...';" value="Busca Por Produtos..." /><a href="#" onClick="javascript:if(document.formConsulta.palavra.value=='') alert('Informe uma palavra para consulta!'); else document.formConsulta.submit();" tabindex="2"><img src="[caminho_imagem]/lupa.png" style="vertical-align:top"/></a></td>
<td align="center" width="121px"><a href="finalizar.php"><img src="[caminho_imagem]/fechar_pedido.png" /></a></td>
<td align="center" width="121px">[atendimento_online]</td>
</tr>
</table>
</form></td>
</tr>
</tbody>
</table>
</td>
<td> </td>
</tr>
<tr>
<td width="100%">[titulo_ou_banner][html_script_topo]</td>
</tr>
<tr>
<td width="100%">[menu_departamento_horizontal_com_imagem2]</td>
</tr>
</tbody>
</table>

<div align="center" id="id_banner_Full"> </div>

Alguém pode me ajudar, e me dizer onde eu coloco o bendito codigo so html para colocar essa img que eu quero ? Porque eu sei fazer isso em css, mas assim só tenho essa pág, e pelo pouco que eu entendo, não rola colocar codigos do css ai. Me Ajudemmm, por favooor.

[L. Henrique 179]

Lynx,

Infelizmente não tem como te ajudar (por enquanto). Sua dúvida ficou um pouco jogada nos ares e preciso que esclareça algumas coisas pra podermos trabalhar nisso.

Onde fica esse topo? Como é o site? Tem algum link? Por favor ilustre com algumas imagens, assim facilita o entendimento do que você quer.

Muito provavelmente eu não vou estar aqui pra dar uma outra resposta (pós 18h), mas ainda assim estou disponível no facebook se precisar.

[lynx_ 0]

Sabe aquela lojas virtual br, é nisso que eu tenho que tentar configurar ): peço desculpas se não deu pra entender nada, vou colocar img para ver se melhora.

é assim aqui e quando clica no código fonte, abre o que eu colei para vocês, que segue e o que eu quero é colocar uma img aqui:

 

A unica coisa que o suporte sabe me dizer é que, é nesse campo da 2 foto que eu tenho que colocar o codigo para a img no topo.

Espero que tenha dado para entender alguma coisa >:

[L. Henrique 179]

Ah agora sim! ahushuahsuahushuas

Vamos lá, primeiro vamos fazer um teste pra ver se funciona da forma que espera e eu vou tentar detalhar tudo o que você tem e o que você precisa fazer.

Lembre-se que esse campo é uma tabela (não sei por quê), mas até então é uma tabela. Ela se inicia com <tbody>, ou seja, seu cabeçalho é ele. Se o seu cabeçalho já é um tag, se você inserir uma tag imagem dentro, ele vai desconfigurar tudo o que tiver por ali (menu, fechar pedido, chat offline e por ai vai). Então vamos brincar um pouco no CSS com background-image.

Para fins de teste SOMENTE, antes de <tbody> abra uma tag <style> (pelo amor de Goku, nunca faça isso nos projetos, é só pra teste, depois você coloca os estilos na sua devida folha).

<style>
   .header {
      background: url('caminho|link') center center no-repeat;
      background-size: cover;
   }
</style>
<tbody class="header">
  <!-- Aqui tem o seu conteúdo -->
</tbody>

Eu adicionei uma classe header para o tbody e editei dentro da tag style. Faça isso e veja se acontece alguma coisa.

Bem, antes que você adicione em qualquer <tbody>, eu dei uma inspecionada no elemento, então veja se encontra pelo mesmo demonstrado na imagem abaixo (ou simplesmente edite pelo inspecionar elemento). Eu fiz o teste e funcionou, então basta você conseguir fazer ai.