Rendere cliccabile l'header

hegotgame · 27 Gen 2010

Ciao a tutti,
mi scuso per la banalità della domanda ma non riesco a risolvere questo
problema.
Mi sono costruito questo sito (www.calcio2000.org) con wordpress. Ora vorrei
rendere cliccabile l'immagine in alto dello stadio in modo tale da
collegarla con l'indirizzo della home page. Credo che io debba inserire
qualcosa nel file header.php, ma non so bene nè dove nè cosa aggiungere.

Per agevolarvi viaggiungo anche la parte del file header.php che dovrebbe
interessare:

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>;
charset=<?php bloginfo('charset'); ?>" />

<title>Calcio2000.org - tutto quello che nessuno mai vi ha detto sul
calcio</title>

<meta name="description" content="Calcio2000.org è il blog che vi dà news,
anteprime, curiosità della stampa italiana ed internazionale sul mondo del
calcio."/>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />


<style type="text/css" media="screen">
@import url( <?php bloginfo('stylesheet_url'); ?> );
</style>

<link rel="alternate" type="application/rss+xml" title="RSS 2.0"
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="pingback" href="<?php bloginfo('pingback_url'); ?>" />

<?php wp_get_archives('type=monthly&format=link'); ?>

<?php wp_head(); ?>

</head>

<body>
<div id="rap">
<div id="header">

<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>
<div class="header-description"><?php bloginfo('description'); ?></div>

</div>


<?php get_sidebar(); ?>
<div id="content">

Vi ringrazio molto per l'aiuto.

WpStyle · 27 Gen 2010

Cambia questa parte:

Codice:

<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>

in questo modo:

Codice:

<div class="header-title"><a href="http://www.calcio2000.org"><?php
bloginfo('name'); ?></a></div>

hegotgame · 27 Gen 2010

purtroppo non funziona :crying:
cosa può essere?

alessandro1997 · 27 Gen 2010

Sei sicuro di aver aggiornato la cache? Prova premendo CTRL + F5. Non mi ricordo adesso se WordPress conserva la cache dei template, e purtroppo non posso controllare, ma intanto prova facendo come ti ho detto.

hegotgame · 27 Gen 2010

ho provato a fare ctrl + f5, ma nulla da fare. Secondo te può c'entarci nulla queste righe che ho trovato nel file style.css?

#header {
font-size: 28px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0 auto;
height: 149px;
width: 900px;
background: url("images/header.jpg");

}

.header-title {
font-family: Verdana;
color:#020202;
font-size:23px;
font-weight:bold;
padding: 148px 0 0 348px;
text-align:left;
}
.header-title a{
color:#020202;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#020202;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: Verdana;
font-weight: normal;
color:#020202;
padding: 6px 0 0 349px;
text-align:left;
}

.ad468 { padding-left: 268px;
text-align: center;
}

Grazie di nuovo.

alessandro1997 · 27 Gen 2010

No, decisamente no. Allora fai così: controlla il codice HTML della pagina e vedi se è stato aggiornato con il link esatto.

WpStyle · 27 Gen 2010

Prova a cambiare:

Codice:

<div id="header">
<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>
<div class="header-description"><?php bloginfo('description'); ?></div>
</div>

così:

Codice:

<div id="header">
<a href="http://www.calcio2000.org"><img src="<?php bloginfo('template_directory'); ?>/images/header.jpg" alt="logo" /></a>
</div>

nel CSS #header togli background: url("images/header.jpg");

hegotgame · 28 Gen 2010

kodemondo ha scritto:

Prova a cambiare:

Codice:

<div id="header">
<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>
<div class="header-description"><?php bloginfo('description'); ?></div>
</div>

così:

Codice:

<div id="header">
<a href="http://www.calcio2000.org"><img src="<?php bloginfo('template_directory'); ?>/images/header.jpg" alt="logo" /></a>
</div>

nel CSS #header togli background: url("images/header.jpg");

allora, compare l'immagine cliccabile che riporta all'home page, ma purtroppo compare in una posizione sballata. Cioè molto più in basso e spostata sulla destra rispetto a dove dovrebbe comparire.

WpStyle · 28 Gen 2010

Facciamo un passo indietro e prova in questo modo usando i file header.php e style.css originali.

1- modifica header.php da così:

Codice:

<div id="header">
<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>
<div class="header-description"><?php bloginfo('description'); ?></div>
</div>

a così:

Codice:

<div id="header">
<a href="http://www.calcio2000.org"></a>
</div>

2- apri style.css e togli

Codice:

background: url("images/header.jpg");

3- sempre in style.css aggiungi

Codice:

#header a{
display: block;
height: 128px; /*altezza div*/
width: 128px;/*larghezza div*/
}
#header a:link, /*immagine di sfondo per lo stato attivo*/
#header a:visited,
#header a:active{
background: url("images/header.jpg") no-repeat;
}

se non funziona ancora prova al passo 1 modificare da così:

Codice:

<div id="header">
<div class="header-title"><a href="<www.calcio2000.org>/"><?php
bloginfo('name'); ?></a></div>
<div class="header-description"><?php bloginfo('description'); ?></div>
</div>

a così:

Codice:

<div id="header">
<a href="http://www.calcio2000.org"></a>
<div class="header-title"></div>
<div class="header-description"></div>
</div>

hegotgame · 28 Gen 2010

MAGICO!!!!! E' andata bene!!! Ho dovuto cambiare, rispetto ai tuoi consigli, solo la dimensione dell'altezza e della larghezza e tutto ha funzionato!!!

Ti ringrazio molto, sei stato gentilissimo!

WpStyle · 28 Gen 2010

Ehhm

scusa avevo fatto una prova in locale con un immagine e non ho modificato le dimensioni...

se vuoi che al passaggio del mouse cambi l'immagine ti basta aggiungere questo:

Codice:

#header a:hover {
background: url("percorsoimmagine.png") no-repeat;
}

e avrai un effetto rollover, magari con un altra immagine simile ma leggermente più chiara o sfumata...vedi tu

Cerca

Cerca

Rendere cliccabile l'header

hegotgame

Nuovo Utente

WpStyle

Utente Attivo

hegotgame

Nuovo Utente

alessandro1997

Utente Attivo

hegotgame

Nuovo Utente

alessandro1997

Utente Attivo

WpStyle

Utente Attivo

hegotgame

Nuovo Utente

WpStyle

Utente Attivo

hegotgame

Nuovo Utente

WpStyle

Utente Attivo

Discussioni simili