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.054
6
38
53
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.054
6
38
53
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 = '[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
 
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.
 

Fabrizio Brilli

Nuovo Utente
18 Lug 2015
19
0
0
eccomi! PANICO. perché con IE8 accade questa cosa orrenda? link al sito

screenshot
Clipboard01.jpg
 

WottaFacca

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

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.054
6
38
53
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:
 
Discussioni simili
Autore Titolo Forum Risposte Data
E Aiuto per query PHP 8
I aiuto urgente per thunderbird Posta Elettronica 0
I aiuto per outlook Posta Elettronica 0
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
A Aiuto per pagina php PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
L Aiuto per programma web php/mySQL PHP 2
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
T Aiuto per php7 e mysqli PHP 3
T mysql tutorial per importare tabelle access in mysql aiuto MySQL 2
wildcity9 aiuto per sbloccare account instagram bannati Social Media Marketing 0
A Aiuto per configurare il banner di Iubenda su un sito in html HTML e CSS 0
S [PHP] Aiuto creazione form php per completamento modello word PHP 1
Z [HTML] aiuto per visualizzazione su tablet Offerte e Richieste di Lavoro e/o Collaborazione 6
W [PHP] Un aiuto per il mio primo "Multithread" PHP 0
G Vuoi fare successo? Abbiamo bisogno di aiuto per un app! Offerte e Richieste di Lavoro e/o Collaborazione 1
K [javascript] Aiuto per programma subnetting Javascript 0
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
L [PHP] aiuto per installazione mrbs PHP 0
1 Aiuto per nuovo sito SEO e Posizionamento 4
K Server per sito di annunci: aiuto nella scelta Hosting 4
P [Javascript] Aiuto per recupero variabili da script Javascript 10
P [PHP] Aiuto per gestione file CSV PHP 24
A scambio lavoro per aiuto con android Sviluppo app per Android 0
A aiuto per un codice... PHP 1
ecosito Aiuto con la traduzione in italiano per capire come installare questo JavaScript jQuery 0
StelladelSud Cerco aiuto per una demo Offerte e Richieste di Lavoro e/o Collaborazione 3
G Piccolo aiuto per php mail PHP 2
G aiuto per semplice menu onclick HTML e CSS 6
A AIUTO per impostazione doppia cifra in tabella HTML e CSS 6
G Passaggio variabili tra pagine- Aiuto per maturità 2015 PHP 3
G Passaggio variabili tra pagine- Aiuto per maturità 2015 PHP 0
A Aiuto per Flash player Flash 0
J Aiuto per localstorage con jquery/js/json Javascript 4
M Cerco aiuto per una modifica di un codice Javascript 2
A Aiuto per ordine cronologico lista file all'interno di una cartella protetta PHP 2
G Aiuto! Studente cerca aiuto per un codice PHP PHP 1
S Aiuto per 2 codifiche java Java 4
G Aiuto per creare chat stile Facebook Javascript 7
Sevenjeak Aiuto e consigli su adattamento sito per dispositivi mobile HTML e CSS 2
S aiuto per script PHP/OOP PHP 2
J Aiuto per un sitema di upload per un progetto PHP 0
K Aiuto per sito Discussioni Varie 0
D Richiesta aiuto siti per indirizzamento forum HTML e CSS 1
M Aiuto per una libreria per generare grafici PHP 1
B Saluti ed aiuto per pagina web html HTML e CSS 11
I Aiuto per modificare gruppo buddypress WordPress 0
N Aiuto per html HTML e CSS 2

Discussioni simili