Potrzebuję wiedzieć, jak dodać własne ikony mdi w niestandardowych klasach. dostarczone klasy mdi nie spełniają moich oczekiwań.jak używać własnych ikon projektowania materiałów z materializecss?
Jak mogę dodać tych, i używać ich jak domyślny
<i class="mdi-image-facebook"></i>
<i class="mdi-image-linkedin"></i>
góry dziękuję
dobrze, to alternatywne rozwiązanie dostarczane przez tę stronę. Obejmuje to wiele różnych ikon, takich jak przyciski społecznościowe.
http://materialdesignicons.com/getting-started
Po prostu trzeba dodać link, css, aby uzyskać ikony i dodać je jako klasy
<link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
i
<i class="mdi mdi-facebook-box"></i> <!-- facebook box -->
W moim przypadku ikona nie pojawia się. Myślę, że istnieje konflikt z moim 'materialize.css' (kiedy sprawdzam tag' i', widzę to odwołanie). – JCarlos
Które odniesienia mówisz o @JCarlos? –
W konsoli programisty (chrome) widzę tag 'i' ignorujący plik' materialdesignicons' (ponieważ mam inne css z ikonami). Ale znalazłem inny użyteczny link: http://codepen.io/luciarrno/pen/RPVgaJ – JCarlos
prostu dołączyć arkusz stylów:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
możesz teraz używać znaczników ikon materializecss. Próbka poniżej :)
<a class="waves-effect waves-light btn"><i class="material-icons right">cloud</i>button</a>
uzyskać więcej informacji na stronie: http://materializecss.com/icons.html
czy istnieje sposób na lokalne odwołanie do pliku ikony? – Vishnu
tak, jest. możesz użyć: before i: after pseudo elements in css. możesz odwołać się, jak używać tych pseudoelementów na stronie [http://krasimirtsonev.com/blog/article/CSS-before-and-after-pseudo-elements-in-practice](http://krasimirtsonev.com/blog/article/CSS-before-and-after-pseudo-elements-in-practice) –
Wy prawdopodobnie musiał stworzyć własną. Myślę, że używają SVG Sprites, więc może to być większa praca, którą łączycie. –
to denerwujące! Chciałem tylko dodać materializujące ikony sieci społecznościowych, takie jak facebook, link in, twitter! To nie istnieje jako mdi w materiałowym projekcie Google –