aiuto per funzionamento sito responsive e form contatti

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
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:
    PHP:
    [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:
    PHP:
    <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
 
Ultima modifica di un moderatore:

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.044
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
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

Nuovo Utente
18 Lug 2015
19
0
0
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!
 
Ultima modifica di un moderatore:

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
allora, aggiornamenti!
mi manca di riuscire a fare la seguente cosa:

devo dare a questo codice :

HTML:
<input type="button" value="Send" >
la funzionalità di questo :

HTML:
<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? :D
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.044
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Je la faccio, je la faccio... :D
devi inserire i campi in un form:
HTML:
<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:
<?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 = 'info@tuamail.it'; 
$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: noreply@tuosito.it\n";
$headers .= "Reply-To: $email_address";	
mail($to,$email_subject,$email_body,$headers);
return true;			
?>
fatto.
Ciao
 
Ultima modifica:

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
mitico! :D
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:
HTML:
<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
HTML:
<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
HTML:
<input name="button" type="submit" value="Invia" />
mentre il pulsante "bello" non funziona
HTML:
<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

Utente Attivo
20 Mar 2015
134
0
0
Desenzano d/G
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:

Codice:
 <input name="button" type="submit" value="Invia" id="bottone" />
regole css:
Codice:
#bottone{

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

}
 

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
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
HTML:
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.
 

WottaFacca

Utente Attivo
20 Mar 2015
134
0
0
Desenzano d/G
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
Codice:
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
 
Ultima modifica:

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
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.
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.044
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
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.
 
Ultima modifica:

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
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

Nuovo Utente
18 Lug 2015
19
0
0
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: