Jump to content
Sign in to follow this  
cha0s

Как добавить свои иконки в sprites?

Recommended Posts

Имеется такой sprites

 

 sprites.png

 

 

иконки есть, как добавить вроде как тоже не проблема, но как потом их считать с него? вот образец работы как я понимаю

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata></metadata>
<defs>
<font id="rgenregular" horiz-adv-x="2048" vert-adv-y="2048" >
<font-face units-per-em="2048" ascent="1638" descent="-410" />
<missing-glyph horiz-adv-x="500" />
<glyph horiz-adv-x="0" vert-adv-y="0" />
<glyph unicode="
" />
<glyph unicode="Y" vert-adv-y="180" d="M2726 366h794v794h-794v-794zM2726 1572h794v794h-794v-794zM3932 366h794v794h-794v-794zM3932 1572h794v794h-794v-794z" />
</font>
</defs></svg> 

и когда я юзаю .social .image:before { content:'Y'; } то вставляется эта картинка, но блин как мне получить для своих картинок вставленных эти каракули(типа позиций?) или может есть что-то вспомогательное как собрать свой спрайт и получить эти позиции на контент? 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.