[ABD] Back to top mod (By Solidjeuh)
Geplaatst: 05 nov 2011, 06:33
Dit kleine script plaatst een 'Back To Top' pijl onderaan rechts op je forum.
Preview:
http://www.youtube.com/watch?v=eA43etGySxU
Open: styles\prosilver\template\overal_header.html
Find:
Add Before:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Find:
Add Before:
Als er al jquery.js in jou overal header staat, Hoef je onderstaande NIET toe te voegen:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Open: styles\prosilver\theme\content.css
Add this to the bottom on a new line:
Download:
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
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
Poster heeft aangegeven deze MOD niet meer te ondersteunen, download verwijderd.
- PhilipvD