Smilies - my little forum

Hallo allerseits,

ich finde die 6 Standardsmilies, optisch gesehen, absolut grässlich. Viel zu pixelig. Daher habe ich sie mal neu gezeichnet, und weil ich SVG-Fan bin und schon seit zahllosen Browsergenerationen nichts mehr gegen den Einsatz von SVG spricht, habe ich das in SVG gemacht.

[image]

Dummerweise kann MLF gar kein SVG. Es müssen aber nur zwei Zeilen in
/includes/admin.inc.php angepasst werden:
1396: if (preg_match('/\.(gif|png|jpg|svg)$/i', $file)) {
1453: if (preg_match('/\.(gif|png|jpg|svg)$/i', $smiley_file)) {

Würde mich freuen, wenn das in der nächsten Version von MLF übernommen werden würde. Und wenn nicht, möchte es vielleicht trotzdem irgendein Forenadmin wie gezeigt nutzen.

Den Code der 6 SVG-Dateien hänge ich als 6 Antworten an dieses Posting an

Martin

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".9" cx="5"  cy="4"/>
 <circle r=".9" cx="9" cy="4"/>
 <path d="M3,9 A6,8,0 0,0 11,9"/>        <!-- smile -->
</g>
</svg>

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".9" cx="5"  cy="4"/>
 <circle r=".9" cx="9" cy="4"/>
 <path d="M3,9 A6,8,0 0,1 11,9"/>        <!-- frown -->
</g>
</svg>

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <line x1="2" y1="5" x2="7" y2="4" /> <!-- wink -->
 <circle r=".9" cx="9" cy="4"/>
 <path d="M3,9 A6,8,0 0,0 11,9"/>
</g>
</svg>

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".7" cx="5"  cy="4"/>
 <circle r=".7" cx="9" cy="4"/>
 <path d="M3,8 A4,4,0 0,0 11,8z" fill="#FFF"/>  <!-- grin -->
</g>
</svg>

Hier folgt "Neutral.svg":

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".9" cx="5"  cy="4"/>
 <circle r=".9" cx="9" cy="4"/>
 <line x1="3" y1="10" x2="11" y2="10" /> <!-- neutral -->
</g>
</svg>

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".7" cx="5"  cy="4"/>
 <circle r=".7" cx="9" cy="4"/>
 <path d="M5,8 A4,45,0 0,0 9,8z" fill="#F00"/>   <!-- tongue -->
</g>
</svg>

So, das waren die Standardsmilies. Für mein eigenes Forum werde ich wahrscheinlich in ein paar Tagen noch ein paar weitere erstellen.

Hallo,

Es müssen aber nur zwei Zeilen in
/includes/admin.inc.php angepasst werden:

Ich habe die SVG-Extension im regulären Ausdruck hinzugefügt (an drei Stellen).

Viele Grüße
Micha

--
applied-geodesy.org - OpenSource Least-Squares Adjustment Software for Geodetic Sciences

Tags:
Smilies, Images, SVG

Ich habe die SVG-Extension im regulären Ausdruck hinzugefügt (an drei Stellen).

Hm, sorry, die Änderung an Zeile 1008 kann ich nicht nachvollziehen. Ich verwende Version 2.4.13, hast du die Änderung an der nächsten, noch nicht veröffentlichten Version vorgenommen, wo es noch weitere Änderungen gibt? Oder habe ich beim letzten Update etwas falsch gemacht?

Übrigens, es wäre toll, wenn auch Bilder Uploads und Avatare SVG beherrschen würden.

Martin

Hi Martin,

Hm, sorry, die Änderung an Zeile 1008 kann ich nicht nachvollziehen.

Die müsste für die Verwaltung der Bilder sein, die User hochladen dürfen - das betrifft also nicht die Smilies, ich habe hier SVG aber schon mal hinzugefügt.

Ich verwende Version 2.4.13, hast du die Änderung an der nächsten, noch nicht veröffentlichten Version vorgenommen, wo es noch weitere Änderungen gibt?

Ja, es gab zwischenzeitlich bereits ein Update der php Datei, die in der nächsten Version dann mitkommt.

Oder habe ich beim letzten Update etwas falsch gemacht?

Vermutlich nicht.

Übrigens, es wäre toll, wenn auch Bilder Uploads und Avatare SVG beherrschen würden.

Das habe ich mir schon gedacht ;-) Ich habe mich mit SVG noch nicht beschäftigt aber es besteht die Möglichkeit JavaScript in den Files einzubauen und das könnte - ohne das ich das näher untersucht habe - ein Sicherheitsrisiko darstellen. Meine Hoffnung ist, das Auge hier mehr Ahnung hat als ich und Dir hier etwas fundiertes sagen kann. Wenn es keine Bedenken gibt, nehmen wir es sicher gern als Anregung mit. In der admin.inc.php ist es jetzt zwar bereits drin aber diese Datei erfordert ja besondere Nutzerrechte, sodass es hier unkritisch sein sollte.

Das Thema SVG solltest Du ggf. mit Auge vertiefen. Er hat sogar ein Repository für SVG-Graphiken für das Forum. Vielleicht könnte Ihr da beide eine gemeinsame Plattform nutzen.

Viele Grüße
Micha

--
applied-geodesy.org - OpenSource Least-Squares Adjustment Software for Geodetic Sciences

Hallo Milo, hallo Martin (und alle anderen)

Hm, sorry, die Änderung an Zeile 1008 kann ich nicht nachvollziehen.

…

Ich verwende Version 2.4.13, hast du die Änderung an der nächsten, noch nicht veröffentlichten Version vorgenommen, wo es noch weitere Änderungen gibt?

Ja, es gab zwischenzeitlich bereits ein Update der php Datei, die in der nächsten Version dann mitkommt.

Vermutlich wundert sich Martin darüber, dass das Milestone-Label "2.4.13" heißt (besser: hieß), obwohl der Code nicht in der Version 2.4.13 enthalten ist. Ich habe die Angabe des Milestones soeben auf 2.4.14 geändert, nachdem ich den Milestone angelegt habe.

Übrigens, es wäre toll, wenn auch Bilder Uploads und Avatare SVG beherrschen würden.

Das habe ich mir schon gedacht

Hehe, das ist ja auch folgerichtig.

Ich habe mich mit SVG noch nicht beschäftigt aber es besteht die Möglichkeit JavaScript in den Files einzubauen und das könnte - ohne das ich das näher untersucht habe - ein Sicherheitsrisiko darstellen. Meine Hoffnung ist, das Auge hier mehr Ahnung hat als ich und Dir hier etwas fundiertes sagen kann.

Damit, dass man SVGs direkt JavaScript-Code mitgeben kann, habe ich mich bisher nicht beschäftigt. Mir ist allerdings bewusst, dass man SVG-Grafiken mit JS manipulieren kann. Wie man JS-Code aus hochgeladenen SVG-Dateien zuverlässig herausfiltern könnte, weiß ich auch nicht so recht. Ich kann mir vorstellen, mit einer Kombination aus DOM-Funktionen und strip_tags zu arbeiten. Aber ob wir das wirklich zuverlässig oder eben doch nur unvollständig hinkriegen, steht auf einem anderen Blatt.

Wenn es keine Bedenken gibt, nehmen wir es sicher gern als Anregung mit. In der admin.inc.php ist es jetzt zwar bereits drin aber diese Datei erfordert ja besondere Nutzerrechte, sodass es hier unkritisch sein sollte.

Bei den Funktionen, die nur der Admin ausführen kann, sollte man davon ausgehen können, dass der sich nicht selbst schaden will. Das heißt nicht, dass er das nicht doch tut, auch wenn das nur aus Unwissenheit geschieht. Bei mitgelieferten SVG-Smilies sollte das tatsächlich kein Problem darstellen, aber alles, was der Admin selbst hochlädt, sollte eine Prüfung stattfinden, wie sie auch bei von Benutzern hochgeladenen Inhalten fällig wäre.

Das Thema SVG solltest Du ggf. mit Auge vertiefen. Er hat sogar ein Repository für SVG-Graphiken für das Forum. Vielleicht könnte Ihr da beide eine gemeinsame Plattform nutzen.

Ich bin nicht abgeneigt, auch Smilies in das nämliche SVG-Repo aufzunehmen.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

Hallo,

Wie man JS-Code aus hochgeladenen SVG-Dateien zuverlässig herausfiltern könnte, weiß ich auch nicht so recht. Ich kann mir vorstellen, mit einer Kombination aus DOM-Funktionen und strip_tags zu arbeiten. Aber ob wir das wirklich zuverlässig oder eben doch nur unvollständig hinkriegen, steht auf einem anderen Blatt.

Eben. Ich halte das für keine Idee. Entweder es gibt eine zuverlässigen Mechanismus oder eben nicht. Ich würde hier ungern selbst frickeln. Bei JPEG haben wir ja auch das Problem und lösen mit der PHP-Funktion zuverlässig. Aber wie gesagt, ich stecke zu wenig in der Thematik und wollte es nur erwähnt haben. ;-)

