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

Dropdown menu list (Mouse hover)

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

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

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

Dropdown menu list (Mouse hover)   Jc6htf10


1º - Javascript
Placement: All pages

 
Κώδικας:
jQuery(document).ready(function(){
         jQuery("#prof-content").appendTo("a[href$='profile?mode=editprofile']");
         });

The part a[href$='profile?mode=editprofile'] means that drop-down menu will appear when you mouseover your Profile link in header, you can change it to whatever you want. (?)

2º - CSS

Κώδικας:
#pun-navlinks li a {
         position: relative;
         }
        
         li:hover #prof-content {
         opacity: 1;
         visibility: visible;
         margin-top: -5px;
         }
        
         #prof-content {
         margin-top: 5px;
          margin-left: 1130%;
         _margin: 0; /*IE6 only*/
         opacity: 0;
         visibility: hidden;
         position: absolute;
         top: 29px;
         z-index: 999;
         background-color: #fff;
         padding: 5px;
         -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
         -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
         box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
         -webkit-transition: all .2s ease-in-out;
         -moz-transition: all .2s ease-in-out;
         -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
         }
        
         #prof-content a {
         display:block;
         width: 150px;
         text-align: left !important;
         margin-left: 5px;
         }

3º - Create New Widget
Location for widget New (?)
After you created the widget in order to display links put the following code:

Κώδικας:
<div style="display:none"><div id="prof-content">
<a href="#LINK">Name for popup</a>
<a href="#LINK">Name for popup</a>
<a href="#LINK">Name for popup</a>
</div>
</div>


via: punbb.biz

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

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

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

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

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


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

Σύνδεση

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


Σύνδεση

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