Internet Forum / Hilfen für Einsteiger in HPM Foren

Smilies....

#1 von BOo°m , 04.01.2006 15:35

Die schönsten Smilies im ganzen Web direkt vom Macher !!

Die Fools House Smilies !

Dort findet man sogar eine gute Anleitung um Smilies selbst herzustellen...

Alle Foolshouse Smilies sind bereits auf auf HPM Server hochgeladen (zum entlasten der Foolshouse Site).
Komplette Auflistung aller Smilies. Achtung DSL Anbindung ist wegen der Menge an Smilies empfehlenswert!


Come as You are...... (Nirvana)


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 14.06.2006 | Top

RE: Smilies....

#2 von BOo°m , 21.03.2006 10:50

Smilies erfreuen sich inzwischen im gesamten Web einer großen Beliebtheit und haben eine Qualität erreicht die beinahe schon kleinen Filmen gleicht. Die Vielfalt ist inzwischen unüberschaubar geworden und oft reichen dem einen oder anderen User die paar wenigen Standardsmilies einfach nicht um den Postings eine persönliche Note oder unterhaltsamen Ausdruck zu verleihen.

Damit das Feld zum auswählen der Smilies nicht jeden vernünftigen Rahmen sprengt wäre es von Vorteil ein Feld in der Größe zu begrenzen und über einen normalen Standardsatz an Smilies hinaus die Restlichen dann durch eine Scrollmöglichkeit erreichbar zu machen.

Das geht bei den HPM-Foren relativ einfach wie man an nachfolgenden Beiträgen sehen wird.....




Zusätzliche Smilies als Forencode einbauen



Vorwort:
Ein "Forencode" ist so etwas wie ein Platzhalter der in den Beitrag getippt werden kann und dann einen vorher dazu definierten HTML-Befehl ausführt, das kann alles Mögliche sein was mit HTML machbar ist. Speziell bei der Anwendung als Forencode sind dem allerdings Grenzen gesetzt so das sehr komplexe HTML-Befehle oder Befehle welche die Tabelle manipulieren oft unangenehme Nebenerscheinungen hervorrufen können oder gar nicht machbar sind. Forencodes werden zum besseren Abgrenzen von anderen Textteilen im Allgemeinen in eckige Klammern gesetzt, das ist kein MUSS aber so wird die Gefahr verringert das ein ganz gewöhnlich benutztes Wort im Beitrag aus Versehen von der Boardsoftware als Forencode interpretiert wird und der dazu definierte HTML-Befehl ausgeführt wird anstatt das Wort ganz "normal" dazustellen.




Smilies austauschen - Eigene Smilies verwenden



Smilies:
Der Einsatz von selbsteingebauten Smilies ist unkritisch!

Ermöglicht wird der Einbau im Adminmenü: Admin -> Einstellungen -> Forumcodes/Smilies

Das Menü dazu sieht dann so aus:


Dieses Bild sagt eigentlich schon alles Wissenswerte.
Es zeigt wo der Forencode hineingehört, Beispiele dazu findet man in der gleichen Spalte in den Zeilen darunter.
Es zeigt wo die HTML-Definition hineingehört, Beispiele dazu findet man in der gleichen Spalte in den Zeilen darunter.
Wenn beide Felder ausgefüllt sind auf keinen Fall SPEICHERN vergessen!
Einen Forencode neu anzulegen geht nur Schritt für Schritt also Code für Code.........

Ein Forencode/Smilie der bereits vergeben ist wird auf diese Weise beim Speichern überschrieben also aufpassen das man sowas nicht ungewollt verursacht! Ein Forencode/Smilie welcher bereits in der Symbol-Bar zum anklicken definiert ist und dann bei den Forencodes fälschlicherweise mit einer anderen Grafik verknüpft ist als derjenige welcher in der Symbol-Bar gezeigt wird wirkt unprofessionell und kann den User verwirren oder gar verärgern...........

Wie die Zeile im Eingabefeld für die HTML-Definition bei Smilies auszusehen hat kann man zwar sehr gut in der Grafik bereits sehen aber für die User mit leichter Leseschwäche hier nocheinmal eine genaue Erläuterung:
<img src="Hier kommt die URL / der Pfad direkt zu der gewünschten Grafik/Smilie hin">

