[Js] Avatar la raspunsuri rapide

Vezi subiectul anterior Vezi subiectul urmator In jos

Deliric
Admin
Mesaje : 142
Reputatie : 185
Vezi profilul utilizatorului http://board.techno-zone.net

MesajDeliric la data de Vin Apr 24, 2015 5:14 pm


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);
}

Vezi subiectul anterior Vezi subiectul urmator Sus

Trebuie sa fii inregistrat pentru a posta

Trebuie sa fii conectat pentru a posta.

Creare cont

Join our community by creating a new account. It's easy!


Inregistrare

Conectare

Already have an account? No problem, log in here.


Conectare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum