Avatar categorie

Salut, cum as putea pune un avatar ca si aici: in fata titlului la utlimele mesaje pe versiunea punBB ?

Multumesc !

Adaugă acest cod în Gestionarea codurilor javascript, iar la amplasare seteaza pe pagina de start

Cod:

jQuery(document).ready(function() {
jQuery('.row_tema_lastpost').before('<div class="avatar-categorie">
<img src="http://r20.imgfast.net/users/2513/71/04/52/avatars/13482-73.png" />
</div>');
});

În CSS:

Cod:


.avatar-categorie img {
width: 30px;
height: 30px;
border: 1px solid red;}

.avatar-categorie img:hover {
border: 1px solid blue;}

.avatar-categorie {
display: inline !important;}

Acum apare asa: . Cum as putea pozitionez avatarul si sa sterg acelele linii rosi si albastre.

Pentru acel border introdu acest cod in css

Cod:

.avatar-categorie img {
width: 30px;
height: 30px;
;}

.avatar-categorie img:hover {
;}

.avatar-categorie {
display: inline !important;}

|Mihnea| a scris:Pentru acel border introdu acest cod in css

Cod:

.avatar-categorie img {
width: 30px;
height: 30px;
;}

.avatar-categorie img:hover {
;}

.avatar-categorie {
display: inline !important;}

Nu prea înțeleg rostul semnului: ; la hover și la primul cod, acele coduri vor fi considerate erori de către Foaia de stil CSS.

---

În primul rând pentru a șterge acele linii trebuie sa stergi din cod:

Cod:

border: 1px solid red;

și:

Cod:

.avatar-categorie img:hover {
border: 1px solid blue;}

Acum încearca acest cod în locul primului:

Cod:

    jQuery(document).ready(function() {
  jQuery('.chenarel').before('<div class="avatar-categorie"><img src="http://r20.imgfast.net/users/2513/71/04/52/avatars/13482-73.png" /></div>');
    });

Acum apare asa: as vrea sa fie in fata la titlului si in fata numelui celui ce a creat titlul adica sa fie cam la centru in fata numelui si titlului.

Potim:

Cod:

.avatar-categorie {
float: left;
margin-left: 20px;}

Multumesc Omu !

Cu plăcere