CSS Sprite hakkında yardım

Başlatan Odysee, 04 Kas 2017 16:15

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.



  1. 632

  2. 251

.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?

*

  1. 3,078

  2. 584

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



  1. 632

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

*

  1. 3,078

  2. 584

  3. 964

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



  1. 632

  2. 251


MENU ×