WS 3.0 Footer Box

    • Pacco schrieb:

      Discord Button optional hinzugefügt
      Leider gibt es kein Font Awesome Symbol dafür - oder besser, es wurde erst mit V5.0.0 eingeführt. Aber die Version wird nicht vom WSC unterstützt. :(

      Nun dachte ich mir, ich nutze die Grafik, die du mitlieferst, aber damit sieht meine Social Bar gar nicht gut aus...



      In der Box nutze ich folgenden Code dafür:

      HTML-Quellcode

      1. <div class="boxFooterSocial">
      2. <ul class="boxFooterSocialIcon48">
      3. ...
      4. <li class="boxIconsstyle4"><a href="https://steamcommunity.com/groups/compiware/" rel="nofollow" target="_blank" class="jsTooltip" title="CompiWare auf Steam"><span class="icon icon48 fa-steam-square"></span></a></li>
      5. <li class="boxIconsstyle4"><a href="https://discord.gg/tUM5h92" rel="nofollow" target="_blank" class="jsTooltip" title="CompiWare in Discord"><span class=""><img src="https://www.compiware-forum.de/images/discord.png" style="width: 32px; height: 32px;"></span></a></li>
      6. </ul>
      7. </div>

      Hat jemand einen Tipp für mich, wie ich das mit dem Discord Icon besser hinbekomme? ?(
    • PoooMukkel schrieb:

      Leider gibt es kein Font Awesome Symbol dafür - oder besser, es wurde erst mit V5.0.0 eingeführt. Aber die Version wird nicht vom WSC unterstützt.
      Ja, da gebe ich dir recht. ;) Da muss dringend nachgebessert werden. Die Version 4.7.0 ist schon etwas älter :(

      Ich habe für dich mal was in der Holzwerkstatt geschnitzt. Evtl.kannst du es ja noch verbessern. ;)


      Um die Höhe anzupassen habe ich dem span eine Klasse gegeben und das Bild auf deine Grösse angepasst

      HTML-Quellcode

      1. <span class="discord-square">
      2. <img class=" lazyunload lazyloaded" data-src="http://....
      3. style="width: 48px; height: 48px;

      CSS:

      CSS-Quellcode

      1. .boxIconsstyle4 .discord-square img {
      2. margin-bottom: 19px;
      3. }
      Bilder
      • disord-square3.png

        5,07 kB, 227×222, 8 mal angesehen
      Mit freundlichen Grüßen

      Pacco
    • PoooMukkel schrieb:

      Pacco schrieb:

      Ich habe für dich mal was in der Holzwerkstatt geschnitzt. Evtl.kannst du es ja noch verbessern.
      Habe das Logo noch ein wenig bearbeitet und nun sieht das Ganze gut aus. Super. Ich danke dir vielmals! :)

      Hi @PoooMukkel,

      jetzt wirkt das Symbol von Discord recht unscharf auf der Seite. Habe mal was gebastelt guck mal ob das besser wirkt :)

      Wenn du noch eine höhere Auflösung brauchst sag bescheid.


      Grüße
      There are only 10 types of people in the world: Those who understand binary, and those who don't.