Homepage -> [YouTube, Twitsch, Facebook] [HTML]

Dr. Frauenarzt · 28. August 2019

HTML

.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}


.faico a{color:#FFFFFF; background-color:#00d0fa/* #A2B70D */;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-instagram:hover{background-color:#8a3ab9;}
.faicon-youtube:hover{background-color:#FF0000;}
.faicon-twitch:hover{background-color:#6441a5;}

Alles anzeigen

Hey,

Kurze frage möchte die Icons ansehn lassen wie normale Icons wie die normal sind.
Das Problem ist ich muss den die Farbe zuweisen:

HTML

.faico a{color:#FFFFFF; background-color:#00d0fa/* #A2B70D */;}

Das Die Icons dann Sichtbar sind? ist das nicht anders möglich?

Cr3ed · 28. August 2019

Was genau machst du jetzt? Nutzt du sowas wie Font Awesome für die Icons oder sind das eigene svg Dateien?

Und hast du mal Bilder vom aktuellen Stand und wie es aussehen sollte?

Dr. Frauenarzt · 28. August 2019

Ich nutze dafür keine Bilder oder sonst der gleichen.

HTML

<footer>
          <ul class="faico clear">
			<li><a class="faicon-twitch" href="LINK"><i class="fa fa-twitch"></i></a></li>
            <li><a class="faicon-youtube" href="LINK"><i class="fa fa-youtube"></i></a></li>
          </ul>
        </footer>

So füge ich das ein das ich die Icons davon habe.

Cr3ed · 28. August 2019

Du nutzt wohl noch Font Awesome 4.

Und das aktuelle Problem ist, würdest du deine selbst geschriebenen Klassen nicht einsetzen wären die icons nicht sichtbar richtig?
Wenn ja, dann schau mal ob du eventuell was ausblendest was die klasse fa betrifft.

Sind die Icons GAR NICHT sichtbar oder siehst du so ein kasten?

Dr. Frauenarzt · 28. August 2019

Kasten ist unsichtbar wen ich mit der maus drauf gehe dann ja

//E:

font-awesome.min.css heißt die datei

NV_Ben · 28. August 2019

Tag, wenn du noch Hilfe brauchst, schreib mich bitte auf Discord an. Ich helfe dir gerne weiter, nur wäre es hilfreich wenn wir kurz reden könnten oder du mir paar Screens zu sendest, damit ich besser nachvollziehen kann, was du dir wünschst.

Discord: Quoka#3281

Grüße

Dr. Frauenarzt · 28. August 2019

@NV_Ben

Discord Name funktioniert leider nicht. Danke für die Antwort.

breadfish.de 12. März 2022