Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Social Media Icons einfügen
#1
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?
Zitieren
#2
(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.
Zitieren
#3
SUPER, ich danke Dir! Smile
Zitieren
#4
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
Zitieren
#5
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
Zitieren
#6
(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.
[Bild: banner.png]

Bitte die Foren-Regeln beachten und im Profil die verwendete MyBB-Version angeben.
Zitieren
#7
(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!
Zitieren
#8
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.
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Social media und anderes Dante 12 3.645 18.04.2016, 00:12
Letzter Beitrag: Dante