Port.forumgreek.com
Θέλετε να αντιδράσετε στο μήνυμα; Φτιάξτε έναν λογαριασμό και συνδεθείτε για να συνεχίσετε.

[HTML] Fancy "Scroll up" button

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Port Admin
Port Admin
Admin
Αριθμός μηνυμάτων : 2657
Πόντοι : 6393
Ημερομηνία εγγραφής : 06/03/2017
https://port.forumgreek.com

ΔημοσίευσηPort Admin Πεμ Σεπ 14, 2017 10:32 pm

[HTML] Fancy "Scroll up" button Hc3LETY

1º - HTML
In overall_footer_end above the </body> put next code:

Κώδικας:
<!-- MrScrollUp.Start -->
    <script type="text/javascript" src="http://yourjavascript.com/460495112/mrscrollup.js"></script>
    <div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>
    <!-- MrScrollUp.End -->

2º - CSS
Add the following code to the CSS


Κώδικας:
#MrScrollUp div{
    width:149px;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding:0;
    }
    #MrScrollUp .MrScrollUp1{
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/rocket10.png) no-repeat -149px 0;
    opacity:0;
    height:250px;
    display:none;
    z-index:1;
    }
    #MrScrollUp .MrScrollUp2{
    background:transparent;
    cursor:pointer;
    display:block;
    z-index:2;
    height:150px;
    }
    #MrScrollUp{
    z-index:11;
    width:149px;
    height:250px;
    display:block;
    overflow:hidden;
    cursor:default;
    position:fixed;
    right:0;
    top:95%;
    background:url(http://i58.servimg.com/u/f58/14/80/95/87/rocket10.png) no-repeat 0 0;
    margin:-125px 0 0;
    padding:0;
    }


via: punbb.biz
masterslyyy
Αριθμός μηνυμάτων : 15
Πόντοι : 15
Ημερομηνία εγγραφής : 21/04/2018

Δημοσίευσηmasterslyyy Σαβ Απρ 21, 2018 4:37 pm

thanks

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε

Προκειμένου να απαντήσετε πρέπει να είστε μέλος.

Δημιουργία Λογαριασμού

Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!


Δημιουργία ενός νέου Λογαριασμού

Σύνδεση

Έχετε ήδη έναν λογαριασμό; Κανένα πρόβλημα, συνδεθείτε εδώ.


Σύνδεση

 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης