zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Social Media Icons in bestehendem XML-Template hinzufügen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.11.2014, 22:49
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.11.2014
Beiträge: 1
arnee befindet sich auf einem aufstrebenden Ast
Standard 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;
}
- für das tatsächliche erscheinen auf der website, wird dann an entsprechender stelle eine liste mit passender externen verlinkung vorgenommen:
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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.11.2014, 09:36
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

erweiter das Bild mit den Icons doch einfach um weitere Icons. Dann brauchst du keine zweite Datei laden.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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 kimjob Jobs 1 20.01.2014 22:55
Online Marketing Manager (m/w) SEA/SEO und Social Media kimjob Jobs 0 07.12.2013 15:41
Einbinden von Social Media Buttons in HTML5-Dokument herb3472 (X)HTML 35 16.06.2013 22:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:27 Uhr.