**** Doppelposting ****
WS 3.0 Footer Box
-
-
-
Und wenn du die CSS anpasst für dein Steam-Icon wird dieser auch rund dargestellt, so wie bei den anderen auch.Voraussetzung du entfernst die Endungen -square
So einfach ist das leider nicht! Das "-square" hatte ich erst genutzt, als mir kein rundes Symbol für Steam angezeigt wurde. Und das passiert nun auch wieder, wenn ich nur den Code für das Steam-Icon nutze.
HTML<li class="boxIconsstyle4"><a class="boxSteam boxRounded" href="https://steamcommunity.com/groups/compiware/" target="_blank" data-tooltip="CompiWare auf Steam"><span class="icon icon48 fa-steam"></span></a></li>
Das Ergebnis sieht dann so aus:
Box_Steam.pngUnd nun machen wir dein Steam-Icon rund
Ich probiere das mal aus.
Jetzt müssen die Symbole nur noch links ausgerichtet und nebeneinander stehen.
-
Klappt leider nicht. Habe den Code in den Stil eingetragen und der HTML Code in der Box sieht nun so aus:
HTML<li class="boxIconsstyle4"><a href="https://steamcommunity.com/groups/compiware/" target="_blank" data-tooltip="CompiWare auf Steam"><span class="icon icon48 fa-steam"></span></a></li>
Das Symbol ist allerdings noch immer nicht rund...
-
Jetzt müssen die Symbole nur noch links ausgerichtet und nebeneinander stehen.
SimsalaGrimm.... -
Klappt leider nicht. Habe den Code in den Stil eingetragen und der HTML Code in der Box sieht nun so aus:
hmm...war nicht ganz richtig von mir
So sollte es aussehen
-
Ah, jetzt klappt es. Nun werde ich nur noch etwas mit der Farbe spielen.
-
Ah, jetzt klappt es. Nun werde ich nur noch etwas mit der Farbe spielen.
Pass auf das Meister Eder dich nicht dabei erwischt.
-
Wird er nicht...
Danke dir nochmals - auch für deine Geduld! -
Außerdem wird mir der Tooltip nicht angezeigt, wenn ich über einen Button fahre.
Das müsste auch so aussehen:
HTML<li class="boxIconsstyle4"><a href="https://steamcommunity.com/groups/compiware/" target="_blank" class="jsTooltip" title="CompiWare auf Steam"><span class="icon icon48 fa-steam"></span></a></li>
Sprich du musst zu dem a Element noch die Klasse jsTooltip hinzufügen und den anzuzeigenden Text im Attribut title definieren. Das data-tooltip wird automatisch vom JavaScript das die Tooltip Funktionalität bereitstellt generiert und befindet sich daher nur im fertig gerenderten Layout.