Suporte » Temas » Imagem no topo

  • Resolvido monocelhacombr

    (@monocelhacombr)


    Olá pessoal,
    troquei de tema recentemente e não estou conseguindo colocar uma imagem no topo do meu site.
    Na verdade eu não sei o local do código que eu tenho que colocar o link da imagem.

    Segue abaixo o código header.php do meu tema:

    "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <title><?php bloginfo('name'); ?></title>
    
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta name="description" content="WordPress Themes, Blog Design, and Web Development" />
    
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
    
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/javascript/imghover.js"> </script>
    
    <link rel="alternate" type="application/rss+xml" title="WPGeek Posts RSS feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="alternate" type="application/rss+xml" href="http://www.wpdesigner.com/comments/feed/" title="WPGeek Comments RSS feed" />
    <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/favicon.ico" type="image/x-icon" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    </head>
    
    <body>
    
    <div class="BGC">
    <!-- start header -->
    
    <div class="Header">
    	<h1><a>/"><?php bloginfo('name'); ?></a></h1>
    	<div class="desc"><?php bloginfo('description'); ?></div>
    
    <div class="Menu">
    
    <ul>
    <li><a>" class="<?php if (is_home() || is_single()) {echo ' active';} ?>"><span>Homepage</span></a></li>
    		<?php wp_list_pages2(); ?>
    	</ul>
    </div>
    <!-- end of menu -->
    </div>
    <!-- end of header -->
    "

    Agradeço desde já e aguardo resposta.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Monocelha,

    Recomendo novamente que você estude um pouco de html e CSS. Essas suas perguntas fogem um pouco do tema do nosso fórum que é a utilização do WordPress. Vou te ajudar, mas prometa que vc vai fazer isso? Porque não vamos mais responder suas perguntas se não estiverem diretamente relacionadas ao WordPress, ok?

    Olha você tem que abrir o arquivo style.css do seu tema. Onde tiver essa regra:

    .Header { padding: 20px 0 0 0; height: 94px; margin: 0; }

    Altere para:

    .Header { padding: 20px 0 0 0; height: 94px; margin: 0; background: url('caminho-da-sua-imagem') no-repeat; }

    Sua imagem tem que ter 94px de altura por 950pxc de largura.

    E tem mais duas coisas que vou te pedir:
    1. para ficar mais legível, não publique grandes trechos de código, é melhor você indicar o link apenas, ok? A gente consegue ver o código usando ferramentas como o firebug, ou o próprio navegador.
    2. se for publicar código, coloque entre acentos graves ou entre as tags <code>e </code>, ok?

    Abs.
    Cátia

    Criador do tópico monocelhacombr

    (@monocelhacombr)

    Ok, obrigado pela atenção e perdão pelas perguntas estúpidas.
    Em relação ao estudo de html e css… eu gostaria muito mesmo ter tempo para isso, infelizmente não possuo, mas prometo que as perguntas eu paro sim de fazer.
    Agradeço desde já.

    Monocelha,

    Suas perguntas não são estúpidas, são apenas perguntas leigas, apenas disse que estão fora do nosso escopo, que é a utilização do WordPress. Não queremos que você deixe de fazer perguntas, estamos aqui justamente para isso, para respondê-las e ajudá-lo, mas dentro do tema WordPress. Quanto ao tempo para estudar, acredite, ele seria menor que o que você perde quebrando a cabeça com problemas super simples de se resolver caso você soubesse um pouco de html e css. Acredite, vai por mim, é muito fácil, você aprende o conceito e depois usa aquele site que te recomendei como referência. Eu mesma não sei todas as tags e elementos de html e css de cabeça.
    Não queremos que você se sinta inibido em perguntar, e talvez você mesmo não saiba se o que vc está perguntando é ou não relativo ao WordPress. Me desculpe por dizer que não vamos mais respondê-lo. Me expressei errado, pois não queremos deixar nenhum post não respondido. O que eu quis dizer é que não vamos mais solucionar seu problema, mas vamos apenas recomendar o melhor caminho prá isso, como eu havia feito antes, ok?
    Abs.
    Cátia

    Criador do tópico monocelhacombr

    (@monocelhacombr)

    Ok, eu havia entendido sim Cátia e agradeço muito pela ajuda.
    Só pra comentar, o procendimento que você escreveu para trocara a imagem não funcionou,fiz de acordo com o que você falou, com o tamanho da imagem que você falou e no local certo do código no site.
    Mas tudo bem ^^
    Abração, fiquem com DEUS.

    Rafael Fernandes
    http://www.monocelha.com.br

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Imagem no topo’ está fechado para novas respostas.