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
Dopo di che prima di:
Inseriamo:
Salviamo e andiamo in Global.css e, dopo
Inseriamo:
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)
(L'immagine va caricata all'interno della cartella del tema)
Fonte: MindCraft
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({
Codice:
</div>
</div>
<div class="lower">
<div class="wrapper">
<span id="current_time">{$lang->welcome_current_time}</span>
<span id="copyright">
Codice:
<div id='backtop'>
<a class='go-top' href='#top' title='Back to Top'><img src="{$theme['imgdir']}/top.png" /></a>
</div>
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;
}
Codice:
#backtop {
position: fixed;
bottom: 50px;
right: 10px;
margin: 0;
padding: 0;
width: 36px;
height: 36px;
z-index: 100;
}
Ora, tramite ftp carichiamo questa png(o se volete potete anche usarne una a vostra scelta o creata da voi basta rinominarla top.png)
Fonte: MindCraft