MyBB Guida 1.8 - Aggiungere tasto Back To Top nel proprio Forum

Stato
Discussione chiusa ad ulteriori risposte.

Samaritan

Utente Palladium
11 Agosto 2011
4,476
272
342
1,476
Ultima modifica:
Per prima cosa collegiamoci al pannello di amministrazione del nostro Forum e, andiamo in Template & Temi.
Clicchiamo su Template e, selezioniamo il Tema che stiamo usando.
Scorriamo fino a raggiungere "Templates Footer" a questo punto selezioniamo Footer e andiamo a modificarlo.

Adesso, dobbiamo inserire in cima a tutto il resto questo codice
Codice:
<script type="text/javascript">
    $("#backtop").hide();
    $(window).scroll(function () {
        if ($(this).scrollTop() > 400) {
              $('#backtop').fadeIn(200);
        } else {
              $('#backtop').fadeOut(200);
        }
      });
      $('.go-top').click(function () {
        $('html,body').animate({
Dopo di che prima di:
Codice:
</div>
</div>
<div class="lower">
<div class="wrapper">
<span id="current_time">{$lang->welcome_current_time}</span>
<span id="copyright">
Inseriamo:
Codice:
<div id='backtop'>
    <a class='go-top' href='#top' title='Back to Top'><img src="{$theme['imgdir']}/top.png" /></a>
</div>
Salviamo e andiamo in Global.css e, dopo
Codice:
body {
background: url(/images/cartellatema/bg.png) no-repeat fixed;
color: #333;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 13px;
overflow-y: scroll;
}
Inseriamo:
Codice:
#backtop {
   position: fixed;
   bottom: 50px;
   right: 10px;
   margin: 0;
   padding: 0;
   width: 36px;
   height: 36px;
   z-index: 100;
}
Fatto anche questo passaggio ci siamo salviamo il Global.css.
Ora, tramite ftp carichiamo questa png(o se volete potete anche usarne una a vostra scelta o creata da voi basta rinominarla top.png)
attachment.php
(L'immagine va caricata all'interno della cartella del tema)

Fonte: MindCraft
 
Stato
Discussione chiusa ad ulteriori risposte.