jumpy83

jumpy83

Credo che innanzitutto dipende da cosa vuoi fare: se vuoi diventare un esperto per proporti a eventuali clienti o se vuoi solo gestire le tue pagine social.

Comunque (anche se non sono un espero di social media) provo a darti 3 consigli:

LIBRI: la Hoepli ha una collana di libri "Web&Marketing 2.0" (ne ho letti alcuni non proprio sui social ma su altro e sono ben fatti, credo pure quelli sui social saranno dello stesso livello).
ONLINE: se cerchi su Google sicuramente troverai qualche buon consiglio (potresti ad esempio cercare i nomi degli autori dei libri e vedere se hanno dei blog o un canale youtube dove danno consigli, o iniziare a seguirli sui social... se avranno scritto un libro sui social avranno anche delle pagine social, altrimenti non vale neanche la pena di leggere i libri).
PRATICA: oltre allo studio e alla teoria devi pure mettere in pratica quello che leggi, magari inizia piano con facebook e un altro social, e sopratutto studia la tua concorrenza per vedere come si comporta, quello che funziona e quello che non funziona, senza prendere per oro colato i consigli troppo generici tipo sul quando postare (esempio: se hai una pagina sulle persone che soffrono di insonnia magari posta più di notte che di giorno).

Grazie per i consigli. Adesso so come orientarmi.

jumpy83

Buonasera a tutti, spero di non aver sbagliato sezione.
Mi vorrei avvicinare al mondo social media e della comunicazione&marketing ma non saprei da dove iniziare!
Qualcuno potrebbe consigliare libri, dispense o altro materiale anche on line su cui poter studiare?
Grazie

jumpy83

@MiWebDesign said:

Ciao jumpy83,

Fai prima a gestire il salvataggio tramite AJAX facendo una chiamata che invia ad uno script esterno tutti i dati direttamente.
In questo caso, dato che raccogli i dati tramite jQuery non hai il problema dei form se sono separati o su sezioni diverse.

Se hai delle basi di jQuery ti spiego come funziona, è molto più semplice di quanto sembra.

Grazie per la risposta.
Uhm... non avevo pensato a questa soluzione

Come dovrei procedere?

jumpy83

Salve a tutti.
Premetto che mi sono avvicinato a php da poco tempo e alla preparazione teorica cerco di accostare anche la pratica.

Come da titolo, vorrei memorizzare nel database i dati (Nome, Cognome, Email etc.) inseriti attraverso due form distinti contenuti nella stessa pagina.
La situazione è aggiunta di un nucleo familiare: 1° form "Inserimento primo componente", 2°form "Inserimento secondo componente" bottone per salvataggio o link per aggiungere altro form.
La pagina dei form è questa
[HTML] <div class="primary-content">
<form role="form" action="aggiungere.php" method="post" class="registration-form">
<fieldset>
<div class="form-top">
<div class="form-top-left">
<h3>Componenti nucleo familiare</h3>
<p>Step 2 / 4 </p>
</div>
<div class="group-icon">
<img src="/images/family.png" alt="Famiglia singolo" />
<span>Nucleo familiare</span>
</div>
</div>
<div class="form-bottom">
<div class="row">
<h3 class="form-title"><span>Registrazione primo componente</span></h3>
<button type="button" class="btn btn-previous abs">Indietro</button>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-nome">Nome</label>
<input type="text" name="nome[]" class="form-control field" id="form-nome" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-cognome">Cognome</label>
<input type="text" name="cognome[]" class="form-control field" id="form-cognome" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-cfiscale">Codice fiscale</label>
<input type="text" name="cfiscale[]" class="form-control field" id="form-cfiscale" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-datanascita">Data di nascita</label>
<input type="text" name="datanascita[]" placeholder="GG/MM/AAAA" class="form-control field" id="form-datanascita" />
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
<label for="form-sesso">Sesso</label>
<input type="text" name="sesso[]" placeholder="es. M/F" class="form-control field" id="form-sesso" />
</div>
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-2">
<label for="form-soccupazionale">Stato occupazionale</label>
<select name="soccupazionale[]" class="form-control field" id="form-soccupazionale">
<option value="0">Inoccupato</option>
<option value="1">Occupato</option>
<option value="2">Occupato</option>
<option value="3">Altro...</option>
</select>
</div>
<div class="col-xs-12 col-sm-4 col-md-5 col-lg-3">
<label for="form-cittadinanza">Cittadinanza</label>
<input type="text" name="cittadinanza[]" class="form-control field" id="form-cittadinanza" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-2">
<label for="form-telefono">Telefono</label>
<input type="text" name="telefono[]" placeholder="+39" class="form-control field" id="form-telefono" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-email">E-mail</label>
<input type="text" name="email[]" placeholder="es. [email protected]" class="form-control" id="form-email" />
</div>
<div class="col-xs-12">
<label for="form-email">Note aggiuntive</label>
<textarea class="form-control low-hight" cols="4" rows="4" name="note[]"></textarea>
</div>
</div>
<div class="row components">
<h3 class="form-title"><span>Ruolo componente</span></h3>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="1" tabindex="1" id="radio-choice-1" name="ruolofam[]"/>
<label>Padre</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="2" tabindex="2" id="radio-choice-2" name="ruolofam[]" />
<label>Madre</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="3" tabindex="3" id="radio-choice-3" name="ruolofam[]" />
<label>Figlio/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="4" tabindex="4" id="radio-choice-4" name="ruolofam[]" />
<label>Nonno/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="5" tabindex="5" id="radio-choice-5" name="ruolofam[]" />
<label>Zio/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="6" tabindex="6" id="radio-choice-6" name="ruolofam[]" />
<label>Cugino/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="7" tabindex="7" id="radio-choice-7" name="ruolofam[]" />
<label>Altro</label>
</div>
</div>
</div>

