MyBB.de Forum
Social Media Icons einfügen - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Social Media Icons einfügen (/thread-36650.html)



Social Media Icons einfügen - OTF - 23.07.2019

Moin,

folgendes Vorhaben.

Im Nav-Bereich hätte ich gerne neben der bestehenden linksbündigen h1 Überschrift, noch ein paar kleinere rechtsbündige Social Media Icons mit integriertem Link zu den betreffenden Seiten eingebaut.

Wie stelle ich das am besten an?


RE: Social Media Icons einfügen - itsmeJAY - 23.07.2019

(23.07.2019, 19:56)OTF schrieb: Wie stelle ich das am besten an?

Naja, am besten dem ganzen eine neue Klasse/ID zuweisen und per CSS ausrichten..

oder folgendes in das <h1> Element packen nach der Überschrift:

Code:
<a style="float: right;" href="https://www.facebook.com">
<img src="[...]" alt="Foto" height="32px" width="32px" style="margin-left: .5rem">
</a>

<a style="float: right;" href="https://www.instagram.com">
<img src="[...]" alt="Foto" height="32px" width="32px" style="margin-left: .5rem">
</a>



Dann musst du die css nicht anpassen... icons sind von iconfinder, ggf. musst du die noch anpassen.


RE: Social Media Icons einfügen - OTF - 23.07.2019

SUPER, ich danke Dir! Smile


RE: Social Media Icons einfügen - itsmeJAY - 23.07.2019

jo, wie gesagt.. evtl. solltest du es IN das h1 Element packen (also noch vor </h1>) damit es auf der gleichen Höhe wie die Überschrift ist.

Gute Nacht


RE: Social Media Icons einfügen - OTF - 23.07.2019

Ja das wäre auch ne Möglichkeit, obwohl so wie es jetzt ist, sieht es auch nicht gerade Schxxxxe aus.

Danke nochmals und Gute N8


RE: Social Media Icons einfügen - StefanT - 24.07.2019

(23.07.2019, 22:47)itsmeJAY schrieb: Dann musst du die css nicht anpassen... icons sind von iconfinder, ggf. musst du die noch anpassen.
Ich habe die Icons leider entfernen müssen. Einerseits ist mir unklar, ob Icons direkt von einem kommerziellen Dienst eingebunden werden dürfen und anderseits verstößt du klar gegen die Lizenz der Icon-Packs (CC BY 3.0):
Zitat:Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.



RE: Social Media Icons einfügen - itsmeJAY - 24.07.2019

(24.07.2019, 10:40)StefanT schrieb:
(23.07.2019, 22:47)itsmeJAY schrieb: Dann musst du die css nicht anpassen... icons sind von iconfinder, ggf. musst du die noch anpassen.
Ich habe die Icons leider entfernen müssen. Einerseits ist mir unklar, ob Icons direkt von einem kommerziellen Dienst eingebunden werden dürfen und anderseits verstößt du klar gegen die Lizenz der Icon-Packs (CC BY 3.0):
Zitat:Attribution — You must give appropriate credit, provide a link to the license, and indicate if changes were made.

Verstehe ich. Alles gut!


RE: Social Media Icons einfügen - OTF - 24.07.2019

Es ist nix passiert. ItsmeJAY hat mir blos was anschaulich demonstrieren wollen.

Keine Sau brauchte deren Bildchen. Ich habe andere Icons aus dem root heraus verlinkt.