Salve ospite, se leggi questo messaggio vuol dire che non sei registrato, cosa aspetti ? Premi qui per registrarti La registrazione è completamente gratuita e ti permetterà di usufruire di tutte le funzionalità del nostro forum. Buona navigazione.


Vendo, Compro, Scambio NosTale! Riapre il Black Market, concludi i tuoi scambi NosTale gratuitamente! Più info  -   Accedi alla sezione
Download file Server : File Retro Server NosTale
Visita la nuova sezione di BorderGame dedicata a Blade & Soul! Sezione Blade and Soul

 
Valutazione discussione:
  • 9 voti - 2.56 media
  • 1
  • 2
  • 3
  • 4
  • 5
Creare uno sliding login MyBB
09-11-2015 08:04 PM
Messaggio: #1
Creare uno sliding login MyBB
Zarta
Amministratori
Minecraft
NosTale
Spammer
Utente Saggio
Utente Storico
Vip

Founder

Messaggi : 6,799

Registrato dal : Oct 2010

Reputazione : 253

Stato : Offline


Premi :



Sliding Login per MyBB


Vorresti inserire un bellissimo sliding login sul tuo forum MyBB ? Bene, questa è la guida che fa per te!

Per prima cosa andiamo a capire cos'è un sliding menù o un sliding login.
Letteralmente uno sliding login vuole dire Login a scomparsa. Si tratta un "pannello" che compare scorrendo solamente quando andiamo a fare click su un determinato pulsante.

Perchè utilizzare un sliding login ?

- Permette di risparmiare spazio.
- Permette di aggiungere dettagli mancanti al login di default.
- E' uno strumento per caratterizzare la grafica del vostro forum e renderla più accattivante.

Inoltre al suo interno potrete anche inserire immagini, testi, annunci o quant'altro.

Creare uno sliding login :

~ Per prima cosa dobbiamo scaricare l'allegato contenente le immagini, il file .css e il file Javascript del nostro pannello a scorrimento.
Per effettuare il download potete fare click sul file che trovate qui sotto :

.zip  slidepanel.zip (Dimensione: 19.75 KB / Download: 17)

~ Scarichiamo il file ed estraiamolo sul nostro pc.

~ Andiamo a caricare nel nostro spazio FTP la cartella chiamata slidepanel all'interno della cartella "images" del nostro server.

~ Ora rechiamoci nel nostro Admin CP --> Template e temi --> Template --> Nostro tema --> Header Template --> header_welcomeblock_guest

~ Andiamo a cancellare tutto il contenuto e a sostituirlo con il seguente :
Per sicurezza tenete sempre una copia del template nel caso voleste annullare le modifiche appena effettuate.

Codice PHP:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 

 <
link href="images/slidepanel/styles.css" rel="stylesheet" type="text/css" />

 <
script src="images/slidepanel/js/jquery.js" type="text/javascript"></script>
 <script src="images/slidepanel/js/panelslide.js" type="text/javascript"></script>

 <!--[if IE 7]>
 <link rel="stylesheet" type="text/css" href="ie.css" />
 <![endif]-->
 <div id="slide-panel"><!--SLIDE PANEL STARTS-->

 <form action="member.php" method="post" class="form"><!--FORM STARTS-->
 <center>
 <p>Please Login</p>
 <p><input type="text" class="textbox" name="username" size="25" maxlength="{$mybb->settings['maxnamelength']}" style="width: 200px;" value="{$username}" /></p>
 <p><input type="password" class="textbox" name="password" size="25" style="width: 200px;" value="{$password}" /></p>
 <input type="submit" class="button" name="submit" value="{$lang->login}" />
 <input type="hidden" name="action" value="do_login" />
 <input type="hidden" name="url" value="{$redirect_url}" />
 </p>
 <p>Not a member? <a href="{$mybb->settings['bburl']}/member.php?action=register">Register</a> here | <a href="{$mybb->settings['bburl']}/member.php?action=lostpw">Lost Password?</a></p>
 </center>
 </form><!--FORM ENDS-->

 </div><!--SLIDE PANEL ENDS-->

 <p class="slide"><a href="#" class="btn-slide">Login / Register</a></p><!--LOGIN BUTTON TEXT--> 

~ Salviamo e abbiamo finalmente disponibile il nostro login a scorrimento per MyBB! 01

Ovviamente quello che vedrete è un pannello "grezzo", ma essendo gestito totalmente da CSS e immagini è personalizzabile al 100%.
Qualche piccolo sforzo, qualche idea e potrete avere un bellissimo e molto funzionale pannello di Login a scomparsa; sembra poco ma sono i piccoli elementi che rendono alcuni forum migliori di altri Smile

Volete postare come avete modificato il vostro login a scomparsa ? Siete i benvenuti! Aspettiamo i vostri feedback :=P:

Enjoy! 148

Thanks to WbDev ( MyBBExtras )
(Questo messaggio è stato modificato l'ultima volta il: 09-11-2015 08:06 PM da Zarta.)
Torna al primo messaggio
Email WWW Cerca Rispondi

PubblicitàLa tua pubblicità qui, clicca per informazioni e per le offerte!

Stanno visualizzando la discussione : 1 Ospite(i)

  • Versione stampabile
  • Invia ad un amico
  • Sottoscrivi questa discussione