Der blaue Teil spricht für sich selbst und an diese Informtion gelangt man wenn man im Browser auf die gewünschte Grafik einen Rechtsklick macht und in dem darauf erscheinenden Menü Grafikadresse kopieren anwählt. Die Adresse ist dann im Zwischenspeicher und kann durch Einfügen an passender Stelle......na ? Wer weiss es?.......GENAU! ...eingefügt werden! Der Profi verwendet hierfür die Tastenkombination [STRG]&[v], auf englischen Tastaturen [CTRL]&[v]




Smilies zum Anklicken austauschen.........



Die als Forencode definierten Smilies können im Text/Beitrag direkt eingegeben werden. Das habt ihr ja, wenn ihr alles wie oben beschrieben gemacht habt schonmal geschafft.

Beispiel:
[hand] -> Ergebnis im Beitrag ist dann -> (in meinem Board hier!)

Der "gemeine" User in Foren ist aber von Haus aus sehr bequem und da ein Forum von Usern "lebt" lockt man diese nur hinein wenn man es ihnen so bequem wie möglich macht.

Wir machen dem User also Smilies zum anklicken!

Es wäre von Vorteil wenn man bei Veränderungen der Symbol-Bar ein Minimum an HTML-Kenntnissen mitbringt oder zumindest ein gewisses technisches Verständnis aufbringen kann.

Eine komplette Definition für einen Smilie in der Symbol-Bar - für das Standard-Template - sieht so aus:


<A HREF="javascript:returnTag('[smile]')"><img src="http://www.bilder-hochladen.net/files/78q-4a.gif" alt="[smile]" border=0 width="15" height="18"></A> 


Rot = Der definierte Forencode der bei einem Klick auf diese Grafik ausgelöst wird......

Blau = Die URL zum Bild welches nur in der Symbol-Bar angezeigt wird, sollte die gleiche URL sein welche bereits beim Forencode verwendet wurde......

Grün = Die Beschreibung des Forencodes, taucht auf wenn der Mauszeiger über der Grafik schwebt......

border=0 = Sollte IMMER auf 0 sein da sonst ein in praktisch allen Fällen unerwünschter Rahmen um die Smilies gezeigt wird..........

Orange = Die Breiten & Höhenangaben für den Smilie. Diese sollte im günstigsten Fall den Werten der Originalgrafik entsprechen allerding kann man auch größere Grafiken zum anklicken definieren und diese in der Symbol-Bar der besseren Optik wegen verkleinert darstellen lassen, dabei sollte aber zumindest das Seitenverhältnis der Grafik gewahrt bleiben da diese sonst sehr verfremdet in der Symbol-Bar dargestellt wird.


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 20.06.2009 | Top

Smilies zum scrollen

#3 von BOo°m , 21.03.2006 11:04

Smilies durch Schieberegler/Scrollen erreichbar machen




In Admin -> Einstellungen -> Symbolbar kann man die Fenstergröße zum darstellen von Smilies mit festen Werten versehen so dass auch sehr viele eingerichtete Smilies zum anklicken nicht dazu führen das man sich jedes mal bei der Eingabe neuer Beiträge ewig lange zum eigentlichen Eingabefeld vorscrollen muß.

Bei mir ist es in dem entsprechendem Template-Teil (Admin -> Einstellungen -> Symbol-Bar) die 7te Zeile (Leerzeilen mitgezählt), die sieht so aus:

<div style="border: 0px solid ; margin: 0px; overflow: auto; width: 590px; height: 80px;">

Anmerkung: Die genannte Zeile ist nicht Standardbestandteil der Symbolbar in der Symbolbar (wie ich durch "zurücksetzen" feststellen konnte) und muss nachträglich eingefügt werden. Genauer: Sie muss direkt über der ersten Smiliedefintion eingefügt werden und zusätzlich muss direkt hinter der letzten Smiliedefinition ein </style> eingefügt werden. Genaueres im Anhang.....

Mit den blauen Werten etwas herumexperimentieren.
Ich schätze mal width wird bei allen passen nur die Höhe height ist abhängig von der Höhe der verwendeten Smilies. Sind die sehr groß muss/sollte man das ändern damit man auf jeden Fall zwei Zeilen Smilies sehen kann. Eine Zeile ist zu wenig finde ich, da muss man zuviel scrollen und drei Zeilen sind schon fast zuviel (Geschmackssache).


Dateianlage:
Symbolbar.txt
 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 12.12.2006 | Top

RE: Smilies zum scrollen

#4 von BOo°m , 21.03.2006 11:19

