CSS Sprite hakkında yardım

Başlatan Odysee, 04 Kas 2017 16:15

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

Odysee

Kod [Seç]
.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?

snrj

ben örnek olarak bi tanesini göstereyim
boardindex.template de bulun
Kod [Seç]
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_some.png" alt="" />değiştirin
Kod [Seç]
<span class="bg-new_some"></span>index.css de en alta şu şekilde ekleyin
Kod [Seç]
.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

Odysee

Alıntı yapılan: snrj - 04 Kas 2017 19:31ben örnek olarak bi tanesini göstereyim
boardindex.template de bulun
Kod [Seç]
<img src="', $settings['images_url'], '/', $context['theme_variant_url'], 'new_some.png" alt="" />değiştirin
Kod [Seç]
<span class="bg-new_some"></span>index.css de en alta şu şekilde ekleyin
Kod [Seç]
.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

snrj

css den dolayıdır şu şekilde değiştirin
Kod [Seç]
.bg-new_some {
    width: 32px;
    height: 32px;
    background: url(../images/css_sprites.png) -10px -188px;
    display: inline-block;
    vertical-align: middle;
}

Odysee