Autore Topic: Modifica css chronoforms  (Letto 11247 volte)

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Modifica css chronoforms
« il: 18 Nov 2009, 13:59:29 »
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.

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #1 il: 18 Nov 2009, 14:50:22 »
devi intervenire direttamente nei file css nella cartella components/chronocontact.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #2 il: 18 Nov 2009, 15:08:15 »
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.

Offline Gianni Pulito

  • Esploratore
  • **
  • Post: 70
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #3 il: 18 Nov 2009, 15:24:52 »
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

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #4 il: 18 Nov 2009, 15:47:19 »
Grazie.
« Ultima modifica: 18 Nov 2009, 15:47:45 da 56francesco »

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #5 il: 19 Nov 2009, 13:47:43 »
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.
« Ultima modifica: 19 Nov 2009, 14:10:25 da marcob »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3908
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #6 il: 19 Nov 2009, 14:36:48 »
Hai cercato in tooltip.css ?
Gantry 5.5 per Joomla 4 - Documentazione e Guide  in italiano per creare Template Joomla! professionali! www.tanase.it

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #7 il: 19 Nov 2009, 15:12:36 »
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]
« Ultima modifica: 19 Nov 2009, 15:17:18 da marcob »

Offline xplosion

  • Global Moderator
  • Instancabile
  • ********
  • Post: 3908
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #8 il: 19 Nov 2009, 15:27:05 »
Sul mio c'è anche
Codice: [Seleziona]
.tooltipimg{
display:inline;
margin:0px 0px 0px 10px;
}
Gantry 5.5 per Joomla 4 - Documentazione e Guide  in italiano per creare Template Joomla! professionali! www.tanase.it

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #9 il: 19 Nov 2009, 15:30:32 »
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?
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #11 il: 19 Nov 2009, 16:20:45 »
Mi sembra che escluso quello a fianco del codice di sicurezza, un po' basso, gli altri siano al loro posto.

CosA volevi modificare ?
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #12 il: 19 Nov 2009, 16:25:17 »
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

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #13 il: 19 Nov 2009, 16:34:58 »
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.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #14 il: 19 Nov 2009, 16:46:57 »
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;
}
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #15 il: 19 Nov 2009, 16:58:38 »
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.

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #16 il: 19 Nov 2009, 17:06:46 »
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.
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #17 il: 19 Nov 2009, 17:17:38 »
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.

Offline vales

  • Global Moderator
  • Instancabile
  • *****
  • Post: 8011
  • Sesso: Maschio
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #18 il: 19 Nov 2009, 17:34:09 »
Vai in menu->menu principale->home-> parametri sistema alla voce mostra titolo di pagina metti no.
« Ultima modifica: 19 Nov 2009, 17:42:31 da vales »
Download e demo di Albo Pretorio On Line per Joomla 1.5 e Joomla 2.5 e 3
Moduli scuola On Line v1 per Joomla 3
http://valesweb.altervista.org

Offline marcob

  • Appassionato
  • ***
  • Post: 328
    • Mostra profilo
Re:Modifica css chronoforms
« Risposta #19 il: 19 Nov 2009, 17:43:22 »
Vai in menu->menu principale->home-> parametri sistema alla voce mostra titolo di pagina metti no.
Sei un grande, grazie!!

 

Host

Torna su