aber alles, was der Admin selbst hochlädt, sollte eine Prüfung stattfinden, wie sie auch bei von Benutzern hochgeladenen Inhalten fällig wäre.

Das passiert auch jetzt schon nicht. Der Admin lädt die Smilies schließlich über FTP hoch und nicht über das Forum selbst. Wenn ein Admin über die normale Bilderuploadfunktion nutzt, durchläuft er afaik die Routine des normalen Nutzers. Solltest Du in meiner Änderung an der dritten Stelle dennoch Bedenken haben, entferne svg einfach wieder. ;-)

/Micha

--
applied-geodesy.org - OpenSource Least-Squares Adjustment Software for Geodetic Sciences

Hallo

aber alles, was der Admin selbst hochlädt, sollte eine Prüfung stattfinden, wie sie auch bei von Benutzern hochgeladenen Inhalten fällig wäre.

Das passiert auch jetzt schon nicht. Der Admin lädt die Smilies schließlich über FTP hoch und nicht über das Forum selbst.

An der Stelle sind wir so oder so raus. Darauf, was der Admin dort "versaut", haben wir eh keinen Einfluss.

Wenn ein Admin über die normale Bilderuploadfunktion nutzt, durchläuft er afaik die Routine des normalen Nutzers. Solltest Du in meiner Änderung an der dritten Stelle dennoch Bedenken haben, entferne svg einfach wieder.

