Rendere cliccabile l'header

hegotgame

Nuovo Utente
27 Gen 2010
6
0
0
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'); ?>" />
<!-- leave this for stats -->

<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>
<!-- end header -->

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



Vi ringrazio molto per l'aiuto.
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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>
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
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

Nuovo Utente
27 Gen 2010
6
0
0
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.
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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

Nuovo Utente
27 Gen 2010
6
0
0
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

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
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

Nuovo Utente
27 Gen 2010
6
0
0
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

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
Ehhm :rolleyes: 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
 
Discussioni simili
Autore Titolo Forum Risposte Data
axem [PHP]rendere cliccabile contenuto PHP 10
P HTML - rendere cliccabile parte del testo HTML e CSS 2
C php, rendere cliccabile un link PHP 0
P [vendo] possibilità di rendere virale qualsiasi post Facebook 0
G Rendere dati di una tabella mysql link PHP 22
S [PHP] Rendere visibile variabile di un costrutto if in un altro costrutto if PHP 1
Domenico_Falco1 Rendere dinamico un sito web con chiamate ajax e php e variabili json PHP 12
S rendere mio sito mobile compatibile Offerte e Richieste di Lavoro e/o Collaborazione 2
R [Javascript] Rendere una funzione sempre visibile Javascript 2
T [PHP] rendere facoltativo il caricamento di un file PHP 5
G [Javascript] rendere visibile un iframe dopo l'avvenuto caricamento del video che esso contiene Javascript 4
S [Javascript] Nascondere e rendere visibile un Div cliccando su due link Javascript 2
ecosito [HTML ][PHP] rendere attivo il modulo contatti di un template HTML e CSS 9
M Come rendere solo lettura campo textarea PHP 2
S Rendere responsive un player che ha dimensioni fisse HTML e CSS 3
Shyson Rendere select obbligatoria Javascript 1
T Rendere inaccessibile il forum agli utenti non registrati phpBB 4
steak Tumblr - Rendere cliccabili tutte le immagini HTML e CSS 4
Z Rendere visibile un pulsante HTML e CSS 1
G rendere visibile con php cartella public aruba Hosting 2
simonetta619 creare una classe per rendere dinamico l'inserimento PHP 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Vendere e Acquistare pubblicita' online 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Annunci servizi di Social Media Marketing 0
G [VENDO] Servizi Pubblicitari Per Youtube (Per Rendere Conosciuto Vostro Video/Canale) Annunci servizi di Social Media Marketing 0
M rendere attivo un oggetto CSS tramite javascript Javascript 3
E rendere il codice più funzionale PHP 5
Frank10 Script o qualsiasi cosa per rendere autonomo chi vuole modificare contenuti PHP 3
D Come posso rendere obbligatorio un drop down menu? Javascript 12
Athene Rendere visibile un errore in una pagina di login in due modi differenti PHP 8
M [htaccess] Rendere accessibile solo la pagina riscritta Web Server 0
asevenx rendere visibili e nascondere DIV con onlink Javascript 12
S Rendere sito visibile solo in Italia Hosting 0
M Consigli su come rendere fluido questo template HTML e CSS 0
Z [AS3] Rendere attivo pulsante dentro animazione di altro pulsante Flash 0
X rendere visibile ad un determinato id PHP 2
C [JAVA]Come rendere opzionale un parametro di un costruttore? Java 3
M rendere menu "sopra al testo" Flash 1
f.quintaliani rendere un tratto irregolare come se fosse fatto a mano Webdesign e Grafica 6
S rendere campi form obbligatori Javascript 1
G Come posso rendere invisibili cartelle e file sul web PHP 0
peppoweb Manuale on-line da Microsoft per rendere sicuri i server Windows e Software 0
M [PHP] Numero telefonico cliccabile preso dal db PHP 3
D Creare pulsante cliccabile wordpress con lista a discesa WordPress 0
asevenx link cliccabile che non funziona con invio mail PHP 1
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
M creare una ListView non cliccabile Sviluppo app per Android 1
steak [RISOLTO] Immagini come link e immagine non cliccabile HTML e CSS 16
P cartina Italia cliccabile Classic ASP 1
R Campo Effect non cliccabile Flash 2
R mappa cliccabile + comportamenti HTML e CSS 0

Discussioni simili