Joomla.it Forum
Componenti per Joomla! => Gestione Form => : barbyna89 01 Aug 2012, 01:34:17
-
ciao a tutti, mi scuso in anticipo se il mio problema è stato già trattato ma non riesco proprio a venirne a capo!! stò facendo un sito: http://almabeb.com/ (http://almabeb.com/) ho la pagina contatti dove ho inserito un form/modulo chiamato fox contact! vorrei mettere affianco un'immagine! come posso fare?? ho sentito di questo override ma non c'ho capito nulla di cosa devo fare! mi serve allineare l'immagine al form! il template l'ho fatto con un programma chiamato artisteer!
p.s. una curiosità mi chiedevo se era possibile inserire moduli gallerie etc... senza articolo! cioè clicco sulla voce di menù e compare solo il componente senza bisogno di scrivere nulla! siccome non lo so mi sono aggiustata inserendo un punto e colorandolo di bianco così non si vede! però c'è lo spazio del carattere! non so se mi sono spiegata! scusate se ho sbagliato i modi di chiedere le info!
-
Devi utilizzare il modulo, non il componente.
Una volta che hai il modulo funzionante, lo puoi caricare all'interno di un articolo con "loadposition" o "loadmodule".
Dentro all'articolo dovresti riuscire a impaginarlo come vuoi, usando <div> o una tabella.
Un po' complicato, ma funziona. Se hai bisogno di indicazioni piu' dettagliate, chiedi pure.
La versione 2.2 e successive avranno invece la possibilita' di posizionare facilmente campi o immagini su piu' colonne.
-
ciao! grazie per la risposta! ho la versione 2.5 di joomla! si mi servirebbero info più dettagliate perchè proprio non riesco a capire cosa devo fare!! potresti dirmi i passaggi? sono un pò impedita... per il resto me la sono cavata ma questo proprio non riesco a capire dove mettere mano! io ho fox contact che è un modulo se non sbaglio! l'ho inserito tramite estensioni----> gestione moduli---->e poi assegnazione menu ho spuntato contattaci! per la posizione ho selezionato una posizione 10 a caso! grazie per l'aiuto!
-
allora, sono riuscita a inserire il modulo tramite {loadposition miaposizioneinventata} [/size]ora il modulo compare solo inserendo quel codice nell'articolo! però per quanto riguarda l'immagine come faccio?
-
qualcuno può aiutarmi?
-
Mi dispiace, posso collegarmi solo a quest'ora di notte.
Dunque, sei sulla buona strada. Adesso nell'articolo dovresti inserire un codice HTML simile al seguente per creare 2 colonne. La prima colonna ti serve per il form e la seconda per l'immagine o dati di contatto o altro.
<div style="float:left;width:50%">
{loadposition tuoform}
</div>
<div style="float:left;width:50%">
<img src="immagine.jpg">
</div>
Oppure in alternativa puoi usare una tabella:
<table>
<tr>
<td>{loadposition tuoform}</td>
</tr>
<tr>
<td><img src="immagine.jpg"></td>
</tr>
</table>
-
ah scusa non lo sapevo! allora no problem quando puoi! cmq non riesco a farlo! devo disattivare l'editor da configurazione globale? ho provato ha inserire una tabella dal tasto dell'editor, una colonna con 2 celle ma l'immagine rimane in alto non riesco a centrarla! :(
-
Il codice della tabella dovrebbe prendelo anche con l'editor attivo.
Secondo me la tabella l'hai fatta bene, e adesso ti manca solo l'allineamento verticale (http://www.w3schools.com/tags/att_td_valign.asp): <td valign="middle">
oppure con il foglio di stile (http://www.w3schools.com/cssref/pr_pos_vertical-align.asp): vertical-align:middle
Qual'e' l'URL della pagina dove hai il problema?
-
qui: http://www.almabeb.com/contattaci (http://www.almabeb.com/contattaci) ora provo quello che hai detto!
-
Riguarda bene il codice perche' potrebbero esserci dei tag non bilanciati.
-
ma perchè compare il codice???
-
Creado che tu abbia fatto copia e incolla da questo thread sull'editor di Joomla senza prima passare per un editor di testo.
-
ora provo con il blocco note...
-
niente...l'ho incollato nel blocco note poi copiato da li e rincollato nell'articolo ma compare il codice!
-
allora avevo un editor esterno su joomla JCE ora ho reimpostato quello tinyMCE e va! però l'immagine è sotto!
-
Ok, hai 2 righe in tabella, invece li devi inserire in una riga sola.
Alla fine del codice della tabella rimuovi i due tag che ho evidenziato (chiusura riga e apertura nuova riga). Si dovrebbe sistemare tutto:
</td>
</tr>
<tr>
<td valign="top"><img border="0" src="/images/immagini/punto-interrogativo.jpg"></td>
</tr>
</tbody>
</table>
-
si si me ne sono accorta lo stavo proprio scrivendo! :) però ora è tutta su l'immagine! x caso fa ad abbassarla un pò?
-
Si, purtroppo hai una istruzione nel foglio di stile del tuo template (.art-article th, .art-article td) che impedisce l'allineamento verticale, quindi cambia
<td valign="middle"><img border="0" src="/images/immagini/punto-interrogativo.jpg"></td>
con
<td style="vertical-align:middle;"><img border="0" src="/images/immagini/punto-interrogativo.jpg"></td>
-
grazie mille!! un ultimissima cosa! il modulo a sinistra si può centrare nella cella?
-
Secondo me nelle opzioni del modulo l'hai impostato per una larghezza del 60%. Cambialo in 100% e dovrebbe apparire piu' centrale.
-
anche il tasto "invio" si può centrare con la casella sopra? e la riga tra le due colonne come la tolgo? cmq complimenti!!! veramente complimenti!! grazie tantissimo!
-
anche il tasto "invio" si può centrare con la casella sopra?
Ho visto che hai usato l'allineamento centrato. Diversamente, se vuoi muoverlo di una distanza nota senza dover centrare tutti gli altri elementi del form, puoi leggere la guida (http://www.fox.ra.it/forum/20-form-fields/636-submit-button.html).
la riga tra le due colonne come la tolgo?
Questa riga e' definita nel tuo template, e puoi toglierla di mezzo modificando il foglio di stile: /templates/sitoitalianook/css/template.css rimuovendo la riga che ti ho evidenziato (e solo quella!)
.art-article th, .art-article td
{
padding: 2px;
border: solid 1px #8099B3;
vertical-align: top;
text-align: left;
}
-
wow grazie mille!!! ora mi leggo la guida per il bottone! domani vado a rompere x le bandierine delle lingue per metterle in alto a destra sopra l'immagine header!!! grazie infinite! ciao!!