Joomla.it Forum

Joomla! 3 => Joomla! 3 => : squalogu 23 May 2016, 16:47:22

: intro immagine responsive
: squalogu 23 May 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.
: Re:intro immagine responsive
: Luca De Matteis 24 May 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.

: Re:intro immagine responsive
: Luca De Matteis 24 May 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
: Re:intro immagine responsive
: $Red 24 May 2016, 10:08:43
Luca non inserire link a risorse esterne, tra l'altro a pagamento grazie
: Re:intro immagine responsive
: Luca De Matteis 24 May 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"
: Re:intro immagine responsive
: squalogu 24 May 2016, 10:19:53
ciao., si l'ho visto ma non risulta responsive e/o non si può inserire un immagine..
: Re:intro immagine responsive
: Luca De Matteis 24 May 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
:
img.responsive { max-width: 100%; heigth: auto; }


Fammi sapere se funziona
: Re:intro immagine responsive
: squalogu 24 May 2016, 12:48:39
ciao, grazie.. ehm scusa nel percorso css che ci devo inserire il link alla home?
: Re:intro immagine responsive
: Luca De Matteis 24 May 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
: Re:intro immagine responsive
: squalogu 24 May 2016, 12:58:09
link (http://www.icorsidellatorreantica.it/)
l'immagine non risulta responsive
cosa sto dimenticando?
: Re:intro immagine responsive
: Luca De Matteis 24 May 2016, 12:59:14
link (http://www.icorsidellatorreantica.it/)
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 :)
: Re:intro immagine responsive
: $Red 24 May 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
: Re:intro immagine responsive
: squalogu 24 May 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?
: Re:intro immagine responsive
: Luca De Matteis 24 May 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 ;)
: Re:intro immagine responsive <img alt="immagine" src="immagine.jpg" class="respo
: Luca De Matteis 24 May 2016, 13:08:10
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%;">
: Re:intro immagine responsive
: squalogu 24 May 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