Back to top

Autore Topic: intro immagine responsive  (Letto 2915 volte)

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
intro immagine responsive
« il: 23 Mag 2016, 16:47:22 »
dovrei inserire un immagine intro che poi colleghi all'attuale home page., che sia possibilmente responsive. ho visto splash plugin ma posso inserire solo testo.

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #1 il: 24 Mag 2016, 10:05:39 »
Ciao,
ti consiglio di creare un file e scrivere del semplice codice HTML.
Poi salvi questo file, lo rinomini in "index.html" e lo carichi nella root del sito.


Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #2 il: 24 Mag 2016, 10:06:42 »
Qui trovi una procedura per la versione 2.5, ma credo che sia valida anche per la versione 3.


Un saluto

Edit: rimosso link esterno a pagamento
« Ultima modifica: 24 Mag 2016, 10:08:11 da $Red »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:intro immagine responsive
« Risposta #3 il: 24 Mag 2016, 10:08:43 »
Luca non inserire link a risorse esterne, tra l'altro a pagamento grazie

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #4 il: 24 Mag 2016, 10:17:21 »
Luca non inserire link a risorse esterne, tra l'altro a pagamento grazie
Pardon.


Comunque tornando al topic, mi riferisco ad un video che puoi trovare su YouTube cercando "creare splash page in Joomla"

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:intro immagine responsive
« Risposta #5 il: 24 Mag 2016, 10:19:53 »
ciao., si l'ho visto ma non risulta responsive e/o non si può inserire un immagine..

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #6 il: 24 Mag 2016, 10:28:09 »
ciao., si l'ho visto ma non risulta responsive e/o non si può inserire un immagine..
Certo che si può, nel file index.html che andrai a creare ti basta inserire questo codice:


<html>
<head>
<link href="percorso.css" rel="stylesheet" type="text/css" />
</head>
<div class="img-wrapper">
<a href="index.php"><img alt="immagine" src="immagine.jpg" class="responsive"><*/*a>
<p class="text">Testo sotto l'immagine</p>
<*/*div>
</html>
(chiudi i tag "div" e "a" correttamente, non so perché ma non vengono salvati bene :) )

Per renderla Responsive ti consiglio di utilizzare queste classi che andrai a definire nel file .css
Codice: [Seleziona]
img.responsive { max-width: 100%; heigth: auto; }


Fammi sapere se funziona
« Ultima modifica: 24 Mag 2016, 10:45:56 da Luca De Matteis »

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:intro immagine responsive
« Risposta #7 il: 24 Mag 2016, 12:48:39 »
ciao, grazie.. ehm scusa nel percorso css che ci devo inserire il link alla home?

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #8 il: 24 Mag 2016, 12:55:28 »
ciao, grazie.. ehm scusa nel percorso css che ci devo inserire il link alla home?
No, il link alla home va inserito nel tag a href

Crea un file che chiamerai splash.css
Inseriscilo nella root del sito e dentro dichiara la classe img-responsive come ti dicevo prima
Poi al posto di "percorso.css" inserisci "splash.css"


Fammi sapere
« Ultima modifica: 24 Mag 2016, 12:58:13 da Luca De Matteis »

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:intro immagine responsive
« Risposta #9 il: 24 Mag 2016, 12:58:09 »
link
l'immagine non risulta responsive
cosa sto dimenticando?

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #10 il: 24 Mag 2016, 12:59:14 »
link
l'immagine non risulta responsive
cosa sto dimenticando?
Probabilmente il percorso al file .css non risulta corretto
Se mi mandi il link per PM gli do un'occhiata :)

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:intro immagine responsive
« Risposta #11 il: 24 Mag 2016, 13:00:33 »
Scusate non avevo visto che la pagina conteneva un video pubblico youtube  :) pensavo fosse una risorsa di corsi joomla accessibile solo con registrazione

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:intro immagine responsive
« Risposta #12 il: 24 Mag 2016, 13:02:24 »
si ora è responsive., si te l'ho scritto il link..
ok ora devo solo far si che l'immagine occupi tutto lo schermo
come faccio a specificare un full screen e centrare l'immagine? sempre dal file index?
« Ultima modifica: 24 Mag 2016, 13:03:58 da squalogu »

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Re:intro immagine responsive
« Risposta #13 il: 24 Mag 2016, 13:03:17 »
si ora è responsive., si te l'ho scritto il link..
ok ora devo solo far si che l'immagine occupi tutto lo schermo
Perfetto ;)

Offline Luca De Matteis

  • Nuovo arrivato
  • *
  • Post: 25
  • Sesso: Maschio
  • Joomla! tutti i giorni
    • Mostra profilo
Per averla a schermo intero ti basta aggiungere la parte in rosso


<a href="index.php"><img alt="immagine" src="immagine.jpg" class="responsive" style="width:100%;">

Offline squalogu

  • Abituale
  • ****
  • Post: 1333
  • Sesso: Maschio
  • Est modus in rebus.
    • Mostra profilo
Re:intro immagine responsive
« Risposta #15 il: 24 Mag 2016, 13:51:29 »
grande!! ti ringrazio  8)


buona serata!


PS
per definire l'altezza nn posso dare high a 100%, ora c'è lo scoller..ma vorrei che occupasse l'intera pagina non oltre

 



Web Design Bolzano Kreatif