Nein, ich habe diesbezüglich keinerlei Bedenken.

Tschö, Auge

--
Trenne niemals Müll, denn er hat nur eine Silbe!

Ich bin nicht abgeneigt, auch Smilies in das nämliche SVG-Repo aufzunehmen

Du darfst gerne meine hier veröffentlichten Bilder dazu benutzen. Vielleicht willst Du sie vom Style her an deine anderen Images anpassen. Letztlich ist es ja egal, ob SVG ober PNG, Hauptsache, die derzeitigen, pixeligen Smileys verschwinden ;-)

Martin

Ich habe mich mit SVG noch nicht beschäftigt aber es besteht die Möglichkeit JavaScript in den Files einzubauen und das könnte - ohne das ich das näher untersucht habe - ein Sicherheitsrisiko darstellen.

Wie aus der von dir genannten Quelle hervorgeht, ist es nicht möglich, JavaScript auszuführen, wenn das SVG per <img> eingebunden wird. Daher besteht auch kein Risiko.

Martin

Hallo Martin,

der Nutzer könnte das Bild aus dem Forum aber auch direkt im Browser betrachten, was passiert dann? Ich finde zumindest mit ein wenig googeln Quellen, die meine Bedenken zumindest nicht so einfach wegwischen, wie Du es tust. Aus diesem Grund werde _ich_ es nicht implementieren, solange ich nicht das Gefühl habe, dass es wirklich keine Bedenken gibt.

Bei den Smilies sehe ich das anders, da es ein Adminfeature ist und der üblicherweise sein Forum nicht selbst zerlegen möchte. Und sollte er das dennoch wollen, sicher bessere Wege nutzen würden...

Viele Grüße
Micha

--
applied-geodesy.org - OpenSource Least-Squares Adjustment Software for Geodetic Sciences

So, ich habe noch 4 weitere Smilies erstellt. Keine Ahnung, ob sie hier in der nächsten Version einfließen sollen oder nicht. Falls ja, würde ich auf Wunsch entsprechende Weitere erstellen (welche?), für mein Forum ist das jedenfalls mehr als ausreichend.

ups.svg
Code: :O

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <circle r=".9" cx="5" cy="4"/>
 <circle r=".9" cx="9" cy="4"/>
 <circle r="2.5" cx="7" cy="10" style="fill:#000"/>
</g>
</svg>

love.svg

Code:
:love:

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FF0; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <circle r="7" cx="7" cy="7"/>
 <path d="M4.5,3 a.8,1,0 0,0 -2,2 l2,2 l2,-2 a.8,1,0 0,0 -2,-2" style="fill:#F00"/>
 <path d="M9.5,3 a.8,1,0 0,0 -2,2 l2,2 l2,-2 a.8,1,0 0,0 -2,-2" style="fill:#F00"/>
 <path d="M3,9 A6,8,0 0,0 11,9"/>        <!-- smile -->
</g>
</svg>

Der Kackhaufen muss natürlich auch sein ;)

shit.svg
Code:
:shit:

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
 <g style="fill:#864; stroke:#210; stroke-width:.7" transform="translate(1,1)">
  <circle r="2" cx="8" cy="2"/>
  <rect x="0" y="10" width="14" height="4" rx="2"/>
  <g transform="translate(.5,-.7) rotate(10)">
   <rect x="2" y="6" width="12" height="4" rx="2"/>
   <rect x="4" y="2" width="8" height="4" rx="2"/>
  </g>
 </g>
 <g style="fill:#FFF; stroke:#000; stroke-width:.7" transform="translate(1,1)">
  <circle r="1" cx="5" cy="4"/>
  <circle r="1" cx="9" cy="4"/>
   <path d="M3,9 A6,8,0 0,0 11,9"/>
 </g>
</svg>

Ein Like, ähnlich dem Facebook-Like

like.svg
Code:
:like:

<!DOCTYPE svg>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
<g style="fill:#FFF; stroke:#000; stroke-width:.7" transform="translate(1,1)">
 <path d="M4,6 a2,3,0 0,0 2,-4 a1,1,0 1,1 3,0 v3 h3 a2,1,0 1,1 0,2 a2,1,0 1,1 0,2 a1.8,1,0 1,1 0,2 a1.5,1,0 1,1 0,2 h-6 l-2,-2"/>
 <rect x="0" y="5" width="4" height="8" style="fill:#00F"/>
</g>
</svg>

RSS Feed of thread

my little forum

Smilies (General)

Smilies - smile.svg

Smilies - frown.svg

Smilies - wink.svg

Smilies - biggrin.svg

Smilies - neutral.svg

Smilies - tongue.svg

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

SVG files for Smilies - added to git

Smilies - ups.svg

Smilies - love.svg

Smilies - shit.svg

Smilies - like.svg