menü    videók      
Mit tanulnál?
Keresés:
videót kérek belépés regisztráció
 Termék tesztek, hírek, bemutatók  ✦  mobilok, okosórák, médialejátszók, stb.  ✦  kattints ide!
Line Awesome - ikonok használata weboldalon egyszerűen, bármilyen méretben, minőségromlás nélkül (2019.11.10)
Bejegyzések a témában:   webfejlesztes   html   css  
Hozzászólások

A Font Awesome az egyik legismertebb és legnépszerűbb ikon gyűjtemény, amely az egyszerű használhatósága és az ikonok minőségromlás nélküli méretezése miatt lett igen népszerű. 

A Line Awesome pedig egy alternatíva rá, lényegében ugyanazt tudja, ugyanúgy használható.

Letölthető zipben ("Download zip") és saját szerveren, tárhelyen is használható, de beüzemelhető egy online könyvtárból is. Mindössze egy css fájlt kell behúzni az oldalon:



A használata összesen ennyi:



Vagyis egy tag és a megfelelő class-ok, melyek listája itt található.

Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!

Tehát ha például kell egy hagyományos telefon ikon, akkor ki kell keresni a listából, vagy rákeresni:



Rákattintva megmutatja a lehetőségeket:



A "Copy icon & paste into design" esetén maga a betű (mert ezek valójában betűk) kerül kimásolásra, míg alatta van a html kód:



Rákattintva kimásolja és beilleszthető az oldal kódjába.

Inline elemként viselkedik, tehát szöveg mellé írható folytonosan, ha szükséges.


szöveg

Van Font Awesome kompatibilis változata is, ilyenkor csak a CSS-t kell cserélni.