Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Aggiungere descrizione dei campi alla registrazione


Tutorial Aggiungere descrizione dei campi alla registrazione

Messaggio Da MattiaDes il Sab 25 Lug 2015, 14:49

Aggiungere descrizione dei campi alla registrazione


Con questo tutorial, vedremo come poter aggiungere una descrizione ai campi della registrazione. Per poterlo fare è necessario aggiungere un nuovo codice javascript. Rechiamoci quindi nella seguente pagina:

Pannello di amministrazione Moduli Gestione del codice javascript


Titolo: Quello che si desidera;

Posizione: In tutte le pagine;

Codice:

Codice:
$(function() {
      if (location.pathname == '/register' && location.search == '?agreed=true&step=2') {
        document.getElementById('email').placeholder = '@yahoo.com','@hotmail.com','@gmail.com';
        
        addDesc('#username_reg','Inserisci qui il tuo nickname per il forum.');
        addDesc('#email','Inserisci qui la tua <b>E-mail</b>. Essa è indispensabile per la registrazione.');
        addDesc('#password_reg','Inserisci qui la tua password per accedere al forum!');
      }
      function addDesc(element, text){$(element).after('<div class="register_desc">'+text+'</div>')}
    });

Personalizzazione

Tu stesso puoi decidere quali descrizioni inserire! Per farlo, dovrai modificare le seguenti parti in rosso del codice:

       addDesc('#username_reg','Inserisci qui il tuo nickname per il forum.');
       addDesc('#email','Inserisci qui la tua E-mail. Essa è indispensabile per la registrazione.');
       addDesc('#password_reg','Inserisci qui la tua password per accedere al forum!');

E' molto importante che tu non rimuova gli apicetti tra le varie scritte.

Risultato

Ecco una immagine di anteprima, per mostrarti il risultato di questo tutorial:


Buona giornata!  :zen:

Tutorial creato da: Shek (Forum di supporto portoghese)
Copyrigth © FORUMATTIVO.COM







MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2334
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum