Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : thethief 19 Jul 2010, 13:00:51
-
Ciao ho il seguente codice di image map creato con il software Handy Image:
<MAP NAME="mappaHeader">
<AREA SHAPE="RECT" COORDS="614,165,669,219" HREF="http://youtube.com" TITLE="">
<AREA SHAPE="RECT" COORDS="677,166,730,218" HREF="http://myspace.com" TITLE="">
<AREA SHAPE="RECT" COORDS="742,166,795,220" HREF="http://facebook.com" TITLE="">
</MAP>
<IMG SRC="E:\Lavoro\faremusika\header sito altervista prova 3.jpg" USEMAP="#mappaHeader" BORDER="0">
Mi serve per un header del sito http://faremusikatest.altervista.org . Nell'immagine principale ci sono delle img più piccole con i link per utube, fb, e myspace, guardatelo un attimo per favore cosi rende meglio l'idea.
Il template che uso (aqua) ha una cartella dove c'è l'header del sito (header.jpg) che ho già cambiato con l'immagine che desidero. Fin qui tutto ok. Poi ho creato un .html dell'image map (imagemap.html) tramite il programmino, e il file l'ho inserito nella cartella dove ho anche l'header.jpg.
Ovviamente ho cambiato l'Img Src con l'indirizzo dell'immagine che ho nel server, infatti se clicco su imagemap.html mi apre una finestra dove il mio header ha le parti mappate e cliccabili. Fin qui pensavo di aver risolto. Invece no!!! :-[
Io sento di essere a un passo dal riuscirci, tuttavia non so come completare l'opera. Sono andato nel Css del Template ed ho modificato il css alla voce div.art-Header-jpeg (controlla l'Header), da:
background-image: url('../images/Header.jpg')a
background-image: url('../images/imagemap.html'):
ovvero cosi:
[quote]div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 1000px;
height: 225px;
background-image: url('../images/imagemap.html');
background-repeat: no-repeat;
background-position: center center;
}[/quote]
Non funziona lo stesso...cosa sbaglio oppure cosa non so?
Ah...dato che in alcuni thread ho letto che il problema poteva essere dato dal WYSIWYG Editor, l'ho disattivato e...niente, stesso problema!
Spero che tra di voi ci sia un genio che rida alla mia domanda e mi dia la semplice soluzione!!! ;)
Aiutatemi perfavore!
-
;) mi raccomando, se non sono stato chiaro ditemi cosa spiegare meglio...ho veramente bisogno di questa cosa per andare avanti con il mio sito!! ;)
-
background-image: url('../images/imagemap.html')
non credo proprio sia possibile caricare una pagina html con il comando background-image.....
prova ad usare un modulo wrapper nel quale richiamerai la mappa immagine ;)
-
Ciao, grazie della risposta. Ok, ma il modulo wrapper poi lo posso mettere lo stesso nella posizione Header, insomma dove sta adesso? Per me è importante che sotto il top menu rimanga quello che c'è. Dato che i Wrapper non li ho mai usati non so se è possibile! ;)
tnx, ora ci smanetto!
ciao
-
certo che puoi
essendo un modulo lo puoi piazzare in una qualsiasi posizione modulo
se non dovesse esserci una posizione modulo nell'header (come mi sembra che sia) basta crearla
http://wiki.joomla.it/index.php?title=Come_aggiungo_nuove_posizioni_modulo%3F
-
Coool...grazie della dritta...ti (e vi) farò sapere come andrà! ;) ciao!
-
potresti sostituire il richiamo all'immagine con un iframe che richiama una pagina con lo script della image map.
-
potresti sostituire il richiamo all'immagine con un iframe che richiama una pagina con lo script della image map.
Ciao darkpuma!Grazie per l'interessamento.
Non sono proprio un beginner in materia ma dato che imparo tutto "smanettando" ancora non ho capito cosa sia un iframe e come si crea. E' complicata come operazione? Ovvero, me la puoi spiegare tu qui? Oppure se hai un link di qualche pagina in cui si spiega come fare! ;)
Grazie mille!COmunque non ho ancora avuto tempo di provare il wrapper, inizio proprio ora.
ciao!
-
EVVAI!Grazie ragazzi, ho risolto.
Allora:
Basta andare in Moduli, attivare il wrapper e incollarci su l'url dell'immagine che ospito nel server su altervista. Dopo ho litigato un po' con la posizione del modulo, pensavo di doverne creare una nuova, ma invece il template ha la posizione "User3" che è esattamente quella che cercavo.
Siete stati utilissimi! ;) tnx veramente!
Una domanda a proposito, sarà scema ma non mi è mai stato chiaro: ogni template ha posizioni diverse vero? Voi come fate tutte le volte a capire User1/2/3...a cosa corrispondono nella pagina? Io sinceramente ho il metodo "prova e riprova e abbi pazienza" a meno che non trovo un tmpl che ha un manualetto suo.
Ciao, grazie ancora. Dopo due gg di sbattimenti ci sono riuscito, che sollievo!
-
Una domanda a proposito, sarà scema ma non mi è mai stato chiaro: ogni template ha posizioni diverse vero? Voi come fate tutte le volte a capire User1/2/3...a cosa corrispondono nella pagina? Io sinceramente ho il metodo "prova e riprova e abbi pazienza" a meno che non trovo un tmpl che ha un manualetto suo.
ehehe il metodo "prova e riprova e abbi pazienza" non è male :)
per vedere le posizioni modulo del template basta andare in gestione template, entrare nel template interessato e cliccare "anteprima"
oppure digitare
?tp=1accanto all'indirizzo principale del sito
provare per credere
http://faremusikatest.altervista.org/?tp=1 ;)
ciao
-
ehehe il metodo "prova e riprova e abbi pazienza" non è male :)
per vedere le posizioni modulo del template basta andare in gestione template, entrare nel template interessato e cliccare "anteprima"
oppure digitare
?tp=1accanto all'indirizzo principale del sito
provare per credere
http://faremusikatest.altervista.org/?tp=1 ;)
ciao
La mia risposta mentale è stata esattamente questa:
"Miiii sei il mio idolo"
haahah grande!che figata non la sapevo questa!
A presto allora!;)
-
così mi fai montare la testa lo sai? 8)
non dimenticare il [risolto] nel titolo del primo post....
alla prossima
-
Giààà!
Sta cosa non la sapevo neanche io!
-
così mi fai montare la testa lo sai? 8)
non dimenticare il [risolto] nel titolo del primo post....
alla prossima
We ric...alla fine non uso più il Wrapper. Lo scrivo per altri che potrebbero averne bisogno. Inizialmente non avevo notato che il wrapper apre il link nella stessa finestra. Però partendo dal tuo spunto ho capito che anche un modulo mod_custom per l'html faceva al caso mio.
Infatti è cosi!!!;) Mi è bastato creare un nuovo modulo HTML e incollarci sopra il codice creato con il mio softwarino Handy Image Map (che vi consiglio nel caso non lo conosciate - Free, semplice e veloce)! Poi il modulo l'ho incollato nella posizione User3!
Bye bye, cmq il merito va a voi che mi avete illuminato la strada! ;)
ciauz
-
è vero hai ragione, non lo avevo considerato mi spiace.
grazie per aver condiviso la soluzione
ciao