<div class="add-component" id="component01">
<div class="form-bottom component">
<div class="row">
<h3 class="form-title"><span>Aggiungi componente</span></h3>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-nome">Nome</label>
<input type="text" name="nome[]" class="form-control field" id="form-nome" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-cognome">Cognome</label>
<input type="text" name="cognome[]" class="form-control field" id="form-cognome" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-cfiscale">Codice fiscale</label>
<input type="text" name="cfiscale[]" class="form-control field" id="form-cfiscale" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-datanascita">Data di nascita</label>
<input type="text" name="datanascita[]" placeholder="GG/MM/AAAA" class="form-control field" id="form-datanascita" />
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
<label for="form-sesso">Sesso</label>
<input type="text" name="sesso[]" placeholder="es. M/F" class="form-control field" id="form-sesso" />
</div>
<div class="col-xs-12 col-sm-5 col-md-4 col-lg-2">
<label for="form-soccupazionale">Stato occupazionale</label>
<select name="soccupazionale[]" class="form-control field" id="form-soccupazionale" id="form-soccupazionale">
<option value="0">Inoccupato</option>
<option value="1">Occupato</option>
<option value="2">Occupato</option>
<option value="3">Altro...</option>
</select>
</div>
<div class="col-xs-12 col-sm-4 col-md-5 col-lg-3">
<label for="form-cfiscale">Cittadinanza</label>
<input type="text" name="cittadinanza[]" class="form-control field" id="form-cittadinanza" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-2">
<label for="form-telefono">Telefono</label>
<input type="text" name="telefono[]" placeholder="+39" class="form-control field" id="form-telefono" />
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
<label for="form-email">E-mail</label>
<input type="text" name="email[]" placeholder="es. [email protected]" class="form-control" id="form-email" />
</div>
<div class="col-xs-12">
<label for="form-email">Note aggiuntive</label>
<textarea class="form-control low-hight" cols="4" rows="4" name="note[]"></textarea>
</div>
</div>
<div class="row components">
<h3 class="form-title"><span>Ruolo componente</span></h3>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="1" id="radio-choice-1" name="ruolofam[]" />
<label>Padre</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="2" id="radio-choice-2" name="ruolofam[]" />
<label>Madre</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="3" id="radio-choice-3" name="ruolofam[]" />
<label>Figlio/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="4" id="radio-choice-4" name="ruolofam[]" />
<label>Nonno/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="5" id="radio-choice-5" name="ruolofam[]" />
<label>Zio/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="6" id="radio-choice-6" name="ruolofam[]" />
<label>Cugino/a</label>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="input-group">
<input type="radio" value="choice" tabindex="7" id="radio-choice-7" name="ruolofam[]" />
<label>Altro</label>
</div>
</div>
</div>
</div>
</div>

<div class="btn-components">
<div class="left-wrap">
<a href="#">Aggiungi altro componente</a>
</div>
<div class="right-wrap">
<button type="submit" class="btn btn-next btn-single">Salva e procedi</button>
</div>
<br class="clearer" />
</div>
</fieldset>
</form>
</div>[/HTML]

Il mio database contiene una tabella "famiglia" con i campi

IDSoggetto,IDFamiglia,Nome,Cognome,DataNascita,CodiceFiscale,Cittadinanza,IDStatoOccupazionale,Telefono,Email,IDRuoloFamiglia,Sesso,Note

Con form singolo riesco a memorizzare i dati inseriti nei campi, ma aggiungendo il secondo form ho come risultato la memorizzazione dei dati inseriti in uno solo dei form!

