[arnee]

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

/* Instagram */
.icon-instagram, .icon-instagram a {
  background-position:-32px bottom;
}
.icon-instagram:hover, .icon-instagram a:hover {
  background-position:-32px top;
}

- für das tatsächliche erscheinen auf der website, wird dann an entsprechender stelle eine liste mit passender externen verlinkung vorgenommen:

<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!

[leex279]

Hallo,

erweiter das Bild mit den Icons doch einfach um weitere Icons. Dann brauchst du keine zweite Datei laden.