[Js] Avatar la raspunsuri rapide
Pagina 1 din 1 • Distribuiţi
Pasul1: Creem un nou cod JavaScript si il amplasam in topicuri unde adaugam urmatorul cod:
- Cod:
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('');
}
});
});
Pasul 2: Adaugam urmatorul cod in Css.
- Cod:
#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);
}
Subiecte similare
Crează un cont pentru a creat un subiect.
Trebuie să fii membru pentru a lăsa un răspuns.
Crează un cont
Alăturați-vă comunității noastre prin crearea unui cont nou. Este ușor!
Creați un cont nou
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
|
|