Back to top

Autore Topic: [RISOLTO] Modificare Modulo Foxcontact  (Letto 8173 volte)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Modificare Modulo Foxcontact
« il: 26 Mar 2012, 12:51:17 »

Ciao a tutti  :)

ho creato un modulo con foxcontact e l'ho inserito sul mio sito. Solo che vorrei modificarlo.

Il mio sito č www.bagheriabenecomune.org e le modifiche che vorrei fare al modulo sono queste:

1. Cambiare colore di sfondo del forum in modo che si capisca che sia una cosa distaccata dal resto degli elementi che trovate a destra del mio sito.

2. Personalizzare il tasto di invio.

3. Rimuovere la scritta "Powered by FoxContact".

Spero riusciate ad aiutarmi  :'( :'(

P.S. Vi allego un'immagine per farvi capire meglio.

[allegato eliminato da un amministratore essendo vecchio pių di un anno]
« Ultima modifica: 28 Mar 2012, 23:20:50 da Salvux93 »

Offline 56francesco

  • Fuori controllo
  • *
  • Post: 29585
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #1 il: 26 Mar 2012, 12:54:09 »
meglio se inserisci un link al sito on line...

se anche l'altro fosse il tuo ti ricordo di non doppiare i topic, per cortesia..
(uso XP perchč win98 non si installa) 
PS: non sono un dipendente dello sbonzor quindi č necessario un "per favore" alla richiesta e un "grazie" alla risposta, sempre! PPS: non scrivo mai per primo in MP, in caso contrario chiedimi una conferma, Grazie.

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #2 il: 26 Mar 2012, 12:56:52 »
Il link al sito l'ho giā inserito. E' www.bagheriabenecomune.org

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #3 il: 26 Mar 2012, 16:00:45 »
Ciao Salvux93,
inserisci questo css in fondo al file css del template:


Codice: [Seleziona]
.foxform {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 10px;
padding-right:10px;
background: #000;
height:335px;
}

Poi te lo modifichi come vuoi.

Per togliere il link al sito del produttore invece devi fare una donazione. Trovi le modalitā sul sito dove lo hai scaricato.

Per il bottone invio puoi cercarlo con Firefox oppure aggiungere questo al file css, sempre in fondo:

Codice: [Seleziona]
.foxbutton {    background: none repeat scroll 0 0 #999999;    cursor: pointer;    padding: 8px;}
e lo regoli come vuoi.


Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #4 il: 26 Mar 2012, 18:55:47 »
Ciao adottauncane  :)

grazie per avermi risposto!!!  :)

Allora, ho inserito i codici e tutto funziona solo che non riesco a fare queste 3 cose:

1. Fare in modo che il riquadro sia allineato centralmente alla colonna e nello stesso modo in cui si trovano gli altri elementi sulla colonna. (stesso spazio a sinistra e stesso spazio a destra). Ho fatto diverse prove ma niente. Forse dovrei aggiungere qualche comando.. non so.

2. Spostare il tasto "Invia" centralmente e farlo pių grande!

3. Ridurre il testo dell'informativa sulla privacy perché com'č per adesso č osceno! (non trovo un comando che me lo permetta)

Al posto del tasto invia, inoltre, potrei inserire una cosa del genere? Allegato.

Ti allego uno screen!  :'(

[allegato eliminato da un amministratore essendo vecchio pių di un anno]
« Ultima modifica: 26 Mar 2012, 18:59:46 da Salvux93 »

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #5 il: 26 Mar 2012, 19:15:24 »
Per il testo dell'informativa inserisci i px qui:
Codice: [Seleziona]
.fox_cbspan {
.
.
.
    font-size: 10px; <----------
.
.

}
neon.css (riga 295)

Il resto lo puoi fare con i css che ti ho giā scritto. Prova, non mordono mica...  ;)

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #6 il: 26 Mar 2012, 19:20:40 »
ahahah  :D

Lo so che non mordono mica  :D

E' che non so dove mettere le mani...  :'(

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #7 il: 26 Mar 2012, 19:45:21 »
Nei css che hai aggiunto...

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #8 il: 26 Mar 2012, 20:05:31 »
Si lo so... dico puoi dirmi cosa devo modificare per ottenere ciō che ti dicevo?  :'( :'( :'(

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #9 il: 26 Mar 2012, 23:40:07 »
Sė perō cosė il template te lo sto scrivendo io...
Questo per ridimensionare il form:


Codice: [Seleziona]
.foxform {
    background: none repeat scroll 0 0 #EEAA7B;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 300px;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 10px;
    width: 145px;
}

lo metti al posto dell'altro.
Per il tasto provaci da solo.  ;) Il css ce l'hai.

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #10 il: 27 Mar 2012, 12:40:03 »
Ok, un'ultima cosa...

Come faccio a sostituire l'attuale bottone di invio con l'immagine ti ho allegato?  :'(

[allegato eliminato da un amministratore essendo vecchio pių di un anno]

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #11 il: 28 Mar 2012, 19:16:59 »

Ciao adottaunacane,

ho ripubblicato il modulo della newsletter (quello che trovi nella barra di destra del mio sito), solo che ho alcuni problemi.  :'( :'( :'(

Il primo č che il codice che mi hai fornito tu modifica tutti i moduli di foxcontact presenti all'interno del mio sito, per intenderci quelli che si trovano nella pagina "Contattaci" e "Inviaci le tue proposte", mentre io vorrei che queste dimensioni si riferissero solo al modulo della newsletter che sto inserendo in home page.

Inoltre vorrei sapere:

1. Come faccio ad allineare centralmente la scritta "Newsletter"? Su firebug non vedo la possibilitā...

2. Come sostituisco il pulsante di invio con quello che trovi allegato in questa mia risposta?

Grazie per la tua gentilezza, spero di non chiederti pių nulla e di poter proseguire da solo.

Ecco il codice che mi avevi dato prima e che modifica tutti i moduli del sito:  :'( :'( :'(

Codice: [Seleziona]
.foxform {
    background: none repeat scroll 0 0 #EEAA7B;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 300px;
    margin-left: 5px;
    padding-left: 5px;
    padding-top: 10px;
    width: 145px;
}

[allegato eliminato da un amministratore essendo vecchio pių di un anno]
« Ultima modifica: 28 Mar 2012, 19:20:16 da Salvux93 »

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #12 il: 28 Mar 2012, 22:30:39 »
Be sė, se lo usi da altre parti devi scrivere la modifica solo per il modulo... (perō questo varrā per tutti i moduli Fox, altrimenti devi mette il suffisso css al modulo se Fox ce l'ha).

Codice: [Seleziona]
.moduletable .foxform {
    background: none repeat scroll 0 0 #EEAA7B;
    color: #FFFFFF;
    font-family: arial;
    font-weight: bold;
    height: 100px;
    margin-left: 5px;
    padding-top: 10px;
    width: 153px;
text-align:center
}

regoli l'altezza come vuoi.

Lo stesso per il bottone, se lo vuoi solo nei moduli devi scrivere il css per il modulo:

Codice: [Seleziona]
.moduletable button.foxbutton {
css
 }

Per il css del bottone, intanto carica l'immagine in remoto e metti il link (anche assoluto), altrimenti non č facile scrivere il css. E poi apri un topic per domanda, con un titolo appropriato.

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #13 il: 28 Mar 2012, 22:32:47 »
Grazie per la risposta, ci lavoro subito!

In che cartella carico l'immagine del bottone?  :'(

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #14 il: 28 Mar 2012, 22:36:06 »
L'immagine del bottone, perō, la vorrei anche centrale...  :'(

Come la scritta "Newsletter" ed il campo dell'email.

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #15 il: 28 Mar 2012, 22:46:03 »
Anzi, siccome ho cambiato il colore del modulo, il bottone di default che c'č va bene!

Puoi dirmi solo come lo metto centrale?

E anche la scritta dentro il campo come la metto centrale?

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #16 il: 28 Mar 2012, 22:47:14 »
Mettila nella cartella images del template e scrivine qui il nome. Poi la centriamo. Perō un nuovo topic mai... ;)

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #17 il: 28 Mar 2012, 22:53:10 »
Codice: [Seleziona]
.moduletable button.foxbutton {
    margin-left: 30px;
}

.moduletable input.foxtext {
    text-align: center;
}

Certo che perō sei strano... ;D

Offline Salvų

  • Appassionato
  • ***
  • Post: 387
  • Sesso: Maschio
    • Mostra profilo
Re:Modificare Modulo Foxcontact
« Risposta #18 il: 28 Mar 2012, 22:54:55 »
Sono un po volubile...  ;D

Comunque, bando alle ciance  :) , ti ringrazio davvero per avermi dato tutti questi aiuti.

Senza di te, essendo un'autodidatta che da poco realizza siti, non ce l'avrei mai fatta.  :)

Il mio problema č non conoscere i comandi generali da inserire nel css. Ovvero, ho capito come si modifica ma non sapendo i comandi da inserire non so realizzare ciō che ho in mente!  :'(

Non esiste una guida generale con tutti i comandi?  :P

adottauncane

  • Visitatore
Re:Modificare Modulo Foxcontact
« Risposta #19 il: 28 Mar 2012, 23:10:04 »
Quante ne vuoi. Fai una ricerca su Google guide css e ne trovi diverse.

 



Web Design Bolzano Kreatif