Come fare a memorizzare i dati di entrambi i form?
Cercando sul web ho capito che deve essere utilizzato un foreach, Ma come utilizzarlo?

Grazie a tutti coloro che vorranno aiutarmi.

jumpy83

@Dani9 said:

Risolto il problema ?

solo il secondo.
il primo (cioè come riuscire a cliccare i menu che si nascondono troppo presto) no.

Però sono riuscito a capire che il fatto è dovuto ad un'area widget che ho sotto il menu. infatti togliendo questa area il problema si risolve.

Purtroppo l'area è proprio il fulcro del mio progetto.. lunedì ci studierò ancora su...

jumpy83

Posto la soluzione al secondo problema che mi è stata data in un altro forum (in lingua inglese)
Praticamente mi hanno detto di aggiungere questo

#navbar li{   position: relative;  } li:hover ul {    top:100%;    }

jumpy83

@Dani9 said:

Ciao Jumpy83,

Le voci che vedi nei sotto menù vengono per forza visualizzate quando ci passi sopra con il mouse, anche perchè sono state create proprio per questo e poi non è possibile anche per un altro motivo, se tu clicchi sulla voce principale andrai alla pagina che hai cliccato

uhm...effettivamente ...

oggi ho voluto fare una prova cominciando da zero e seguendo una guida. Però ho il problema che le voci di sottomenu sono visualizzate verso l'alto e non verso il basso.
Ecco i codici:

* {
	margin: 0;
	padding: 0;
}


/* Solo per il menÃ¹ principale (quello orizzontale) */
#navbar {
	height: 70px;
}
.navbar > li,
.navbar > li > a


/* Solo per i sotto-menÃ¹ */ ul {
	position: absolute; /* Necessario affinchÃ© i sotto-menÃ¹ siano indipendenti, per quanto riguarda le dimensioni, dal <li> che li contiene */
}


/* Per tutti i menÃ¹ (quelli orizzontale ed eventuali sotto-menÃ¹) */, ul {
	.background {color:orange;}
	
}


/* Tutti i <li> */ li {
	float: left;
	list-style: none;
	line-height: 25px;
	display: inline;
}




/* Solo i <li> dei sotto-menÃ¹ (riscrive precedenti regole) */ ul li {
	display: inline-block;
	float: none;
} li ul {


	display: none;
} li ul li {
	list-style:none;
	margin:0;
	padding:0;
}






/* Tutti gli <a> */ a {
	color: black;
	display: block;
	font-size: 20px;
	padding: 0 10px;
	text-decoration: none;
	list-style: none; /*list-style e float mi rendono il menu orizzontale*/
	float: left;
}


/* Tutti gli <a> al passaggio del mouse sul <li> che li contiene
	(il > Ã¨ necessario affinchÃ© venga applicato solo al primo figlio <a>, altrimenti avrebbe effetto anche sui sotto-menÃ¹
	al passaggio del mouse sul <li> che contiene il sottomenÃ¹) */ li:hover > a {
	background: red;
} a:visited{
display: block;
padding: 4px 16px;
color: #fff;
text-decoration: none;
} a:focus a:hover

 a:active{
background-color: #D76120;
color: #FFFFFF;
text-decoration: none;
} li:hover ul{
	display: block;
	position: absolute;
	width:130px;
	padding: 0;
	margin: 0 0 0 -1px;
	border:1px solid;
	background: #2D4E6C;
	font-size:.8em;
}

 li li {
	border-bottom:1px solid;
	width: 130px;
}


.fa{
            font-size: 40px;
            line-height: 70px;
        }
.fa-bars{
            color: #3498db;
        }

<div id="navbar">
	<ul>
	<li><a href="pagina1.html"><i class="fa fa-home"></i><div>Home</div></a></li>
	<li><a href="pagina1.html"><i class="fa fa-home"></i><div>ciao</div></a>
	 <ul>
   <li><a href="#">Roma</a></li>
   <li><a href="#">Milano</a></li>
   <li><a href="#">Torino</a></li>
 </ul>
 </li>
	<li><a href="pagina4.html"><i class="fa fa-home"></i><div>ciao</div></a></li>
	<li><a href="pagina5.html"><i class="fa fa-home"></i><div>ciao</div></a></li>
	</ul>
	
</div>

come mai questo fatto?

grazie per la risposta

jumpy83

Buonasera a tutti ho una domanda.

Ho trovato in giro sul web un menu orizzontale fatto con CSS, HTML.

