[Tutorial] Avatar in Quick Reply
Σελίδα 1 από 1 • Μοιραστείτε
Image Preview:
File Name: Avatar in Quick Reply
Author: Anonymous
Functionality: All Versions
First go to your
Name: Avatar in Quick Reply
Placement: In the topics
then go to your
[Πρέπει να είστε εγγεγραμμένοι και συνδεδεμένοι για να δείτε αυτόν το σύνδεσμο.]
File Name: Avatar in Quick Reply
Author: Anonymous
Functionality: All Versions
First go to your
Administration Panel → Modules → HTML & Javascript → Javascript codes management |
Placement: In the topics
- Κώδικας:
jQuery(document).ready(function() {
jQuery('#quick_reply').before('<div id="quick-avatar"></div> ');
});
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('.frm dl dd img', data).attr('src');
if(link){
jQuery('#quick-avatar').html('<a href="/profile?mode=editprofile&page_profil=avatars"><img src="'+link+'" alt=""></a>');
}else{
jQuery('#quick-avatar').html('');
}
});
});
then go to your
Administration Panel → Display → CSS |
- Κώδικας:
#quick-avatar {
position: absolute;
margin: 83px 81px;
}
#quick-avatar img {
width: 80px;
height: 80px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#quick-avatar img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
Παρόμοια θέματα
Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε
Προκειμένου να απαντήσετε πρέπει να είστε μέλος.
Δημιουργία Λογαριασμού
Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!
Δημιουργία ενός νέου Λογαριασμού
Σελίδα 1 από 1
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης