|
|||
Social Media Icons in bestehendem XML-Template hinzufügen
hallo zusammen,
ich verwende seit einigen monaten ein bestehendes xml template für eine website (hier). bisher habe ich die meisten ändernungen und personalisierungen einigermaßen gut hinbekommen. gerade hänge ich aber gerade ein wenig an dem hinzufügen von neuen icons für diverse social-media-kanäle. folgendes ist der aktuelle stand im template: - die social-media-icons werden zu beginn definiert als ".icon-instagram a" und eine weitere hover-variante "..icon-instagram a:hover". - die verschiedenen icons werden aus der bilddatei hier importiert - in einem nächsten schritt wird die unterscheidung zwischen normalem icon und der hover-variante vorgenommen und die position aus dem bild festgelegt HTML-Code:
/* Instagram */ .icon-instagram, .icon-instagram a { background-position:-32px bottom; } .icon-instagram:hover, .icon-instagram a:hover { background-position:-32px top; } HTML-Code:
<li class='icon-instagram'> <a href='http://instagram.com/vegetarian_diaries'>Instagram</a> </li> habe ich das soweit richtig verstanden? wie gehe ich jetzt am besten vor, wenn ich weitere icons hinzufügen möchte? wäre eine (gute) möglichkeit einfach eine neue referenz-icon-datei anzulegen und hochzuladen, in der die entsprechenden neuen icons einfach mit inbegriffen sind. dann müsste man an entsprechender stelle "nur" die neuen bezeichnungen hinzufügen (?) oder gibt es eine einfache möglichkeit nur ein zusätzliches icon + verlinkung einzubinden (direkt in der liste?) freue mich über anregungen und besten dank schon mal! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Social icons lassen fixed navbar verschwinden? | Smoke | CSS | 5 | 21.04.2014 16:31 |
Berater (m/w) Social Media | JAP | Jobs | 1 | 20.01.2014 22:55 |
Online Marketing Manager (m/w) SEA/SEO und Social Media | JAP | Jobs | 0 | 07.12.2013 15:41 |
Einbinden von Social Media Buttons in HTML5-Dokument | herb3472 | (X)HTML | 35 | 16.06.2013 22:07 |