Stai per richiedere la pubblicazione del tuo corso su imparaqui.

Il team effettuerà un controllo qualitativo e verificherà che i contenuti siano in linea con l'offerta della piattaforma.

Se il corso viene approvato riceverai un messaggio di conferma via email e potrai subito condividerlo e iniziare ad accumulare le commissioni mensili.

Se non ricevi il messaggio di conferma entro 10 giorni lavorativi significa che il corso non è stato approvato.

Pubblica il tuo corso

Domande frequenti

Come funziona l’accesso ai corsi di imparaqui?

Attivando l’abbonamento trimestrale o annuale a imparaqui puoi accedere a tutti i corsi presenti sul sito senza alcun limite. Mantenendo attivo il tuo abbonamento puoi continuare a seguire tutti i corsi, incluse le nuove uscite. Se decidi di interrompere il rinnovo automatico dell’abbonamento, alla scadenza del periodo di iscrizione perdi l’accesso a tutti i corsi. Puoi disattivare o riattivare l’abbonamento a imparaqui direttamente dal tuo account, in qualsiasi momento.

Posso ricevere fattura?

Sì, per ogni acquisto è possibile inserire i propri dati aziendali e scaricare dal proprio account il pdf della fattura che viene generata automaticamente. imparaqui è un’azienda con sede in Francia, i dati aziendali completi, incluso il numero di partita IVA intracomunitario, sono reperibili nel piè di pagina del sito.

Posso disattivare il rinnovo automatico dell’abbonamento?

Sì, puoi disattivare il rinnovo automatico dell’abbonamento in qualsiasi momento direttamente dal tuo account nella sezione dedicata alla gestione dell’abbonamento.

Quali metodi di pagamento posso usare per iscrivermi?

Puoi pagare con Carta di credito (tramite il servizio sicuro internazionale fornito da Stripe) oppure con PayPal.

È possibile scaricare le video lezioni o avere un accesso a vita ai corsi?

No, attualmente non offriamo questa opzione. Mantenendo attivo l’abbonamento a imparaqui si può accedere a tutti i video corsi senza limiti e da qualsiasi dispositivo.

Cosa contengono i corsi online di imparaqui?

I corsi online di imparaqui sono strutturati in video lezioni e sono arricchiti da materiale utile come link, codice, pdf, immagini, template, ecc. Le video lezioni e il materiale annesso sono accessibili 24 ore su 24 senza limiti e da qualsiasi dispositivo.

I corsi online di imparaqui sono sempre aggiornati?

I nostri insegnanti fanno del loro meglio per mantenere aggiornati e funzionali tutti i corsi di imparaqui. È da tenere presente, tuttavia, che imparaqui non garantisce l’aggiornamento dei corsi della piattaforma, e che l’utente accetta di poter trovare errori e/o parti non aggiornate.

Offrite un servizio di assistenza?

No, non offriamo un servizio di assistenza. Puoi postare eventuali domande o condividere la tua esperienza con gli insegnanti e con la community scrivendo direttamente nella sezione commenti presente sotto a ogni corso. È da tenere presente, inoltre, che i nostri insegnanti non sono tenuti a rispondere per forza o a fornire consulenze o assistenza attraverso la community.

Avete una garanzia di rimborso?

Sì, offriamo una garanzia di rimborso. Nel caso in cui i corsi online di imparaqui non dovessero soddisfare a pieno le tue aspettative, puoi contattarci e richiedere un rimborso. Le condizioni da rispettare per poter ricevere il rimborso sono:

  1. Non aver visionato più del 20% per ogni singolo corso su imparaqui.
  2. Inviare la richiesta di rimborso entro e non oltre 14 giorni dalla data di iscrizione a imparaqui.

Un ulteriore caso in cui viene effettuato il rimborso è legato al rinnovo automatico involontario (per dimenticanza di disattivazione), in questo caso il rimborso deve essere richiesto entro 5 giorni dalla data del rinnovo e senza aver visionato nessun corso nel periodo successivo al rinnovo.

Ho altre domande…

Per qualsiasi altra informazione puoi contattarci da questa pagina. Il team sarà felice di rispondere il prima possibile.

Creare effetto speciale di hover sul modulo persona di Divi

Come creare un simpatico effetto di animazione all'hover del mouse sul modulo persona di Divi.

Come creare un simpatico effetto di animazione all’hover del mouse sul modulo persona di Divi.

Introduzione

In questo tutorial vediamo come creare un semplice e gradevole effetto di hover sul modulo persona di Divi.

Come vedi nell’immagine potrai ottenere un effetto elegante e originale per poi personalizzare i colori e i contenuti come vorrai.

Dettagli tutorial:

  • Tempo di configurazione: 10 minuti
  • Difficoltà: bassa
  • Scrivi nei commenti per assistenza o domande

Bene, iniziamo subito!

Indice dei contenuti

  • Effetto all’hover del mouse sul modulo persona di Divi
  • Conclusioni e Risorse

Effetto all’hover del mouse sul modulo persona di Divi

In questo tutorial, andremo ad aggiungere un simpatico effetto grafico sul modulo Persona presente nel nostro tema wordpress Divi.

Per prima cosa, creeremo una nuova pagina, in questa pagina inseriremo una riga a 3 sezioni (potete scegliere voi le sezioni).

