Differenze tra le versioni di "Utente:Demos/icone"
imported>Demos |
imported>Demos |
||
| Riga 18: | Riga 18: | ||
<i class="material-icons" style="font-size:48px;">cloud</i> | <i class="material-icons" style="font-size:48px;">cloud</i> | ||
<i class="material-icons" style="font-size:60px;color:red;">cloud</i> | <i class="material-icons" style="font-size:60px;color:red;">cloud</i> | ||
===Prova=== | |||
<html> | |||
<head> | |||
<title>Google Icons</title> | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | |||
</head> | |||
<body> | |||
<h1>attachment</h1> | |||
<i class="material-icons">attachment</i> | |||
<i class="material-icons" style="font-size:36px">attachment</i> | |||
<i class="material-icons" style="font-size:48px;color:red">attachment</i> | |||
<p>Used on a button:</p> | |||
<button style="font-size:24px">Button <i class="material-icons">attachment</i></button> | |||
<p>Unicode:</p> | |||
<i class="material-icons"></i> | |||
</body> | |||
</html> | |||
Versione delle 10:45, 4 nov 2016
Google Icons
face android flight_takeoff
Dimensioni
Queste icone vengono modificate in dimensioni tramite le istruzioni "md-18" "md-24" "md-36" "md-48" contenute nel file common.css della mediawiki
face
face
face
face
Queste invece vengono modificate semplicemente grazie al tag html "style="font-size:pixels;color:colore;"
cloud
cloud
cloud
Prova
<html> <head> <title>Google Icons</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <body>
attachment
attachment attachment attachment
Used on a button:
<button style="font-size:24px">Button attachment</button>
Unicode:
</body> </html>
Font Awesome
fa-camera-retro
fa-lg fa-2x fa-3x fa-4x fa-5x
...tomorrow we will run faster, stretch out our arms farther...
And then one fine morning— So we beat on, boats against the
current, borne back ceaselessly into the past.
Loading...
Loading...
Loading...
Loading...
Bootstrap
Altro
xxx