Social Media Icons einfügen

23.07.2019, 20:56

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?

itsmeJAY · 23.07.2019, 23:47

(23.07.2019, 20: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.

24.07.2019, 00:26

SUPER, ich danke Dir! Smile

itsmeJAY · 24.07.2019, 00:30

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

24.07.2019, 00:46

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

StefanT · 24.07.2019, 11:40

(23.07.2019, 23: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.

itsmeJAY · 24.07.2019, 12:16

(24.07.2019, 11:40)StefanT schrieb:
(23.07.2019, 23: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!

24.07.2019, 19:13

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.