Dopodiché, inseriremo il modulo persona compilando tutti i dati (Nome, descrizione, mestiere ecc).ricordando di creare una breve descrizione e di aggiungere una foto.

Fatto questo andremo a inserire il seguente codice CSS.

Il codice CSS potrà essere inserito nella singola pagina attraverso le impostazioni pagina » avanzate » CSS personalizzato, oppure aggiunto di default in tutte le pagine attraverso le impostazioni generali di Divi presenti nella dashboard del nostro sito web, nella casella “aggiungi CSS personalizzato”.

/* Modulo Persona Hover Effect */
.et_pb_team_member.layered-effect {
  overflow: hidden;
  position: relative;
  text-align: right;
  width: 320px;
}
.et_pb_team_member.layered-effect .et_pb_team_member_image {
  margin: 0;
}
.layered-effect *,
.layered-effect *:before,
.layered-effect *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.et_pb_team_member.layered-effect img {
  backface-visibility: hidden;
}
.layered-effect:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background-color: #ffcc00;
  opacity: 0.7;
  z-index: 9;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}
.layered-effect:before {
  -webkit-transform: skew(30deg) translateX(80%);
  transform: skew(30deg) translateX(80%);
}
.layered-effect .et_pb_team_member_description {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  padding: 20px 20px 20px 40%;
}
.layered-effect .et_pb_team_member_description:before,
.layered-effect .et_pb_team_member_description:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffcc00;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: 8;
}
.layered-effect .et_pb_team_member_description:before {
  -webkit-transform: skew(30deg) translateX(100%);
  transform: skew(30deg) translateX(100%);
}
.layered-effect .et_pb_team_member_description:after {
  -webkit-transform: skew(-30deg) translateX(90%);
  transform: skew(-30deg) translateX(90%);
}
.layered-effect p.et_pb_member_position {
  font-weight: bold;
}
.layered-effect h4,
.layered-effect p,
.layered-effect ul {
  position: relative;
  margin: 0;
  opacity: 0;
  z-index: 11;
}
.layered-effect:hover h4,
.layered-effect:hover p,
.layered-effect:hover ul {
  opacity: 1;
}
.layered-effect:hover:before {
  -webkit-transform: skew(30deg) translateX(30%);
  transform: skew(30deg) translateX(30%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.layered-effect:hover .et_pb_team_member_description:before {
  -webkit-transform: skew(30deg) translateX(50%);
  transform: skew(30deg) translateX(50%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.layered-effect:hover .et_pb_team_member_description:after {
  -webkit-transform: skew(-30deg) translateX(40%);
  transform: skew(-30deg) translateX(40%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/* Fine codice Hover Effect */

Dal codice estrapoliamo la seguente classe CSS: layered-effect e aggiungiamola nelle impostazioni persona>avanzate>ID & Classi CSS nella casella CLASSI CSS.
Fatto questo salviamo e cosi facendo avremo ottenuto il nostro effetto.

Conclusioni

Bene! Da Marco e da Imparaqui è tutto! Scrivi nei commenti se hai delle domande per questo tutorial o se ne vuoi suggerire di nuovi!

Ricorda di dare un’occhiata ai corsi su Divi nella Imparaqui Academy!

A presto e buon lavoro con Divi!

CONDIVIDI
Default image
Marco Melis

Appassionato di Divi e di Elementor, vivo nel cuore della Sardegna e ho un simpatico cane che si chiama Lillo :) Mi piace creare tutorial per imparaqui.it ogni volta che ho l'ispirazione!

8 commenti

  1. Ciao, grazie per questo bell’effetto, l’ho usato in una riga da 6 colonne ma mi sballa completamente la formattazione come mai?

  2. Buongiorno, ho utilizzato la risorsa modificandola per le mie esigenze ma ho un paio di inconvenienti che persistono anche con il codice originario.
    1) Il contenuto del body text che dovrebbe apparire solo al passaggio del mouse, é visibile sempre. Questo non accade con il Visual Bilder Divi abilitato.
    2) Uscendo dal Visual Bilder Divi gli spacing non vengono rispettati e i diversi testi (name, position, body) si posizionano con distanziamenti dai bordi diversi da quelli impostati. Grazie per l’assistenza

  3. Gentilissimo, grazie mille per la condivisione di questa risorsa che nel mio caso è stata utilissima. Posso chiederti soltanto come posso sostituire le icone di Linkedin e Google+ con quelle di Instagram e del mio sito personale?

    Mille grazie

    • Ciao Cristiana, prego!
      Per avere più flessibilità con le icone dei social network, ti consigliamo di usare il modulo “Segui social media”, se lo posizioni sotto a ogni modulo persona puoi inserire Instagram e volendo anche il link al tuo sito selezionando RSS tra le opzioni disponibili.
      Speriamo questa soluzione possa aiutarti e ti auguriamo un buon lavoro con Divi!

  4. El efecto es bonito pero no me sale completo. Sólo muestra 2 triángulos y por lo que veo han de ser 3. No lo comprendo. Qué me falta?

Scrivi un commento

Sblocca l'accesso a centinaia di lezioni online

Accedi immediatamente a tutti i corsi e alla community di imparaqui, senza limiti.