To będzie trochę więcej kombinowania.
css: background-image nie jest skalowany do wysokości i szerokości obiektu img. Można jednak swobodnie emulować działanie background-image.
w pliku body.htm o którym wspomniał Lord ByRad znajdź
.avatar{
background-image:url(../Grafika/avatar.png);
padding-top:5px;
padding-left:0px;
width:42px;
height:42px
}
i zamień na
.avatar{
padding-top:5px;
padding-left:0px;
width:62px; /* nowa szerokość obramowania */
height:62px; /* nowa wysokość obramowania */
}
.avatarBG{ /* to będzie nam emulowało "background-image" */
position: absolute;
z-index:-1;
width:100%;
height:100%;
}
.avatarIMG{
width: 42px; /* szerokość avatara */
margin-top: 8px; /* margines górny */
margin-left: 9px; /* margines lewy */
}
Następnie w tym samym folderze znajdź plik "header.htm" i zmień
<img src="CC_AVATAR_PATHIN" width="32" />
na
<img src="../Grafika/avatar.png" class="avatarBG" /><img src="CC_AVATAR_PATHIN" class="avatarIMG" />
oraz
<img src="CC_AVATAR_PATHOUT" width="32" />
na
<img src="../Grafika/avatar.png" class="avatarBG" /><img src="CC_AVATAR_PATHOUT" class="avatarIMG" />
Żeby dostosować wymiary do swoich potrzeb zmieniasz rozmiary obramowania a następnie kombinujesz z rozmiarami w "avatarIMG" tak aby było ładnie wyśrodkowane