Koduleht » Veebidisain » Emoji CSS-iga lisage oma veebisaidile Emoji tugi

    Emoji CSS-iga lisage oma veebisaidile Emoji tugi

    Emojad on üle võtnud digitaalsed vestlused ja need armas väikesed ikoonid tungisid kiirelt internetikultuurile. Nad on nüüd igapäevane osa meie elust ja neid saate leida kõikjal töölaua rakendustest WordPressini.

    Ja kui sa oled kunagi tahtnud kohandatud emojised saidil Emoji CSS on ideaalne raamatukogu, mida kasutada.

    Need puhtad CSS-ikoonid on genereeritud taustapiltidega nii igal emoji-l on oma PNG-fail. Need pildifailid on võrkkesta valmis nii et nad näevad suurepäraselt kõikidel monitoridel.

    Neid emotsioone saab ka demo demo esitada CSS-faili lisamine teie saidile. Fail viitab GitHubi enda poolt majutatud piltidele sa ei pea midagi kohalikku majutama alustada.

    Emoji CSS kodulehel leiate kõik pildikoodide klassid koos näidise demodeerimisega. Kui olete lisanud Emoji CSS-faili oma dokumendile, peate lihtsalt lisama elemendiga .em klass, koos mis tahes klassiga, mis on seotud konkreetse ikooniga, mida soovite näidata.

    Nii et näiteks see kood:

     

    lisab 100 emoji otse saidi sisusse. Sul on hästi valida üle 200 erineva emoosi ja projekt on avatud lähtekoodiga nii see on saadaval uuenduste jaoks.

    Kõige parem on Emoji CSS kodulehekülg väga lihtne kasutada. Lihtsalt klõpsa ikoonile ja sina kopeerib automaatselt selle lähtekoodi lõikepuhvrisse, et saaksite selle oma HTML-is otse kleepida.

    Ma olen esimene, kes tunnistab, et mitte iga veebileht ei saa sellest Emoji raamatukogu kasu, kuid sotsiaalsed võrgustikud ja kommentaaridega toetatud veebisaidid võivad parandada kasutajate kaasamist, lisades emoji tuge. Ja Emoji CSS raamatukogu puhul on see praktiliselt kaheastmeline protsess saidi emoji ülesehitamiseks.