Preview:
http://www.youtube.com/watch?v=eA43etGySxU
Open: styles\prosilver\template\overal_header.html
Find:
Code: Selecteer alles
<a name="start_here"></a>
Code: Selecteer alles
<div id="backtotop">
<a href="#"><img src="../backtotop/images/back_to_top_btn.png" alt="Back to TOP" /></a>
</div>
Find:
Code: Selecteer alles
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>
Code: Selecteer alles
<!-- include latest jQuery Library -->
<script type="text/javascript" src="your-js-folder/jquery.js"></script>
<!-- Back To Top by Solidjeuh -->
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#backtotop a').click(function(){
jQuery('html, body').animate({scrollTop:0}, 'slow');
return false;
});
});
</script>
Code: Selecteer alles
<!-- include latest jQuery Library -->
<script type="text/javascript" src="../backtotop/js/jquery.js"></script>
Open: styles\prosilver\theme\content.css
Add this to the bottom on a new line:
Code: Selecteer alles
#backtotop{
position: fixed;
right:10px;
bottom:2px
}
#backtotop a{
text-decoration:none;
border:0 none;
display:block;
width:26px;
height:86px;
}
#backtotop a:hover{
opacity:.7; /*mouse over fade effect*/
}
Niet meer beschikbaar.
Plaatst 'backtotop ' in de root van jou forum
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Vernieuw templates en theme's in het beheerderspaneel
Doe ctrl +F5 indien je geen verandering ziet op jou forum.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Afbeelding is makkelijk te veranderen.. Zoek de afbeelding die jij wil, Hernoemen naar: back_to_top_btn.png
En plaats deze in backtotop/images
Je kan de hoogte en breedte wijzigen in .css
Ik weet niet hoe dit in subsilver werkt..!
Nooit gehad, En zal het ook nooit hebben .. lol
Hopelijk kan ik hiermee iemand een plezier doen..
Groetjes,
Solidjeuh