Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : sguio 29 Oct 2011, 21:45:56
-
posso chiedervi come si fa a fare un pagina come questa, ossia fare in modo che google maps sia in background solo in una pagina? vi metto l'esempio e vorrei riuscire a farlo anche io..! http://www.joomspirit.com/template-joomla/template-full-screen-4/index.php?option=com_content&view=article&id=42&Itemid=163
se è un estensione sapete dirmi il nome?
grazie in anticpo
-
Mi aggiungo anche io.
-
Interessante... io pure sono curioso.
-
speriamo qualcuno ne sappia qualche cosa...
-
Mi accodo anche io alla curiosità..
..ma rilancio anche un'ipotesi: potrebbe essere semplicemente una mappa di google maps embeddata. L'iframe te lo da google e tu lo posizioni sotto a tutto con z -index.
Cito dal sorgente:
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps/ms?msa=0&msid=216338975900051916446.0004abcbae04e37e8c6bc&ie=UTF8&t=h&vpsrc=0&z=17&output=embed">
-
si ma se volessi metterlo solo in una determinata pagina ad esempio "Dove siamo"
-
Qello che hai postato non è un esempio adatto perche è un template commerciale che ti permette di farlo tramite javascript...
in alternativa il metodo proposto da il gatto ha nuove code può andare bene credo...e per assegnarlo ad una sola voce di menu puoi creare un duplicato del tuo template e assegnare il template con sfondo google alla voce di menu interessata...è un po un acrocchio ma dovrebbe funzionare...
-
Mi accodo anche io alla curiosità..
..ma rilancio anche un'ipotesi: potrebbe essere semplicemente una mappa di google maps embeddata. L'iframe te lo da google e tu lo posizioni sotto a tutto con z -index.
Cito dal sorgente:
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps/ms?msa=0&msid=216338975900051916446.0004abcbae04e37e8c6bc&ie=UTF8&t=h&vpsrc=0&z=17&output=embed">
Hola
Anche secondo me l'idea è quella, solo che io lo disegnerei come un template con un'immagine a tutto schermo di fondo, solo che invece dell'immagine inserirei il codice embed di GoogleMaps
-
ma invece creare proprio un piccolo modulo che facesse ciò inserendo direttamente l'embed della mappa?
-
Hola
E piu facile e rapido il template, tra un paio di giorni ti posto un link con una pagina che sto facendo io
-
mmm...potresti creare un duplicato del template.
Tieni il template generico per tutte le pagine, nella pagina "dove siamo" metti come definito il template "modificato" con l'iframe di sfondo con z-index.
A presto...
-
ok perfetto cosi vedo come viene e nel cao mi spiehi un po come hai fatto... grazie mille
-
Napaquito aspetto di vedere la tua pagina :)
-
Hola
In questo modo funziona il template, l'index.php:
<div mappa>codice della mappa di Google</div>
<div moduli e componenti>
<div componente><?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?></div>
<div modulo 1><jdoc:include type="modules" name="mapa1" style="" /</div>
<div modulo 2><jdoc:include type="modules" name="mapa2" style="" /</div>
ecc...
</div>
il css;
#mappa
position:fixed;
height:100%;
width: 100%;
margin: 0;
padding: 0;
z-index: 0;
#resto dei div
programmate normalmente solo che dovete tenere conto che il z-index deve essere superiore a 0, 1 va bene
Vi posto una schermata del template non finito in locale
[allegato vecchio più di un anno eliminato da un amministratore]
-
Si immaginavo una cosa del genere.
L'unico dubbio che ho è quanto ci mette a caricare l'intera pagina così..
-
Hola
4.878 secondi ;D ;D e 786 kb
-
Vabbè dai buono!
Grazie della condivisione..
-
Hola
Ecco la pagina online (http://www.diseno-web-joomla.com/diseno-web-barcelona.html)
Grazie a sguio che mi ha dato l'idea, erano mesi che volevo cambiare questa pagina ma non sapevo come
-
ma che scherzi ragazzi grazie a voi!!!
-
Grandi!!
Grazie a tutti!!
-
Grandi!!!
Questa è una bellissima cosa!
Ma ho un dubbio:
<div modulo 1><jdoc:include type="modules" name="mapa1" style="" /</div>
<div modulo 2><jdoc:include type="modules" name="mapa2" style="" /</div>
Cosa sono mapa1 e mapa2? Si devono creare moduli o posizioni?
-
Hola
Sono posizioni, le ho rinominate cosi perche il sito ha quattro template ed é difficile ricordare a quale appartiene ciascuna
-
Hola
In questo modo funziona il template, l'index.php:
<div mappa>codice della mappa di Google</div>
<div moduli e componenti>
<div componente><?php if($this->params->get('showComponent')) : ?>
<jdoc:include type="component" />
<?php endif; ?></div>
<div modulo 1><jdoc:include type="modules" name="mapa1" style="" /</div>
<div modulo 2><jdoc:include type="modules" name="mapa2" style="" /</div>
ecc...
</div>
il css;
#mappa
position:fixed;
height:100%;
width: 100%;
margin: 0;
padding: 0;
z-index: 0;
#resto dei div
programmate normalmente solo che dovete tenere conto che il z-index deve essere superiore a 0, 1 va bene
Vi posto una schermata del template non finito in locale
1) Devo copiare quelle stringhe nel php, ma dove precisamente?
2) Il codice che devo copiare nel CSS, se non sbaglio, non ha importanza dove lo copio, giusto? Basta che sia nel CSS?
3) Mapa1 e mapa2, li hai creati nel file xml?
4) Cos'è lo z-index?
:)
-
Hola
Rispondo per ordine:
1) Nel body
2) Si dev'essere nel css, l'ordine non è importante
3) Esatto
4) z-index (http://www.yourinspirationweb.com/2010/04/09/css-come-utilizzare-la-proprieta-z-index/)
-
Grazie 1000!
-
ciao, qualcuno negli ultimi anni ha trovato altre alternative per mettere una mappa come sfondo?
Grazie e scusate la riesumazione del post! :)