Autore Topic: [RISOLTO]inserire sfondo form chronoform5 (Letto 5480 volte)

clark1 · « **il:** 04 Dic 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')"> 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

adottauncane · « **Risposta #1 il:** 04 Dic 2016, 09:40:16 »

Ciao,
un link al sito?

clark1 · « **Risposta #2 il:** 04 Dic 2016, 09:54:44 »

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

giusebos · « **Risposta #3 il:** 04 Dic 2016, 11:07:35 »

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:

Codice: [Seleziona]

#chronoform-prenotazioneche userai per applicargli uno sfondo, sia di immagine che di colore secondo le regole dei css, quindi se fosse un colore userai:

Codice: [Seleziona]

#chronoform-prenotazione {
background-color: #ffcc00;
}

inserendo questa regola nel file css principale del tuo template.

clark1 · « **Risposta #4 il:** 04 Dic 2016, 11:10:55 »

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

giusebos · « **Risposta #5 il:** 04 Dic 2016, 12:33:30 »

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

Codice: [Seleziona]

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

Codice: [Seleziona]

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.

adottauncane · « **Risposta #6 il:** 04 Dic 2016, 14:14:17 »

Prova così:

Codice: [Seleziona]

#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

giusebos · « **Risposta #7 il:** 04 Dic 2016, 14:46:36 »

Ciao adottauncane!!
Già stata a salvare la costituzione?

adottauncane · « **Risposta #8 il:** 04 Dic 2016, 14:50:49 »

Sì. Ma non l'ho salvata.

clark1 · « **Risposta #9 il:** 04 Dic 2016, 16:41:48 »

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

adottauncane · « **Risposta #10 il:** 04 Dic 2016, 16:47:02 »

Hai provato come ho scritto io?

clark1 · « **Risposta #11 il:** 04 Dic 2016, 16:58:40 »

lo fatto ora ora ma nulla non funziona cosi come dite

adottauncane · « **Risposta #12 il:** 04 Dic 2016, 17:06:37 »

Sì che funziona, per il form cucine ovviamente...
o ne fai uno per o provi questo:

Codice: [Seleziona]

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

adottauncane · « **Risposta #13 il:** 04 Dic 2016, 17:08:31 »

Perché si scrive Perché non Perchè. In home...

clark1 · « **Risposta #14 il:** 04 Dic 2016, 17:14:33 »

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;
}

clark1 · « **Risposta #15 il:** 04 Dic 2016, 17:14:46 »

ma nulla non esce

adottauncane · « **Risposta #16 il:** 04 Dic 2016, 17:18:25 »

Hai scritto questo:

Codice: [Seleziona]

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

clark1 · « **Risposta #17 il:** 04 Dic 2016, 17:32:32 »

lo messo ma non esce cavolo

adottauncane · « **Risposta #18 il:** 04 Dic 2016, 17:37:17 »

C'è quello sbagliato.

adottauncane · « **Risposta #19 il:** 04 Dic 2016, 17:38:16 »

Devi mettere questo:

Codice: [Seleziona]

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