Personalizzare il Modulo Contact

acc. ci sono cascato... credevo di vedere il codice html già belle che pronto di aggiunte css da metter sul blogghino :(
..(avaracci).

ma no scherzavo (se c'era il codice l'era mei)

:DDDDD

Non è mia intenzione nascondere il codice, comunque quel sito non è mio è di un'azienda a cui ho rifatto il sito.

In genere inserisco un po di div completi di id o classe e personalizzo dal css quindi

Poi nel css basta un:

Il clear si trova nel CSS della maggior parte dei temi come .clear{clear:both;}.

Nell'esempio che ho fatto vedere l'ultima riga mi creava dei problemi di allineamento, quindi visto che non è una pagina importante a livello SEO non ci ho perso molto tempo ed ho inserito i dati in una tabella.

Grazie credo di aver capito (.?.)
-----------------------
Pagina Contatti

<div class="contatti">Nome + EMAIL con Tastino_link  </div>

-------------------------

Style.css (Tema Sea Breeze)

Il clear: both; non va messo dentro .contatti altrimenti ti vanno tutti a capo. Se noti nel terzo div ho messo due classi una in fila all'altra.

La classe clear obbliga quel div ad andare a capo, ovvero non prende in considerazione il float:left del div precedente. Normalmente non serve ma a volte ci sono dei problemi di visualizzazione con qualche browser ad es. IE6 e 7... ed aggiungere un clear preventivo non costa nulla.

Lorenzo wrote:

-----------------------
Pagina Contatti

<div class="contatti">Nome + EMAIL con Tastino_link  </div>

-------------------------

Una cosa, personalmente preferisco non inserire l'indirizzo mail ma mettere solo un link al modulo di contatto. Questo aiuta ad evitare che la mail finisca in qualche lista di spam.

ho fatto una prova ma non mi è riuscita.
in IE 6 : appaiono al centro pagina uno sopra all'altro
---
per lo spam : non possiamo fare altrimenti (abbiamo le email in tutte le pagine sul fronte www.ultrasuoni.mi.it , e ci troviamo i clienti che chiedono > mi dà l'email che non la trovo??). Trovano il telefono (almeno quello lo leggono !).
-----------
clear: both; = appena metto un bottone JPG mi sparisce una divisione e ne restano solo 3
------------------
Uso Ckeditor = editor default , con use Theme CKstyle js
(e forse anche qui bisognerebbe impostarlo diverso: intendo il predefinited style e il stile path )

ma fare cosi (che non è una garanzia):
Copy "sites/all/modules/ckeditor/ckeditor/ckeditor.styles.js" inside your theme directory ("sites/all/themes/sea_breeze/ckeditor.styles.js") and adjust it to your needs

significherebbe che non puoi dare all'utente la visualizzazione alternativa con un altro tema a disposizione, o forse sballare le pagine se non si modificano i temi alternativi.
------------------
KIPPER : ho letto e ho pensato "iniziamo dal semplice" che per il resto cè tempo... ... disdetta, manco quello !!

si può risolvere anche cosi

Ho visto che hai usato delle tabelle, se ti ci trovi meglio va benissimo.

Io cerco dove possibile di non usarle perché rendono la pagina meno digeribile ai motori di ricerca. Ma in questo caso non è fondamentale visto che i navigatori, prima di scrivere, arriverebbero e leggerebbero comunque altre pagine del sito.

L'uso dei soli div è possibile ma richiede più dimestichezza con i CSS, altrimenti succede qualcosa che non capisci e perdi ore per capire dov'è l'inghippo.

Per quanto riguarda CKeditor non centra è solo una questione di CSS.

Il clear: both; non va messo, la maggior parte dei temi all'interno ha una classe chiamata clear codice: .clear{clear: both;} o una con un altro nome simile che ha lo stesso scopo.

Quando lavori sul tema può capitare che ad esempio la barra dei blocchi di sinistra salga e finisca nell'header la soluzione è aggiungere un class="clear" al div che gestisce la regione dei blocchi es.

Stessa cosa puoi fare con una classe di un div, in questo caso aggiungi il nome della classe in più come nell'esempio sopra o quello sotto.

L'errore in IE potrebbe essere dato dai margini che hai messo 100px sono eccessivi, se sommi i margini di due soli "blocchi" div hai una larghezza di 400px, quindi dove lo metti il testo?

Un idea che potrebbe funzionare è:

krima wrote:

Il clear: both; non va messo, la maggior parte dei temi all'interno ha una classe chiamata clear codice: .clear{clear: both;} o una con un altro nome simile che ha lo stesso scopo.

Quando lavori sul tema può capitare che ad esempio la barra dei blocchi di sinistra salga e finisca nell'header la soluzione è aggiungere un class="clear" al div che gestisce la regione dei blocchi es.

@KIPPER
:D , originale ?...uh uh, mi sono accorto ora che i popup erano schifianti di traverso.

@KRIMA
hai perfettamente ragione, qui siamo in 2 a capire 1/2 di quello che scrivete.. cmq ti ringrazio faccio una 2a prova con questi ultimi codici(se riesco in serata).

Peppigno wrote:

Non c'è bisogno. Drupal 6 utilizza una classe apposita per il clear both: si chiama clear-block

Io la ho trovata solo nel default.css messo così:

La classe clear-block lo trovate nel codice html dei file php, non nei file css.
Basta che assegni ad un qualunque tag la class="clear-block" e automaticamente ti si genera il clear: both per quell'elemento.

eh mi sà che peppigno cià ragione: sparivano troppo bene le righe..
devo riprovare come dice krima ma senza i clear.

kipper : ho fatto il blank perchè i popup sennò dovevo farli da 900 per usarli (sarebbe bello fare il Pop_up senza la testa e la barra laterale della pagina, quasi fosse un page-form, magari colorato, a sè stante)
---------------prova2-----------
con IE 6 fà la lista
con firefox si vede
Problema : con CK visuale si rischia di sovrascrivere e spostare i div : i contenuti vanno messi a mano in html ...., perchè quelli che compilo con l'editor in visuale fanno lo stesso scherzo = lista verticale
questo con/senza clear both
il tema ha anche gli stili per IE6 e per IE7 : bisogna toccarli ?

Peppigno wrote:

La classe clear-block lo trovate nel codice html dei file php, non nei file css.
Basta che assegni ad un qualunque tag la class="clear-block" e automaticamente ti si genera il clear: both per quell'elemento.

La cosa è interessante e risparmierebbe qualche riga di CSS, però prima di postare avevo provato a levare i clear in un tema che sto preparando e sostituirli con clear-block ma non funzionavano.
Ora per scrupolo ho rifatto di nuovo una prova con lo stesso risultato.

Da questa pagina http://drupal.org/node/135098 mi par di capire che per funzionare c'è bisogno di un blocco vuoto con la classe clear-block

Quote:

Sometimes, you need to insert an emPty block of this class after some relative positioned content.

Ho capito male qualcosa?

SI riesce : bisogna non fare copia/incolla coi testi e fare modifiche una per una : ok con CK EDITOR in visuale.

codici tuoi ok :

però in IE6 restano una lista Verticale...

Il problema potrebbe essere dato dalla larghezza complessiva data i blocchi 250+250+20=520px se lo spazio per il contenuto centrale è largo 519px IE6 di solito fa due cose, una è "allargare" la pagina l'altra è mandare tutto a capo.

anche questo è vero, quindi provo 220 x 220 .
bip.

Ok, sono pronto ad essere spernacchiato, ma sento di aver la forza per sopportarlo :D

La questione è questa: come faccio a modificare l'html di una pagina dupal, se NON HO NESSUNA pagina in html nel mio sito !?!?

Riavvolgo il nastro: anche io volevo inserire un po' di informazioni ("potete scrivermi quando volete e questo è il mio numero di telefono ...." ) nella pagina http://www.webatu.com/?q=contact

Mi è sembrata una soluzione semplice quella di aggiungere un po' di html alla pagina,ma...
dato che drupal ricrea l'html partendo dai dati delle tabelle nel database, come faccio?
Dovrebbe centrare una tabella che contiene i nodi?
Magari anche il file node-contatti.tpl.php ?

Grazie.

Andrea

Ripropongo la domanda...

Andrea