Domovská » Webový design » Přidat Emoji podporu pro vaše webové stránky s Emoji CSS

    Přidat Emoji podporu pro vaše webové stránky s Emoji CSS

    Emojis převzali digitální rozhovory a tyto roztomilé malé ikony rychle pronikly do internetové kultury s třeskem. Oni jsou nyní každodenní součástí našich životů a můžete je najít všude, od desktopových aplikací až po WordPress.

    A pokud jste někdy chtěli vlastní emojis na vašich stránkách pak Emoji CSS je ideální knihovnou k použití.

    Tyto čisté ikony CSS jsou generovány s obrázky na pozadí tak každý emoji má svůj vlastní soubor PNG. Tyto obrazové soubory jsou sítnice-ready tak vypadají skvěle na všech monitorech.

    Můžete také demo tyto emojis by včetně surového souboru CSS na vaše stránky. Soubor odkazuje na obrázky hostované na GitHubu nemusíte nic hostit lokálně začít.

    Na domovské stránce Emodži CSS najdete vše třídy kódů obrázků spolu s ukázkovým fragmentem ukázky. Jakmile přidáte soubor Emodži CSS do svého dokumentu, stačí přidat prvek s .em třídy, spolu s jakoukoli třídou, která se týká konkrétní ikony, kterou chcete zobrazit.

    Tak například tento kód:

     

    přidá 100 emoji přímo do obsahu vašeho webu. Máš dobře více než 200 různých emojis z čeho vybírat a projekt je open source Takže to je k dispozici pro aktualizace.

    Nejlepší ze všech Emoji CSS homepage je super snadné použití. Prostě klikněte na ikonu a vy automaticky kopírovat tento zdrojový kód do schránky, takže jej můžete vložit přímo do HTML.

    Budu první, kdo přizná, že ne všechny webové stránky budou mít prospěch z této knihovny Emoji, ale sociální sítě a webové stránky podporované komentáři mohou zlepšit zapojení uživatelů přidáním podpory emoji. A s knihovnou CSS Emoji je to prakticky dvoukrokový proces emoji-up vašich stránek.