Link para home na imagem do cabeçalho

  • talitaviana

    (@talitaviana)


    11 anos, 11 meses atrás

    Coloquei uma imagem no cabeçalho de meu site no ficheiro custom.css

    Porém no header.php não consigo o código certo para colocar o link da home

    Quero que ao clicar na imagem do cabeçalho seja redirecionado para a home.

    Segue código de onde está inserida a imagem

    #header {
    width:1600px;
    height:200px;
    margin:0 auto;
    background: url(images/1topo_logo_azul.png) no-repeat left;
    padding:10px 0 0 355px; }

    #logo {
    float:left;
    height:90px;
    margin-top:30px; }

    #ad468 {
    float:right;
    height:60px;
    width:468px;
    padding:50px 0 0; }

    .fullwidth, #content .fullwidth {
    width:980px;
    }

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • Felipe Mota

    (@femotamaster)

    11 anos, 11 meses atrás

    Humm, você colocou via css. Já tentou colocar mais um menos assim?

    <a href="<?php bloginfo('url'); ?>">
<div id="header">
</div>
</a>

    Isso é no header.php

    Criador do tópico talitaviana

    (@talitaviana)

    11 anos, 11 meses atrás

    Já e não funciona, por que será?

    Felipe Mota

    (@femotamaster)

    11 anos, 11 meses atrás

    Estranho. Envia teu tema ao meu e-mail pra ver isso. O endereço está no meu perfil.

    Rank

    (@felipe-rank)

    11 anos, 11 meses atrás

    Acho melhor colocar o Link só no “#logo”, é menos código para um Link.

    Ai você pode dar as dimenções necessárias ao logo, recomento usar o padrão..

    <div class="logo-header">
<h1><a href="<?php bloginfo( 'url' ) ?>/" title="<?php bloginfo( 'name' ) ?>" rel="home"><?php bloginfo( 'name' ) ?></a></h1>
</div>
<!-- /logo-header -->

    Ai você só altera o tamanho no css, é mais simples e eficiente, Abraço 🙂

    Criador do tópico talitaviana

    (@talitaviana)

    11 anos, 11 meses atrás

    Gente a imagem que coloquei no cabeçalho é inteira, width:1600px;
    height:200px;

    Quando coloco algum código como o acima aparece o nome do site no meio da imagem.

    Eu gostaria de colocar o link para a pessoa clicar na imagem do cabeçalho todo

    ou pelo menos na área de logo mas sem aparecer nem nome nem logo. Estes códigos sempre aparecem ou quadradinhos ou o nome do site.

    É possível fazer isso? Igual a outros sites que já vi

    Rank

    (@felipe-rank)

    11 anos, 11 meses atrás

    A você tá tentando dizer que quer colocar uma imagem no lugar da escrita é ?

    Então é esse código:

    No CSS da logo ex:

    .logo {
background: url(images/imagem.jpg) center center no-repeat;
text-indent: -9999px;
}

    “text-indent” tira a escrita do conteúdo, mas ainda acho que a imagem completa do header com link é meio complicado, pois é o “header” todo praticamente..
    Abraço

    Criador do tópico talitaviana

    (@talitaviana)

    11 anos, 11 meses atrás

    a imagem já coloquei! está lá em cima no começo do tópico!!!

    só queria transformar ela em link 🙂

    Rank

    (@felipe-rank)

    11 anos, 11 meses atrás

    Segue o Código então moça!

    <a href="<?php bloginfo('url'); ?>" class="header-link">
	<div class="wrap">
		<div id="header">
			<p>Conteúdo</p>
		</div>
		<!-- #header -->
	</div>
	<!-- .wrap -->
</a>
<!-- a.header-link -->

/*******
CSS
*******/

.wrap {
	width: 960px;
	margin: auto;
}

.header-link {
	width: 100%;
	height: 200px;
	background: #0066CC;
	float: left;
}

#header {
	float: left;
}

    Espero ter ajudado, até mais! abraço.

    Criador do tópico talitaviana

    (@talitaviana)

    11 anos, 11 meses atrás

    estou testando! mas acho que funcionou!!!

    obrigada… quando finalizar coloco o resultado!

Visualizando 9 respostas - 1 até 9 (de um total de 9)
  • O tópico ‘Link para home na imagem do cabeçalho’ está fechado para novas respostas.