+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: MyBB 1.8.x (https://www.mybb.de/forum/forum-87.html)
+--- Forum: Allgemeiner Support (https://www.mybb.de/forum/forum-88.html)
+--- Thema: Icon im Header-Link einfügen (/thread-35211.html)
Icon im Header-Link einfügen - lenox - 27.11.2017
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
RE: Icon im Header-Link einfügen - bv64 - 27.11.2017
ich fang mal mit einer ganz dummen Frage an
Die Grafik images/facebook.png existiert und liegt auch in diesem Verzeichnis?
RE: Icon im Header-Link einfügen - lenox - 27.11.2017
Ja ist in 16x16px im Ordner Images wo alle Grafiken drin sind vorhanden das ist ja das komische
RE: Icon im Header-Link einfügen - MrBrechreiz - 27.11.2017
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;
}RE: Icon im Header-Link einfügen - lenox - 28.11.2017
Jo danke hat geklappt
RE: Icon im Header-Link einfügen - lenox - 30.01.2018
Nabend zusammen hätte noch mal ne frage bezüglich Icon einfügen.
Und zwar geht es um mein Drop Down Menü in meinem Theme für die Links zum ACP ,MCP und den Benachrichtigungen.
Ich habe im welcomeblock_member template
Code:
<li><a href="{$mybb->settings['bburl']}/alerts.php"><img src="images/usercp/bell.png" alt="Benachrichtigungen"> {$myalerts_headericon} </a></li>
und
<li><a href="{$mybb->settings['bburl']}/alerts.php"><img src="images/JAMPS-White-Orange-V2-By-XEDE/varios/opciones1.png" alt="ACP"> {$admincplink} </a></li>eingefügt allerdings werden die Icons dann immer über dem Text angezeigt.
Kann man die Icons neben den {$admincplink} , {$myalerts_headericon} und {$modcplink} codes überhaupt so vorsetzen?
Habe auch
Code:
<li><a href="{$mybb->settings['bburl']}/misc.php?action=markread{$post_code_string}"><img src="images/JAMPS-White-Orange-V2-By-XEDE/temas1a.png" alt="Themen read">{$lang->bottomlinks_markread}</a></li>eingefügt da geht es ohne probleme.
lg