Back to top

Autore Topic: mappa di google come sfondo di una pagina  (Letto 10565 volte)

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
mappa di google come sfondo di una pagina
« il: 29 Ott 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

Offline Cloud7

  • Appassionato
  • ***
  • Post: 390
  • Sesso: Maschio
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #1 il: 02 Nov 2011, 01:33:53 »
Mi aggiungo anche io.
Nessuno ha mai commesso un errore più grande di colui che non ha fatto niente solo perchè poteva fare troppo poco (Edmund Burke).

yoroxid

  • Visitatore
Re:mappa di google come sfondo di una pagina
« Risposta #2 il: 02 Nov 2011, 12:00:27 »
Interessante... io pure sono curioso.

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #3 il: 02 Nov 2011, 13:50:27 »
speriamo qualcuno ne sappia qualche cosa...

Offline il gatto ha nuove code

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Femmina
  • Che tempi signora mia!
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #4 il: 02 Nov 2011, 17:55:22 »
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:
Codice: [Seleziona]
<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">
Il gatto ha nuove code

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #5 il: 03 Nov 2011, 01:38:03 »
si ma se volessi metterlo solo in una determinata pagina ad esempio "Dove siamo"

Offline RobiC

  • Esploratore
  • **
  • Post: 79
  • Fai quello che devi accada quello che può
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #6 il: 03 Nov 2011, 03:15:30 »
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...
Se un giorno ti verrà rimproverato che il tuo lavoro non è stato fatto con professionalità, rispondi che l'Arca di Noè è stata costruita da dilettanti e il Titanic da professionisti...

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #7 il: 03 Nov 2011, 17:19:11 »
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:
Codice: [Seleziona]
<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
web design, web mobile

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #8 il: 03 Nov 2011, 17:21:41 »
ma invece creare proprio un piccolo modulo che facesse ciò inserendo direttamente l'embed della mappa?

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #9 il: 03 Nov 2011, 17:26:03 »
Hola

E piu facile e rapido il template, tra un paio di giorni ti posto un link con una pagina che sto facendo io
web design, web mobile

Offline migsense

  • Nuovo arrivato
  • *
  • Post: 12
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #10 il: 03 Nov 2011, 17:27:15 »

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...

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #11 il: 03 Nov 2011, 17:28:26 »
ok perfetto cosi vedo come viene e nel cao mi spiehi un po come hai fatto... grazie mille

Offline il gatto ha nuove code

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Femmina
  • Che tempi signora mia!
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #12 il: 03 Nov 2011, 19:25:35 »
Napaquito aspetto di vedere la tua pagina  :)
Il gatto ha nuove code

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #13 il: 03 Nov 2011, 19:40:19 »
Hola

In questo modo funziona il template, l'index.php:
Codice: [Seleziona]
<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
Codice: [Seleziona]
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]
« Ultima modifica: 03 Nov 2011, 19:51:19 da Npaquito »
web design, web mobile

Offline il gatto ha nuove code

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Femmina
  • Che tempi signora mia!
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #14 il: 03 Nov 2011, 19:53:59 »
Si immaginavo una cosa del genere.

L'unico dubbio che ho è quanto ci mette a caricare l'intera pagina così..
Il gatto ha nuove code

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #15 il: 03 Nov 2011, 20:00:13 »
Hola

4.878 secondi  ;D ;D e 786 kb
web design, web mobile

Offline il gatto ha nuove code

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Femmina
  • Che tempi signora mia!
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #16 il: 03 Nov 2011, 20:12:19 »
Vabbè dai buono!

Grazie della condivisione..
Il gatto ha nuove code

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #17 il: 03 Nov 2011, 22:02:05 »
Hola

Ecco la pagina online

Grazie a sguio che mi ha dato l'idea, erano mesi che volevo cambiare questa pagina ma non sapevo come
web design, web mobile

Offline sguio

  • Appassionato
  • ***
  • Post: 574
    • Mostra profilo
Re:mappa di google come sfondo di una pagina
« Risposta #18 il: 03 Nov 2011, 23:32:31 »
ma che scherzi ragazzi grazie a voi!!!

yoroxid

  • Visitatore
Re:mappa di google come sfondo di una pagina
« Risposta #19 il: 06 Nov 2011, 14:19:02 »
Grandi!!
Grazie a tutti!!

 



Web Design Bolzano Kreatif