Vreau să vă prezint o tehnologie cu ajutorul căreia puteți adăuga seturi de imagini și iconițe doar știindu-le abrevierea. Majoritatea siteu-rilor folosesc astfel de grafică , chiar și google.
Acest css îl puteți instala pe site-ul dumneavoastră utlizînd cdn : <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Doar lipiți acest cod în header-ul site-ului dvs și acum puteți adăuga diferite iconițe știindule doar numele. Iată pagina cu lista tuturor iconițelor și numele lor http://fontawesome.io/icons/
Cam așa arată lista (aici e doar o mică parte din toate iconițele care pot fi instalate)
Acest css îl puteți instala pe site-ul dumneavoastră utlizînd cdn : <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
Doar lipiți acest cod în header-ul site-ului dvs și acum puteți adăuga diferite iconițe știindule doar numele. Iată pagina cu lista tuturor iconițelor și numele lor http://fontawesome.io/icons/
Cam așa arată lista (aici e doar o mică parte din toate iconițele care pot fi instalate)
Pentru a le utiliza în pagină , dupa ce ați lipit codul de mai sus în header , doar adăugați următorul cod în pagină <i class="fa fa-camera-retro fa-2x"></i>
camera-retro - este numele iconiței de pe site iar 2x este dimensiunea iconiței
Dimensiunea poate fi setată așa
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
Sau prin setarea dimensiunii fontului .
Dacă va plăcut acest articol vă rog să împărtășiți pagina cu prietenii ! Puteți scrie și un comenteriu.
Comentarii
Trimiteți un comentariu