Joomla.it Forum

Joomla! 3 => Joomla! 3 => : Alessia77 04 Oct 2017, 11:41:10

: immagine background custom html
: Alessia77 04 Oct 2017, 11:41:10

Ciao a tutti e come al solito perdonate l'ignoranza o la domanda magari stupida per voi.
Spesso capita di vedere dei template che hanno delle posizioni preconfigurate con una immagine di background preimpostata (vedi immagine allegata).
Il tutto si potrebbe ridurre a un custom html con una immagine di background.
Così facendo però la grandezza dell'immagine di background è limitata alla dimensione del testo.
Veniamo quindi alla domanda ossia come faccio a replicare in un qualsiasi template e in qualsiasi posizione io voglia una immagine di background simile all'immagine allegata?
Spero di essermi spiegata bene.
Grazie a chiunque risponderà e scusate ancora l'ignoranza

: Re:immagine background custom html
: giusebos 04 Oct 2017, 13:20:29

Sei sicura che questo tuo problema non lo sia stato per qualcun'altro prima di te?
perchè io ricordo decine e decine di discussioni sull'argomento....

: Re:immagine background custom html
: Alessia77 04 Oct 2017, 17:10:16

Probabilmente sbaglio tipo di ricerca perchè non trovo niente  :'(

: Re:immagine background custom html
: xplosion 05 Oct 2017, 10:21:30

Devi aggiungere una classe css personalizzata con un'istruzione del genere:

:

.lamiaclasse{background: #fff url("nome_immagine.png") no-repeat;
}Dove "nome_immagine.png" lo sostituisci con il nome della tua immagine, compresso il percorso giusto, ovvio.

: Re:immagine background custom html
: Alessia77 05 Oct 2017, 12:27:58

Grazie posso anche fare una classe del tipo:

:



.lamiaclasse {

    padding: 50px 0;    margin: 20px 0;    background-attachment: fixed;    background-image: linear-gradient(rgba(71,130,3,0.55),rgba(71,130,3,0.55)),url(/crafty/templates/crafty/images/slider.jpg);    background-repeat: no-repeat;    background-size: cover;
}