CSS Sprite hakkında yardım

Kod Seç Genişlet

.bg-info {
    width: 22px; height: 22px;
    background: url('css_sprites.png') -10px -10px;
}


.bg-new_none {
    width: 32px; height: 32px;
    background: url('css_sprites.png') -10px -136px;
}


.bg-new_some {
    width: 32px; height: 32px;
    background: url('css_sprites.png') -10px -188px;
}


.bg-online {
    width: 22px; height: 22px;
    background: url('css_sprites.png') -10px -52px;
}


.bg-off {
    width: 32px; height: 32px;
    background: url('css_sprites.png') -10px -240px;
}


.bg-recent {
    width: 22px; height: 22px;
    background: url('css_sprites.png') -10px -94px;
}
Arkadaşlar bunlar hep BoardIndex.template.php dosyasındaki resimlerin sprite kodları ben bunları nasıl css sprite olarak düzenleyebilirim BoardIndex'e geçirebilirim?

ben örnek olarak bi tanesini göstereyim
boardindex.template de bulun

Kod Seç Genişlet

<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_some.png" alt="" />değiştirin

Kod Seç Genişlet

<span class="bg-new_some"></span>index.css de en alta şu şekilde ekleyin

Kod Seç Genişlet

.bg-new_some {
    width: 32px; height: 32px;
    background: url(../images/css_sprites.png) -10px -188px;
}
css_sprites.png dosyasınıda temanızın images klasörüne atın

ben örnek olarak bi tanesini göstereyim
boardindex.template de bulun

Kod Seç Genişlet

<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_some.png" alt="" />değiştirin

Kod Seç Genişlet

<span class="bg-new_some"></span>index.css de en alta şu şekilde ekleyin

Kod Seç Genişlet

.bg-new_some {
    width: 32px; height: 32px;
    background: url(../images/css_sprites.png) -10px -188px;
}
css_sprites.png dosyasınıda temanızın images klasörüne atın

Olmuyor hocam aynen dediğiniz gibi yaptım resim gözükmüyor

css den dolayıdır şu şekilde değiştirin

Kod Seç Genişlet

.bg-new_some {
    width: 32px;
    height: 32px;
    background: url(../images/css_sprites.png) -10px -188px;
    display: inline-block;
    vertical-align: middle;
}

Sağolun hocam oldu