aiuto per funzionamento sito responsive e form contatti

[Fabrizio Brilli]

Salve a tutti, sono nuovo e sono approdato qui, ovviamente, perché necessito di aiuto per "chiudere" un sito web responsive per la mia attività.
Sono un amatore, non vendo i miei siti e li realizzo solo per divertimento. In questo caso sto facendo un sito responsive per la mia attività partendo da un layout gratis creato da w3layouts.com.
Questo è il layout che sto elaborando LUXURY. Qui c'è il codice originale direttamente dal sito w3layouts Luxury.
Iniziamo con i problermi che spero possiate aiutarmi a "correggere".

• TASTO READ MORE: praticamente se controllo il sito su di un pc con monitor normale leggo tutte le scritte sotto a "ristorante" "le camere" etc etc , menter se mi sposto su cellulare (o ridimensiono la finestra del browser rendendola fina e lunga( leggo solamente una piccola parte del testa, la restante parte viene nascosta. Ho pensato che cliccando su "read more" si sarebbe "estesa" la tabella e di conseguenza aavrei potuto leggere per intero quanto rispotato nelle descrizioni sotto a ciascun titolo. invece no. come posso fare? questa la porzione di codice inerente quella sezione:

  [FONT=Arial][SIZE=2]<div class="content">
  <div class="about-section" id="aboutus">
  <div class="container">
  <h3>about <span>us</span></h3>
  
  <div class="about-grids">
  <div class="col-md-3 about-grid"><img src="http://forum.mrwebmaster.it/images/page1_img1.jpg" />
  <h4>Il <span>Ristorante</span></h4>
  
  <p>wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the</p>
  </div>
  
  <div class="col-md-3 about-grid"><img src="http://forum.mrwebmaster.it/images/page1_img2.jpg" />
  <h4>Camere e <span>Bagni</span></h4>
  
  <p>wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the</p>
  </div>
  
  <div class="col-md-3 about-grid"><img src="http://forum.mrwebmaster.it/images/page1_img3.jpg" />
  <h4>La <span>Colazione</span></h4>
  
  <p>wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the</p>
  </div>
  
  <div class="col-md-3 about-grid"><img src="http://forum.mrwebmaster.it/images/page1_img4.jpg" />
  <h4>Chianciano e <span>le Terme</span></h4>
  
  <p>wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the wonderful it is that nobody need wait a singlemoment before starting to improve the</p>
  </div>
  
  <div class="clearfix"></div>
  </div>
  <a class="button hvr-shutter-in-vertical" href="#">read more</a></div>
  </div>
  [/SIZE][/FONT]

• FORM CONTATTI: in qusta sezione non ho idea dio come far spedire il messaggio alla mia mail. nel mio vecchio sito avevop risolto con uno script php ma qui non so come inserirlo. avete idee? questo il codice della sezione contact form:
  

  <div class="contact-section" id="contact">
  <div class="container">
  <h3>contact <span>us</span></h3>
  
  <div class="contact-grid">
  <div class="col-md-6 contactdetails-grid">
  <h4>contact form</h4>
  
  <h5>name <span>*</span></h5>
  <input type="text" />
  <h5>email address <span>*</span></h5>
  <input type="text" />
  <h5>subject <span>*</span></h5>
  <input type="text" />
  <h5>message <span>*</span></h5>
  <textarea> </textarea> <input type="button" value="send" /></div>
  [*]

spero sappiate darmi una mano. magari per voi sono cose ridicole! saluti

Fabrizio

 

[filomeni]

Ciao,
nel file style.css dichiari con una media query che la classe "about-grid" del tag "p" alla linea 1641, 1462, 1246, debba avere un'altezza di 76px. Quindi per leggere tutto il testo devi eliminare "height: 76px" dalle righe citate.
Riguardo il form, non potrà mai funzionare, I campi input, textarea non sono inclusi nel tag form... Nel tag form ci sarà l'attributo action che chiamerà il file per eseguire la funzione di invio mail...

Comunque ti richiamo a scrivere correttamente! leggi con più attenzione le regole del forum... i codici non vanno postati liberamente nel post...

Ciao

 

[Fabrizio Brilli]

Ciao filomeni.
Grazie per le info sul primo problema, adesso funziona tutto bene. Per il form mi stai dando una brutta notizia! Possibile? Esteticamente mi piace molto e siccome non sono capace di rifarlo uno uguale e funzionante mi sarebbe piaciuto farlo "lavorare".
Chiedo scusa per i codici postati alla ####. Farò più attenzione!

 

[glm1986ITALY]

Il codice l'ho sistemato io

 

[Fabrizio Brilli]

allora, aggiornamenti!
mi manca di riuscire a fare la seguente cosa:

devo dare a questo codice :

<input type="button" value="Send" >

la funzionalità di questo :

<input name="button" type="submit" value="Invia" />

praticamente il primo è un bel bottone che però, se lo clicco non produce nessuna azione menter il secondo è il classico bottone "invia" e cliccandolo mi fa partire il form.

glielafamo?

 

[filomeni]

Je la faccio, je la faccio...
devi inserire i campi in un form:

<form method="POST" action="contact-me.php">
	<input type="text" name="name" size="20">
	<input type="email" name="email" size="20">
	<input type="text" name="subjet" size="20">
	<textarea rows="2" name="message" cols="20"></textarea>
	<input type="submit" value="Invia" name="submit">
</form>

Dopo di ciò devi fare il file che invia la mail, ti crei il file php contact-me.php con il seguente contenuto il quale viene richiamato alla pressione del pulsante "invia":

<?php

if(empty($_POST['name'])  ||
   empty($_POST['email'])  ||
   empty($_POST['subjet']) ||
   empty($_POST['message'])	||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
   {
	echo "Nessun argomento fornito!";
	return false;
   }
	
$name = $_POST['name'];
$email_address = $_POST['email'];
$phone = $_POST['subjet'];
$message = $_POST['message'];

$to = '[email protected]'; 
$email_subject = "Mail dal form contatti:  $name";
$email_body = "Mail inviata dal form contatti del sito.\n\n"."Ecco i dettagli:\n\nNome: $name\n\nEmail: $email_address\n\nOggetto: $subjet\n\nMessaggio:\n$message";
$headers = "From: [email protected]\n";
$headers .= "Reply-To: $email_address";	
mail($to,$email_subject,$email_body,$headers);
return true;			
?>

fatto.
Ciao

 

[Fabrizio Brilli]

mitico!
però, in relatà, io il form funzionante già ce l'ho, è questo : CONTATTI-FUNZIONANTE ma non mi piace la grafica del pulsante (ovvio che se non risolvo la lascio come è ) che ha questo codice:

<input name="button" type="submit" value="Invia" />

che oltretutto va a destra dello spazio di testo e non sotto A DIFFERENZA di questo CONTATTI-NON FUNZIONANTE che ha il pulsante "originale" [con questo codice

<input type="button" value="Send" >

che mi piace molto di più ma che non ha nessuna "azione".

In pratica il pulsante FUNZIONANTE è brutto ma funziona

<input name="button" type="submit" value="Invia" />

mentre il pulsante "bello" non funziona

<input type="button" value="Send" >

Io vorrei semplicemente che il pulsante "bello" svolgesse l'esatta azione dell'altro suo parente "brutto". Spero di essermi spiegato!! Ora gioco un po' con i tuoi codici! grazie

 

[WottaFacca]

Si può replicare la forma e il colore senza alcun problema, ti basta assegnare una classe o un'id e nel foglio di stile (CSS) sistemerai le regole da assegnargli, in modo da averlo uguale all'altra pagina.

Sarà una cosa tipo

pagina html:

 <input name="button" type="submit" value="Invia" id="bottone" />

regole css:

#bottone{

padding: 10px 25px;
border: medium none;
border-radius: 3px;
background: #1CA4EA;

}

 

[Fabrizio Brilli]

Questo è perfetto! Infinite grazie :fonzie:

 

[Fabrizio Brilli]

Allora! avete quasi finito

questo per adesso il risultato ultimo EDDAJE
Vorrei fare la seguente cosa: nella tabellina dei prezzi c'è una striscia (PERNOTTAMENTO E COLAZIONE O MEZZA PENSIONE O PENSIONE COMPLETA) che dovrebbe essere

price-table-grid-head price-table-grid-head(1-2-3)

. io vorrei che quella striscia fosse visualizzata a lunghezza intera e quindi esattamento come il riquadrino principale e che il testo al suo interno si sviluppi per tutta la lunghetta (fino al massimo) per poi andare a capo. si può fare? HO smanettato molto cercando di farlo ma non gli ho trovato il verso.

 

[Fabrizio Brilli]

regole css:

#bottone{

padding: 10px 25px;
border: medium none;
border-radius: 3px;
background: #1CA4EA;

}

ehm ..., è possibile dare al testo all'interno del bottone il colore bianco?

 

[WottaFacca]

Nel file style.css, nella riga 405 hai questa classe ".price-table-grid-head ", devi togliere la regola "width: 60%".

poi dovrai aggiungere queste regole, sempre alla stessa classe

text-align: center;
border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px;

Il text-align serve per centrare il testo nella riga mentre il border-radius per avere la stessa dorma che avevi prima, quindi con gli angoli alti "smussati"


Per il colore bianco ti basta aggiungere "color: #fff;" tra le regole del bottone ovviamente

 

[Fabrizio Brilli]

bè, allora ok! le sai tutte!!! no, a parte gli scherzi. Grazie tante. Grazie grazie.

per adesso credo di essere "sistemato" ma tornerò presto con altre inutili e stupidissime domande.

 

[WottaFacca]

De nada

Felice di esser stato d'aiuto

 

[Fabrizio Brilli]

eccomi! PANICO. perché con IE8 accade questa cosa orrenda? link al sito

screenshot

 

[Fabrizio Brilli]

notare tra l'altro le barre di scorrimento tendenti all'infinito

 

[WottaFacca]

Io con la versione 11 lo vedo come se fossi in Firefox, quindi probabilmente ci sarà qualche settaggio che la versione vecchia di IE non riesce neanche a leggere

 

[filomeni]

Passa alla 11 e problemi non ce ne sono...
Purtroppo IE è stato sempre un pò "fuori" da quello che gli altri browser accettano... La versione 8 probabilmente non legge in maniera "corretta" qualche css...
questo è il motivo che mi ha spinto ormai da anni ad usare firefox.

 

[Fabrizio Brilli]

rieccomi
ho ancora alcuni problemini da risolvere ...
questa è l'ultima versione SITO

succede che nel form (utilizzo firefox aggiornatissimo) non si legge quello che si scrive (si scirve in bianco sul bianco) :crying:

suggerimenti?

 

[Fabrizio Brilli]

RISOLTO!!! ebbene sì, ho improvvisato un po' ed ho trovato il problema! il colore del testo era settato su "inherit" ... che non so cosa significhi ... però adesso lo ho messo nero e funziona. Alla prossima:beer: