»Kicon« Koken Icon Webfont
Die Templates (Themes) des Fotografie und Design CMS Koken haben standardmäßig die Iconfont »Kicon« installiert. Für jeden Entwickler und Templater ist das eine super Voraussetzung zum erstellen von Buttons und die Verwendung von Icons. Nur schade, dass sich nirgends eine Sammlung von Beispielen finden lässt. Genau das ändert sich jetzt!
Fügt einfach das HTML <i>-Tag mit der entsprechenden Klasse in euren Code ein. Die Größe des Icons regelt ihr über die Schriftgröße
/* social */ <i class="kicon-email"></i> <i class="kicon-facebook"></i> <i class="kicon-gplus"></i> <i class="kicon-pinterest"></i> <i class="kicon-rss"></i> <i class="kicon-tumblr"></i> <i class="kicon-twitter"></i> <i class="kicon-vimeo"></i> <i class="kicon-dl"></i> /* publishing */ <i class="kicon-box"></i> <i class="kicon-doc"></i> <i class="kicon-chat"></i> <i class="kicon-clock"></i> <i class="kicon-cog"></i> <i class="kicon-comment"></i> <i class="kicon-comment-empty"></i> <i class="kicon-export"></i> <i class="kicon-export-alt"></i> <i class="kicon-folder-empty"></i> <i class="kicon-forward"></i> <i class="kicon-heart-empty"></i> <i class="kicon-heart"></i> <i class="kicon-link"></i> <i class="kicon-location"></i> <i class="kicon-plus"></i> <i class="kicon-plus-circled"></i> <i class="kicon-plus-squared"></i> <i class="kicon-plus-squared-small"></i> <i class="kicon-star"></i> <i class="kicon-star-empty"></i> <i class="kicon-tag"></i> /* mobile */ <i class="kicon-mob-menu"></i>
prev
Vorheriger Artikel
Vorfreude und Geduld
next
Nächster Artikel
Achtung Kopfsalat – von XML in XML mittels XSLT