Das Auswahlfeld für Smilies mit einem Rahmen versehen


Auch das ist sehr einfach möglich, wenn man weiss wie es geht....

Im Template-Teil: Admin -> Einstellungen -> Symbol-Bar ist es die erste Zeile!

Diese sieht bei mir so aus:

<table border="3" cellspacing="4" cellpadding="0">

Die blauen Werte sind dafür zuständig das ein Rahmen angezeigt wird, der 3-D Effekt des Rahmens kommt automatisch zustande (wird woanders manipuliert). Border ist für den gesammten äusseren Rahmen zuständig und cellspacing für die Trennzeilen zwischen den einzelnen Teilen des Feldes.

Hier wird cellpadding erklärt

Die Standardeinstellung für diese drei Werte ist "0".


 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 03.07.2006 | Top

RE: Smilies zum scrollen

#5 von BOo°m , 05.06.2007 00:43

Die Symbolbar hier aus der Foreninformation




Da es schon mehrfach gewünscht wurde hier nochmal Schritt für Schritt eine Einbauanleitung für die fertige Symbolbar wie ich sie hier in der Foreninformation verwende:

1. - Das Eingabefeld für die Symbolbar erreichen Admins (eingeloggt) unter dem Menüpunkt Admin -> Einstellungen -> Symbolbar.

2. - Auf den Dateianhang hier im Beitrag klicken (*). Es handelt sich um eine Textdatei die den kompletten Code der Symbolbar enthält so wie sie hier im Forum dargestellt ist. Nach einem Klick auf den Anhang wird ein Fenster geöffnet welches diesen Code in Textform darstellt.

3. - Das Eingabefeld der alten Symbolbar komplett markieren (einmal reinklicken und die Tastenkombination [strg]+[A] drücken), danach die Taste [entf] drücken. Damit wird der Inhalt des Eingabefeldes der alten Symbolbar komplett entfernt. Noch nicht speichern!

4. - Zum vorher geöffneten Fenster mit dem Quelltext aus dem Dateianhang zurückkehren, dort alles markieren und kopieren.

5. - Wieder zurück zum Fenster welches den Administrationsbereich vom Forum mit der vorher geleerten Symbolbar anzeigt. Dort einen Klick ins Eingabefeld machen und die Systemfunktion "einfügen", per Tastenkombination oder Menü, anwenden.

6. - Das Eingabefeld der Symbolbar ist nun mit dem Inhalt des Dateianhangs gefüllt und jetzt darf/muss man speichern!



(*) Achtung!
Der FireFox und der Internet Explorer behandeln Dateianhänge mit dem Dateiformat .txt unterschiedlich.
Die oben genannten Schritte geben einen genauen Ablauf für die Arbeit mit dem FireFox wieder.
Beim IE wird der Anhang als ausgeführter Code angezeigt (man sieht also die Symbolbar) deshalb muss man beim IE in dem Fenster welches dann die Symbolbar ausschliesslich anzeigt nochmal oben auf den Menüpunkt Ansicht und dort dann auf den Menüpunkt Quellcode gehen, der Inhalt wird dann in einem weiteren Fenster eines Texteditors in schriftlicher Form dargestellt.




Damit sind alle von mir verwendeten Smilies schon mal anwählbar. Bei einem Klick wird man aber feststellen dass trotzdem immer noch entweder die alten Smilies angezeigt werden oder oder einfach nur der Forencode in eckigen Klammern angezeigt wird. Der Grund dafür ist dass die Smilies entweder noch falsch oder noch gar nicht als Forencode eingebaut/verknüpft sind.

Jetzt kommt eine Aufgabe die keine besondere Intelligenz erfordert aber unter den derzeitigen technischen Bedingungen relativ zeitaufwendig ist. HPM hat bereits Erleichterung für die Zukunft "zugesagt"....



Die Symbolbar korrekt verlinken




Informationen dazu sind bereits einige Beiträge zuvor zu finden, genauer hier: http://www.foreninformation.de/topic-thr...message=8689948

Hier sind alle von mir eingebauten derzeitigen Forencodes in einer Liste:

[/blink] </blink>

[/center] </center>

[/li] </li>

[/move] </marquee>

[/sub] </sub>

[/sup] </sup>

[/s] </s>

[/u] </u>

[alien] <img src="http://www.bilder-hochladen.net/files/78q-h7.gif">

[alle] <img src="http://www.bilder-hochladen.net/files/78q-ex.gif">

[angel] <img src="http://www.bilder-hochladen.net/files/78q-fb.gif">

[angry] <img src="http://www.bilder-hochladen.net/files/78q-3f.gif">

[auslach] <img src="http://www.bilder-hochladen.net/files/78q-em.gif">

[bandit] <img src="http://www.bilder-hochladen.net/files/78q-7a.gif">

[blink] <blink>

[blumen] <img src="http://www.bilder-hochladen.net/files/78q-1u.gif">

[blush] <img src="http://www.bilder-hochladen.net/files/78q-hj.gif">

[box] <img src="http://www.bilder-hochladen.net/files/78q-gg.gif">

[buh] <img src="http://www.bilder-hochladen.net/files/78q-gk.gif">

[bye] <img src="http://www.bilder-hochladen.net/files/78q-48.gif">

[center] <center>

[cheers] <img src="http://www.bilder-hochladen.net/files/78q-40.gif">

[clap] <img src="http://www.bilder-hochladen.net/files/78q-dd.gif">

[clown] <img src="http://www.bilder-hochladen.net/files/78q-i0.gif">

[cool] <img src="http://img.homepagemodules.de/cool.gif">

[crazy] <img src="http://www.bilder-hochladen.net/files/78q-eg.gif">

[cry] <img src="http://www.bilder-hochladen.net/files/78q-h2.gif">

[death] <img src="http://www.bilder-hochladen.net/files/78q-gj.gif">

[devil] <img src="http://www.bilder-hochladen.net/files/78q-e4.gif">

[dirty] <img src="http://www.bilder-hochladen.net/files/78q-5t.gif">

[doc] <img src="http://www.bilder-hochladen.net/files/78q-6u.gif">

[drill] <img src="http://www.bilder-hochladen.net/files/78q-3c.gif">

[drohen] <img src="http://www.bilder-hochladen.net/files/78q-j.gif">

[faint] <img src="http://www.bilder-hochladen.net/files/78q-3n.gif">

[fart2] <img src="http://www.bilder-hochladen.net/files/78q-1o.gif">

[fart] <img src="http://www.bilder-hochladen.net/files/78q-1p.gif">

[fight2] <img src="http://www.bilder-hochladen.net/files/78q-1r.gif">

[fight] <img src="http://www.bilder-hochladen.net/files/78q-10.gif">

[flash] <img src="http://www.bilder-hochladen.net/files/78q-uv.gif">

[frage] <img src="http://www.bilder-hochladen.net/files/78q-fh.gif">

[frown] <img src="http://www.bilder-hochladen.net/files/78q-et.gif">

[futter] <img src="http://www.bilder-hochladen.net/files/78q-t.gif">

[grinz] <img src="http://img.homepagemodules.de/grin.gif">

[grin] <img src="http://www.bilder-hochladen.net/files/78q-21.gif">

[gun] <img src="http://www.bilder-hochladen.net/files/78q-24.gif">

[hand] <img src="http://www.bilder-hochladen.net/files/78q-26.gif">

[hearts] <img src="http://www.bilder-hochladen.net/files/78q-fo.gif">

[heart] <img src="http://www.bilder-hochladen.net/files/78q-gh.gif">

[heul] <img src="http://www.bilder-hochladen.net/files/78q-h2.gif">

[hiboy] <img src="http://www.bilder-hochladen.net/files/78q-2f.gif">

[higirl] <img src="http://www.bilder-hochladen.net/files/78q-7c.gif">

[hmm] <img src="http://www.bilder-hochladen.net/files/78q-22.gif">

[horn] <img src="http://www.bilder-hochladen.net/files/78q-w.gif">

[hot] <img src="http://www.bilder-hochladen.net/files/78q-4s.gif">

[idee] <img src="http://www.bilder-hochladen.net/files/78q-2m.gif">

[joint] <img src="http://www.bilder-hochladen.net/files/78q-fr.gif">1

[jump] <img src="http://www.bilder-hochladen.net/files/78q-ui.gif">

[kill] <img src="http://www.bilder-hochladen.net/files/78q-gy.gif">

[knuddel] <img src="http://www.bilder-hochladen.net/files/78q-p.gif">

[kuss] <img src="http://www.bilder-hochladen.net/files/78q-7.gif">

[laugh] <img src="http://www.bilder-hochladen.net/files/78q-ge.gif">

[learn] <img src="http://www.bilder-hochladen.net/files/78q-5b.gif">

[lieb] <img src="http://www.bilder-hochladen.net/files/78q-xp.gif">

[lil] <img src="http://img.homepagemodules.de/lil.gif">


[look] <img src="http://www.bilder-hochladen.net/files/78q-2y.gif">

[mad] <img src="http://www.bilder-hochladen.net/files/78q-23.gif">

[move] <marquee>

[mund] <img src="http://img.homepagemodules.de/mund.gif">

[music] <img src="http://www.bilder-hochladen.net/files/78q-3h.gif">

[nurse] <img src="http://www.bilder-hochladen.net/files/78q-73.gif">

[oh2] <img src="http://www.bilder-hochladen.net/files/78q-gs.gif">

[oh] <img src="http://www.bilder-hochladen.net/files/78q-e2.gif">

[old] <img src="http://www.bilder-hochladen.net/files/78q-3o.gif">

[orgel] <img src="http://www.bilder-hochladen.net/files/78q-3g.gif">

[pah] <img src="http://www.bilder-hochladen.net/files/78q-eo.gif">

[party] <img src="http://www.bilder-hochladen.net/files/78q-3q.gif">

[pop] <img src="http://www.bilder-hochladen.net/files/78q-3y.gif">

[pose] <img src="http://www.bilder-hochladen.net/files/78q-h9.gif">

[rock] <img src="http://www.bilder-hochladen.net/files/78q-6t.gif">

[rolling_eyes] <img src="http://img.homepagemodules.de/rolling_eyes.gif">

[rose] <img src="http://img.homepagemodules.de/rose.gif">

[sad] <img src="http://www.bilder-hochladen.net/files/78q-2t.gif">

[sheriff] <img src="http://www.bilder-hochladen.net/files/78q-7b.gif">

[shocked] <img src="http://www.bilder-hochladen.net/files/78q-g9.gif">

[shoot] <img src="http://www.bilder-hochladen.net/files/78q-4e.gif">

[shy] <img src="http://www.bilder-hochladen.net/files/78q-e0.gif">

[sick] <img src="http://www.bilder-hochladen.net/files/78q-ft.gif">

[sleep] <img src="http://www.bilder-hochladen.net/files/78q-4g.gif">

[smile2] <img src="http://www.bilder-hochladen.net/files/78q-q.gif">

[smile] <img src="http://www.bilder-hochladen.net/files/78q-4a.gif">

[smokin] <img src="http://www.bilder-hochladen.net/files/78q-4i.gif">

[spook] <img src="http://www.bilder-hochladen.net/files/78q-dt.gif">

[startup] <img src="http://www.bilder-hochladen.net/files/78q-ec.gif">

[star] <img src="http://www.bilder-hochladen.net/files/78q-4l.gif">

[staun] <img src="http://www.bilder-hochladen.net/files/78q-ho.gif">

[stupid] <img src="http://www.bilder-hochladen.net/files/78q-h8.gif">

[sub] <sub>

[sup] <sup>

[surrender] <img src="http://www.bilder-hochladen.net/files/78q-4q.gif">

[s] <s>

[target] <img src="http://www.bilder-hochladen.net/files/78q-dc.gif">

[thumb] <img src="http://www.bilder-hochladen.net/files/78q-1d.gif">

[tuba] <img src="http://www.bilder-hochladen.net/files/78q-v.gif">

[ugly] <img src="http://www.bilder-hochladen.net/files/78q-xt.gif">

[u] <u>

[vogel] <img src="http://www.bilder-hochladen.net/files/78q-gn.gif">

[wink] <img src="http://www.bilder-hochladen.net/files/78q-5l.gif">

[wow] <img src="http://www.bilder-hochladen.net/files/78q-gq.gif">

[zunge] <img src="http://www.bilder-hochladen.net/files/78q-b.gif">



Speziell die Smilies darin sind für eine korrekte Funktion der Symbolbar nötig. Wer das erstmal Schritt für Schritt eingegeben und bei jedem Schritt gespeichert hat der weiss was Forencodes sind.......


Viel Spaß damit........


Dateianlage:
Symbolbar.txt
 
BOo°m
Administrator
Beiträge: 1.991
Registriert am: 27.11.2005

zuletzt bearbeitet 05.06.2007 | Top

   

Die Buttonleiste
Forum verschönern





Powered by Forum Hosting  
Xobor Forum Software von Xobor
Einfach ein eigenes Forum erstellen