Freifunk-Styles

Aus wiki.freifunk.net

Wechseln zu: Navigation, Suche

Hier sammeln wir Informationen zu den Stylesheets für Freifunk, die auf verschiedenen Systemen genutzt werden. Bitte ladet CSS und Themes z.B. von eurem Wordpress, Joomla, Drupal, Plone, Mediawiki usw. unter dem Link Hochladen in das Wiki und verlinkt sie hier.

[Bearbeiten] Vorschlag NEU

Mit der bisherigen Version gibt es zwei Probleme, bzw. ein Problem und ein nerviger Punkt den man bei der Gelegenheit auch gleich fixen kann:

Der verwendete Font Helvetica ist nicht frei. Im SVG wird zwar nur die Font-Family Helvetica referenziert - aber eine unfreie Referenz ist letztendlich nicht wirklich viel besser. Sinnvoll wäre wohl das passende freie Äquivalent zu referenzieren. Liberation Sans Narrow scheint dem am nächsten zu kommen.
Die Komponenten der Farben sind drei mal um einen einzigen Punkt, einmal um 5 Punkte vom nächsten 12-Bit Farbton entfernt. Für das menschliche Auge ist das kein Unterschied - im Fall von geringeren Farbauflösungen muss man die Farbwerte aber anpassen. Sinnvoll wäre wohl gleich die nächsten 12-Bit Farbtöne zu verwenden.

[Bearbeiten] Freifunk-Farben

:-)	Freifunk-Gelb color: #FFB400
:-)	Freifunk-Gelb color: #FFCB05
:-)	Freifunk-Magenta color: #dc0067

Vorschlag NEU:

:-)	Freifunk-Gelb color: #FFCC00
:-)	Freifunk-Magenta color: #dd0066
:-)	Freifunk-Schwarz color: #000000

Freifunk-Font: Liberation Sans Narrow, Bold

[Bearbeiten] Logos

Gif-Logos zum Download als zip

Logo_ffn_85x82.gif

Logo_ffn_120x115.gif

Logo_ffn_170x165.gif

Logo im SVG-Format

Folgende Sourcecode im Texteditor öffnen, den Quelltext per C&P in eine neue Datei einfügen und als freifunk.svg speichern. Ergebnis siehe oben.

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dc0067" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcb05" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcb05" />
  <text x="55" y="100" text-anchor="middle" style="font-family:helvetica; font-size:18px; font-weight:bold">
    freifunk.net
  </text>
</svg>

Vorschlag NEU:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dd0066" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcc00" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcc00" />
  <text x="55" y="100" text-anchor="middle" style="font-family:Liberation Sans Narrow; font-size:22px; font-weight:bold">
    freifunk.net
  </text>
</svg>