[Js] Avatar la raspunsuri rapide

Vezi subiectul anterior Vezi subiectul urmator In jos

avatar
Deliric
Admin
Mesaje : 142
Reputatie : 187
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

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

Conectați-va

Ai deja un cont? Nici o problemă, conecteaza-te aici.


Conectați-va

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum