Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.14 veröffentlicht (30.11.17)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Icon im Header-Link einfügen
#1
Nabend zusammen

hab mal ne kleine Frage  da ich gerade versuche einen Facebook Folgen Link im Header einzubauen.

Mein Problem ist das ich zwar den Link in das Menü von Header bekomme aber das Icon nicht.

In der Header Tample habe ich folgenden Code eingefügt

Code:
<li><a href=" https://www.facebook.com/Angel-Juenger-148701282423543 class="facebook"> Folge uns auf Facebook </a></li>

Damit wird auch der Link zur Seite angezeigt.

In der Stylesheet für global.css habe ich

Code:
#logo ul.top_links a.facebook {
background: url(images/facebook.png) center left no-repeat;
}

eingefügt aber das Icon wird nicht angezeigt.


Hab es auch schon mit den Codes hier getestet:
Code:
</a>
  </span>
  <span class="facebook">
      <a href=" https://www.facebook.com/Angel-Juenger-148701282423543">
          Folge uns auf Facebook
      </a>


Code:
}
.social .facebook a {
  background: rgba(0, 0, 0, 0) url("http://mybb.github.io/mybb.com/assets/images/facebook.png") no-repeat scroll left center;
}

Finde nur die zwei Möglichkeiten zu dem Thema. Kann mir jemand sagen wo der Fehler ist? 

mfg
Zitieren
#2
ich fang mal mit einer ganz dummen Frage an Wink

Die Grafik images/facebook.png existiert und liegt auch in diesem Verzeichnis?
schönen Gruß
bv64 / Lu
Zitieren
#3
Ja ist in 16x16px im Ordner Images wo alle Grafiken drin sind vorhanden das ist ja das komische Big Grin
Zitieren
#4
Machs mal so

Code:
#logo ul.top_links a.facebook {
    background-position: 0 0;
    background-image: url(images/facebook.png);
    background-repeat: no-repeat;
}

statt so

Code:
#logo ul.top_links a.facebook {
background: url(images/facebook.png) center left no-repeat;
}
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#5
Jo danke hat geklappt
Zitieren