CSS sprite maken van thema onderdelen

  • maikel9112

    (@maikel9112)


    8 jaren, 5 maanden geleden

    Ik zie dat mijn layout bestaat uit ongeveer 14 afbeeldingen. Graag wil ik deze in een enkele sprite sheet plaatsen. Ik snap wel hoe ik deze moet maken maar mijn vraag is hoe ik uiteindelijk naar de afbeeldingen verwijs. De diverse onderdelen worden namelijk opgeroepen vanuit mijn thema css. Zie bijvoorbeeld:
    .Block-tr,.Block-tl,.Block-br,.Block-bl{width:14px;height:14px;background-image:url(‘images/Post-s.png’);}
    .artmenu a .r,.artmenu a .l{position:absolute;display:block;height:75px;background-image:url(‘images/MenuItem.png’);}
    .nav .l,.nav .r{position:absolute;z-index:-1;top:0;height:25px;background-image:url(‘images/nav.png’);}

1 reactie aan het bekijken (van in totaal 1)
  • Erwin van Amersfoort

    (@erwinvanamersfoort)

    8 jaren, 5 maanden geleden

    Je kunt per element de sprite gebruiken als background-image en daar de background-position toevoegen/aanpassen. Bijvoorbeeld: { background: url(img.gif) 40px 30px; }

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘CSS sprite maken van thema onderdelen’ is gesloten voor nieuwe reacties.