Dropdown menu list (Mouse hover)
Σελίδα 1 από 1 • Μοιραστείτε
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
Παρόμοια θέματα
Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε
Προκειμένου να απαντήσετε πρέπει να είστε μέλος.
Δημιουργία Λογαριασμού
Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!
Δημιουργία ενός νέου Λογαριασμού
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης