Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : cruzeiro 30 Jan 2011, 10:12:06
-
Ciao a tutti.
La mia header è formata da un unica immagine, ma vorrei che cliccando su una precisa area, in corrispondenza del logo della società, mi venga indirizzato nella homepage.
Come potrei fare?
Dovrei creare 2 div? uno per lo sfondo dell'header e l'altro per il logo? Oppure c'è una scorciatoia?
-
Puoi fare una mappa immagine stabilendo un'area cliccabile.
Ma potresti anche semplicemente rendere tutta l'header cliccabile.
-
quoto tonicopi
leggi qui http://www.giorgiotave.it/forum/programmi-per-la-costruzione-delle-pagine-web/221-mappa-dimmagini-con-dreamweaver.html
con dreamweaver è molto più semplice che a mano ;)
-
Ragazzi mi aiutate anche a capire come si fa con il metodo dei div?
Praticamente ho un immagine png per tutto l'haeder e poi vorrei mettere sopra di essa, in alto a sinistra, un altro png che rappresenta il logo.
<body id="page_bg">
<div id="wrapper">
<div id="header"></div>
<div id="top">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" /></div>
<div id="search"><jdoc:include type="modules" name="user4" /></div>
<div class="clr"></div>
</div>
<div id="content">
<div id="leafs"></div>
#header {
position:relative;
height:237px;
width:960px;
margin:0 auto;
background: transparent url(../images/headerimg.png) no-repeat top center;
}
-
Beh ma allora così è un altro discorso...
Se hai delle posizioni modulo prova a mettere il logo cliccabile in un modulo di tipo html personalizzato e lo pubblichi in user3 ;)
-
Sono arrivato a questo punto:
Ho aggiunto l'altro div e posizionato correttamente.
L'unica cosa che non riesco adesso, è quello di mettere il collegamento index.php nel div simbolo.
Le sto provando tutte, ma nulla da fare.
Qual'è il procedimento corretto???
<body id="page_bg">
<div id="wrapper">
<div id="header">
<div id="simbolo">
</div>
</div>
<div id="top">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" /></div>
<div id="search"><jdoc:include type="modules" name="user4" /></div>
<div class="clr"></div>
</div>
#simbolo {
position: absolute;
height:200px;
width:360px;
background: transparent url(../images/logo.png) no-repeat;
margin: 20px 0px 0px 35px;
}
#header {
position:relative;
height:237px;
width:960px;
margin:0 auto;
background: transparent url(../images/headerimg.png) no-repeat top center;
}
-
Risolto:
<div id="simbolo" onclick="location.href='http://www.xxx.it/';" style="cursor: pointer;">