Foto

Avatar la raspunsuri rapide



  • Please log in to reply

Vezi subiectul anterior Vezi subiectul urmator In jos  Pagina 1 din 1 replies to this topic

#1
Offline
la data de Mar Dec 09, 2014 9:24 pm


avatar

 Fondator
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

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

-

» Avatar in Raspuns rapid


 
  • Creati un forum gratuit | © PunBB | Forum gratuit de suport | Contact | Semnaleaza un abuz | Poti avea un blog