Link para home na imagem do cabeçalho

talitaviana
(@talitaviana)

11 anos, 3 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, 3 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, 3 meses atrás

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

Felipe Mota
(@femotamaster)

11 anos, 3 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, 3 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>

```
Ai você só altera o tamanho no css, é mais simples e eficiente, Abraço 🙂
Criador do tópico talitaviana
(@talitaviana)

11 anos, 3 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, 3 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, 3 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, 3 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>
		
	</div>
	
</a>


/*******
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, 3 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.

Visualizações