Если все ваши изображения находятся в одном файле, у вас есть два варианта. Во-первых, вы можете разбить его на множество файлов. Но лучшим способом было бы сохранить его в одном файле, а затем создать div
s с фоновым изображением; и используйте смещение.
Например, если у вас есть молот , и он имеет размер 24 * 24 , расположенный в 100, 100 , вы сделаете это. Предполагая, что у вас есть файл с именем http://blahblahblahBlah.com/character.php
:
CSS
.hammerPic {
width: 24px; height: 24px;
background-image: url('graphic/itemtype/id.png');
background-position: -100px -100px;
}
HTML
<div class="hammerPic" />