Twitter mit X-Symbol

Creator Share-Buttons aufbohren (CSS )

Twitter heisst jetzt X - beim Jimdo Creator ist allerdings noch das Vögelchen aktiv... Hier gibt es eine Font-Datei, die offenbar noch nicht aktualisiert wurde. Das Problem wurde gemeldet, aber bis es soweit ist, gibt es hier einen "Hack":  Mit der unten stehenden CSS-Datei wird das Twitter-Icon aus den Font ausgeblendet  und durch ein SVG-Image erstezt. 

32px

64px


Download CSS (free):

Einbinden im head-Bereich der Webseite:

  • https://cms.e.jimdo.com/app/.../.../sa/settings/head?cmsEdit=1
  • diesen Link kopieren und einsetzen:

<link type="text/css" href="https://u.jimcdn.com/cms/o/s5fbc0fab065e97c2/userlayout/css/twitter-x-logo.css" media="all" rel="stylesheet" />

 


SVG-Images (verschiedene Varianten)

 

Das Dateiformat Scalable Vector Graphics wird meist mit SVG abgekürzt und ist ein Web-freundliches Grafikformat zur Beschreibung zweidimensionaler Vektorgrafiken (https://www.adobe.com/de/creativecloud/file-types/image/vector/svg-file.html).

Leider können SVG-Dateien nicht direkt auf eine Jimdo-Seite hochgeladen werden. Daher benötigt man externen Webspace, wenn man SVG-Bilder ausserhalb des Content-Bereiches verwenden will. Innerhalb des Content-Bereiches kann man den html-Code der Grafik in ein html-Widget setzen.

 

SVG-Image (html) in html-Widget
x-svg SVG-Image (img) in html-Widget

Bildbeschreibung 

SVG-Image (img) in Textelement


 

<img src="https://redesign-berlin.lima-city.de/__test/all-blogdesigns/twitter-x-logo-black-square.svg" width="100%" alt="x-svg" />