Joomla.it Forum
Joomla! 3 => Joomla! 3 => : clark1 04 Dec 2016, 09:20:42
-
buongiorno volevo sapere se si puo inserire uno sfondo in background nei form di chronoform5,
io tutti i form che ho fatto li ho fatti con codice personalizzato siccome lo sfondo bianco non mi piace e siamo sotto natale volevo inserire un immagine di sfondo lo inserita con questa stringa <body style="background-image: url('http://www.miosito.it/images/natale_stelline_palle.jpg (http://www.miosito.it/images/natale_stelline_palle.jpg)')"> ma aprendo il sito non mi fa vedere l'immagine ma se analizzo la pagina la stringa si vede
ce un altro modo per far vedere uno sfondo nei form di chronoform?
grazie
-
Ciao,
un link al sito?
-
il link e www.tiprovo.it appena entri chiudi pop up che si apre e clicca su uno dei quadrati grossi quando entri in uno dei form vedrai lo sfondo bianco e li che io voglio levare quello sfondo e mettere un immagine
-
Per precisione bisognerebbe capire esattamente lo sfondo dove vuoi piazzarlo, dire che lo vuoi sotto il tuo form potrebbe non essere chiaro:
situazioni:
- pagina con al centro il form e tutta la pagnia ha uno sfondo (tipo motore di ricerca bing)
- pagina con dentro il form con lo sfondo applicato solo al suo contenitore
Risponderò alla seconda ipotesi in quanto più vicina alla tua richiesta:
Ogni form di chronoform genera un id contenete il nome del form, quindi se ad esempio hai chiamato il tuo form "prenotazione", avrai generato un ID:
#chronoform-prenotazioneche userai per applicargli uno sfondo, sia di immagine che di colore secondo le regole dei css, quindi se fosse un colore userai:
#chronoform-prenotazione {
background-color: #ffcc00;
}inserendo questa regola nel file css principale del tuo template.
-
per farti capire meglio
se vai qui http://www.tiprovo.it/index.php?option=com_chronoforms5&view=form&Itemid=110
questo e il form se vedi lo spazio bianco io apposto dello spazio bianco voglio mettere un immagine di sfondo
-
Quando dico che conosco i miei POLLI ;) senza offesa he!
Si, si può fare, ma anche tutte le pagine avranno questo sfondo, il metodo è quasi identico e si applica alla classe della pagina.
Mi pare che tu non abbia altre pagine, eventualmente rifinisci tu
questa la regola esistente nel file template.css
.art-sheet {
background: #d71a1a none repeat scroll 0 0;
cursor: auto;
margin: 10px auto 0;
max-width: 1920px;
min-width: 700px;
position: relative;
width: 100%;
z-index: auto !important;
}
la parte che a te interessa è
background: #d71a1a none repeat scroll 0 0;
dove applicherai immagine o colore
considera che l'immagine si adatterà allo schermo schiacciandosi e deformandosi, così dovrai usare qualche hak....
ma mi chiedo, se hai fatto il template con quel brutissimo software che non si può nominare, inseriscila li ed evitati tanti tribolamenti.
-
Prova così:
#chronoform-Cucina {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
lo metti in fondo al file template.css
Ciao giusebos :)
-
Ciao adottauncane!!
Già stata a salvare la costituzione?
;D ;D
-
Sì. Ma non l'ho salvata. ;)
-
forse non ci siamo capiti io non devo mettere lo sfondo a tutto il sito io devo mettere lo sfondo solamente nei form di chronoform:
allora quando vado nel pannello di controllo di chronoform entro dentro ad un form attualmente ne ho 9 in tutto il sito quando ne apro uno
esempio apro divani vado nel tasto ( codice ) e mi trovo tutto il codice per il form io ho messo la seguente stringa
<head>
<style type="text/css">
.style2 {
text-align: center;
font-size: x-large;
}
.style4 {
color: #000000;
}
</style>
</head>
<body style="background-image: url('http://www.tiprovo.it/images/natale_stelline_palle.jpg')">
<div class="style2" style="height: 145px">
<img alt="" src="/images/form_divani.jpg" width="231" height="76">
<>
ok ma quando vado ad aprire il form e sempre bianco
-
Hai provato come ho scritto io?
-
lo fatto ora ora ma nulla non funziona cosi come dite
-
Sì che funziona, per il form cucine ovviamente...
o ne fai uno per o provi questo:
.chronoform.form-horizontal {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
in fondo al file template.css.
Adesso non c'è...
-
Perché si scrive Perché non Perchè. In home...
-
io lo messo guarda:
font-size: 1px;
display: block;
}
ul.categories-module li h1, ul.categories-module li h2, ul.categories-module li h3, ul.categories-module li h4, ul.categories-module li h5, ul.categories-module li h6
{
display: inline;.resp{display:block; max-width:100%;}.resp{display:block; width:100%;}
}.resp{display:block; max-width:100%;}.resp{display:block; width:100%;}
/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}
/* End Additional CSS Styles */
.chronoform.form-horizontal {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
-
ma nulla non esce
-
Hai scritto questo:
.chronoform.cucina-horizontal {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
che non è quello che ho scritto io.
Seleziona il mio, copialo e incollalo.
-
lo messo ma non esce cavolo :(
-
C'è quello sbagliato.
-
Devi mettere questo:
.chronoform.form-horizontal {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
-
O questo:
#chronoform-Cucina {
background-image: url("http://www.tiprovo.it/images/natale_stelline_palle.jpg") !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
-
lo messo e nulla
-
se mi cambi nome alla regola, quella mi si
incaz.... stizzisce e non fa il proprio lavoro!
-
lo messo a nulla
-
lo messo a nulla
adesso funziona!!
alleluia!
-
Magari un refresh?
-
funziona per metà nel senso che funziona in tutti form tranne in bagno e soggiorno perche?
-
e un altro problema lo vedo solo su firefox ma su google chrome nulla non funziona :(
-
Perché hai cambiato la classe al bagno...
-
Funziona anche su Chrome. Refreshino?
-
si fatto refresh ho svuotato chace e funziona ma bagno e soggiorno ancora nulla non esce
-
ho ragazzi ho risolto tutto grazie mille a tutti per la pazienza
-
pazienza!?!?
10 ore per mettere uno sfondo!
la santità devi offrire a adottauncane!