visibile qui: ```
loasidelweb. netsons.org/proof/proof.html



il codice HTML di questo menu è:

<nav class="nav">
<ul>
<li class="nav li"><a href="#"><div>Home</div></a></li>
<li class="nav li"><a href="#"><div><i class="fa fa-database"></i></div><div>Last sample</div></a></li>
<li class="nav li"><a href="#"><div><i class="fa fa-table"></i></div><div>Last sample</div></a></li>
<li class="nav li"><a href="#"><div><i class="fa fa-history"></i></div><div>Last sample</div></a></li>
<li class="nav li"><a href="#"><div><i class="fa fa-info"></i></div><div>Last sample</div></a></li>
<li class="nav li"><a href="#"><div ><i class="fa fa-folder"></i></div><div>Last sample</div></a>
<ul>
<li class="nav ul"><a href="#"><div><i class="fa fa-desktop fa-1x"></i></div><div>Design</div></a></li>
<li class="nav ul"><a href="#"><div><i class="fa fa-cog fa-1x"></i></div><div>Development</div></a></li>
<li class="nav ul"><a href="#"><div><i class="fa fa-code fa-1x"></i></div><div>Graphics</div></a></li>
</ul>
</li>
<li class="nav li"><a href="#"><div><i class="fa fa-clock-o"></i></div><div>Last sample</div></a></li>

</ul>

</nav>



il CSS:

.nav {
background-color:#39C;
width:auto;
}

.nav ul {
margin:0;
padding:0;
}

.nav ul li {
list-style:none;
display:inline-block;
margin:0;
}

.nav ul li a {
display:block;
text-decoration:none;
text-align:center;
padding:10px 30px 10px 30px;
color:#333;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
transition: color 0.5s, background 0.5s;
-webkit-transition: color 0.5s, background 0.5s; /* Safari */
}

.nav ul li:hover a {
color:#efefef;
padding-bottom:10px;
background-color:#105476;
transition: color 0.5s, background 0.5s;
-webkit-transition: color 0.5s, background 0.5s; /* Safari */
}
.nav ul li ul {
display:none;
}

.nav ul li:hover ul {
z-index:4;
position:absolute;
display:block;
}

.nav ul li ul
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.nav ul li ul:before, .nav ul li ul:after
{
content:"";
position:absolute;
z-index:2;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}

.nav ul li ul li {
list-style:none;
display:block;
float:none;
}

.nav ul li ul li:hover a {
color:#105476;
padding-bottom:10px;
background-color:#efefef;
transition: color 0.5s, background 0.5s;
-webkit-transition: color 0.5s, background 0.5s; /* Safari */
}

.nav ul li ul li {}

.nav ul li ul li a {
padding:5px 15px 5px 15px;
text-align:left;
}

.nav ul li ul li a i {
min-width:20px;
padding-right:10px;
}
.nav li > a:after { content: ' >'; }

.nav > li > a:after {content: ' »'; }

.nav li > a:only-child:after {content: ''; }

.fa{
font-size: 40px;
line-height: 70px;
}
.fa-bars{
color: #3498db;
}





Vorrei sapere se è possibile fare in modo che le voci di sottomenu vengano visualizzate solo quando io clicco alla voce principale e non al passaggio del mouse.
Voglio ottenere questo perché quando inserisco il menu nel sito passando il mouse le voci di sottomenu compaiono ma se tento di cliccarne una scompaiono velocemente.
Cosa che non fa nel link che vi ho inserito sopra.


Grazie

jumpy83

Ciao a tutti sono jumpy83 (Gianpaolo nella vita reale), mi sto per laureare (ad ottobre) in Ing.Elettronica presso
l'Università di Catania.

Sono da sempre appassionato dai siti web (realizzazione e gestione) ed ho un mio sito (che purtroppo negli ultimi tempi causa tirocinio/tesi ho un po' tralasciato) "L'oasi del web".

Spero di poter trovare e dare consigli utili...

A presto...anzi prestissimo

jumpy83

@jumpy83 said:

Salve ragazzi sono nuovo di qui.
Ho usato questo form e credo che funzioni tutto correttamente (almeno ho il messaggio di conferma di invio mail)
la mia domanda è: dopo quanto tempo arriva la mail dal mio indirizzo di posta elettronica?
grazie in anticipo a tutti

Funziona!!! non mi arrivava la mail perché c'era quella frase vicino all'indirizzo mail!

jumpy83

Salve ragazzi sono nuovo di qui.
Ho usato questo form e credo che funzioni tutto correttamente (almeno ho il messaggio di conferma di invio mail)
la mia domanda è: dopo quanto tempo arriva la mail dal mio indirizzo di posta elettronica?
grazie in anticipo a tutti

jumpy83

@jumpy83

Post creati da jumpy83