Modifica css chronoforms

[marcob]

Ciao a tutti.vorrei sapere se è possibile modificare il css di chronoform e se  si come. Da forms manager->clic sul form creato->form code si può vedere solo il codice html, mentre il box css risulta vuoto. grazie per l'attenzione.

[vales]

devi intervenire direttamente nei file css nella cartella components/chronocontact.

[marcob]

devi intervenire direttamente nei file css nella cartella components/chronocontact.

Ho provato tramite filezilla direttamente sul server, ma il programma si chiude, devo fare il download modificarlo in locale e poi fare l'upload del file modificato?? Grazie.

[Gianni Pulito]

Con filezilla, downlodati il file css, non chiudere filezilla, lo apri con un editor di pagine (html,css,php), effettua le modifiche salva, lo pubblichi li dove lo avevi prelevato, fai il refresh della pagina e vedi il risultato.
Attento però, prima di intervenire sul file, fatti una copia di sicurezza, in modo tale che tu possa sempre ritornare indietro qualora le modifiche non ti piacessero.
Ciao Gianni

[marcob]

Grazie.

[marcob]

Avendo modificato la dimensione delle maschere di chronoforms, ora i tooltip risultano spostati, dove trovo il codice html, per modificarlo??
Non lo trovo ne' in html template, ne' nel form code del componenete. Grazie.

[xplosion]

Hai cercato in tooltip.css ?

[marcob]

Hai cercato in tooltip.css ?

Non sono molto pratico di codice html/css, ma firebug mi fa vedere il il codice in allegato in fondo al post e credo siano da modificare i valori evidenziati, correggimi se sbaglio!

Questo comunque è tootlip.css:
.cf_tool-tip {
   color: #fff;
   width: 139px;
   z-index: 13000;
}
 
.cf_tool-title {
   font-weight: bold;
   font-size: 11px;
   margin: 0;
   color: #9FD4FF;
   padding: 8px 8px 4px;
   background: url(bubble.png) top left;
}
 
.cf_tool-text {
   font-size: 11px;
   padding: 4px 8px 8px;
   background: url(bubble.png) bottom right;
}
 
.custom-tip {
   color: #000;
   width: 130px;
   z-index: 13000;
}
 
.custom-title {
   font-weight: bold;
   font-size: 11px;
   margin: 0;
   color: #3E4F14;
   padding: 8px 8px 4px;
   background: #C3DF7D;
   border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
   font-size: 11px;
   padding: 4px 8px 8px;
   background: #CFDFA7;
}


[allegato vecchio più di un anno eliminato automaticamente]

[xplosion]

Sul mio c'è anche

Codice: [Seleziona]

.tooltipimg{
display:inline;
margin:0px 0px 0px 10px;
}


[vales]

Quelli che hai evidenziato sono css in line e non stanno nel file tooltip.css.

Nonso quali modifiche hai fatto ma credo che dovresti sistemare il codice tipo quello prodotto dal wizard come nel seguente che è un frammento di campo di form con tooltip.

Codice: [Seleziona]

<div class="form_item">
  <div class="form_element cf_textbox">
    <label class="cf_label" style="width: 150px;">Nome articolo</label>
   <input class="cf_inputbox required validate-alphanum"maxlength="150" size="30" title="Inserisci il nome dell'articolo"id="text_1" name="art_nome" type="text" />
  <aclass="tooltiplink" onclick="return false;"><img height="16"border="0" width="16" class="tooltipimg" alt=""src="components/com_chronocontact/css/images/tooltip.png"/>[/url]
                <div class="tooltipdiv">Nome articolo :: Inserisci l'articolo</div>
  </div>
  <div class="cfclear">&nbsp;</div>
</div>
iltooltip è influenzato dalle classi tooltiplink tooltipimg e tooltipdiv e probabilmente anche dal codice dei campi dipende da cosa hai inserito.


Puoi inviare un link al form?

[marcob]

http://www.carpenteriaverte.altervista.org/index.php?option=com_chronocontact&Itemid=55

[vales]

Mi sembra che escluso quello a fianco del codice di sicurezza, un po' basso, gli altri siano al loro posto.

CosA volevi modificare ?

[marcob]

Mi sembra che escluso quello a fianco del codice di sicurezza, un po' basso, gli altri siano al loro posto.

CosA volevi modificare ?

Se guardi i tooltip dei campi nome,cognome,società, sono spostati leggermente verso l'alto rispetto ai  campi.
Più in generale, come ti sembra il codice del form è corretto??? Grazie

[vales]

Non credo dipenda da te. Anche nel mio sito demo sono posizionati nello stesso modo. Anche quello è su altervista.

Su quello mio in firma, qui, sono allineati meglio.

Credo dipenda dalla configurazione un po' particolare di altervista.

[vales]

Se proprio li vuoi abbassare prova questo alla riga 44 di tooltip.css

Codice: [Seleziona]

.tooltipimg {
border:0 solid #000000;
display:inline;
margin:0 0 -3px 10px;
}

[marcob]

Se proprio li vuoi abbassare prova questo alla riga 44 di tooltip.css

Codice: [Seleziona]

.tooltipimg {
border:0 solid #000000;
display:inline;
margin:0 0 -3px 10px;
}

Credevo dipendesse dal fatto di aver modificato la grandezza del font che viene digitato all'interno dei vari campi. Se tu mi dici che può dipendere da altervista,
lascio stare così com'è.
Ho fatto delle prove con I.E.7 (io uso firefox) e lì ci sono maggiori differenze. ad esempio la dimensione del font dei nomo dei campi è maggiore rispetto a firefox.

[vales]

Non saprei se è una conicidenza fortuita o no. Ma hai visto anche sul mio è uguale.

Prova a ripristinare la dimensione del font e ti togli i dubbi.

Per quanto si riferisce a I.E. lui va sempre a modo suo.

[marcob]

Non saprei se è una conicidenza fortuita o no. Ma hai visto anche sul mio è uguale.

Prova a ripristinare la dimensione del font e ti togli i dubbi.

Per quanto si riferisce a I.E. lui va sempre a modo suo.

Come al solito il browser di casa microsoft non delude mai!!!!
Se posso, vorrei chiederti una cosa: nella mia home http://www.carpenteriaverte.altervista.org/,sotto la banda azzurra, c'è la scritta "carpenteria vertemati" in azzurro. Ho provato a toglierla da backend, ma così facendo sparisce anche dal titolo della pagina in alto a sinistra, vicino al logo di firefox, che vorrei mantenere, come posso fare ?? Grazie.

[vales]

Vai in menu->menu principale->home-> parametri sistema alla voce mostra titolo di pagina metti no.

[marcob]

Vai in menu->menu principale->home-> parametri sistema alla voce mostra titolo di pagina metti no.

Sei un grande, grazie!!