Social-Networks und Online-Communities

Design

Die Spin.de Social-Networking-Software von SPiN bietet dem Benutzer zahlreiche Möglichkeiten zur Individualisierung seiner persönlichen Community-Umgebung und um seiner Persönlichkeit Ausdruck zu verleihen.

Community-Umgebung anpassen

Skins bzw. Themes Wem das Standard-Design der Community nach dem Login zu fad ist, kann in seinen Account-Einstellungen aus mehreren andersfarbigen Kombinationen ein Design auswählen, das einem aktuell besser gefällt.

Chatraum-Gestaltung Für private Dialoge und Chaträume ohne eigenes Design können Benutzer aus mehreren andersfarbigen Kombinationen oder Themen wählen.

Profil, Blog, Chatmails individuell gestalten

Zusätzlich zu den diversen vom System angebotenen Profil-Skins/Themes können Benutzer mit Hilfe des Profil-Designers auch ein eigenes Design erstellen - auf Wunsch sogar für jede Zusatzseite ein eigenes. Neben vom System angebotenen grafischen Elementen wie Smileys und Dekoraktionen kann ein Benutzer für sein Profil, seine Zusatzseiten, Chatmails und Blogeinträge mit Hilfe des Wiki-Editors ganz unkompliziert auch eigene gestalterische Vorstellungen fast beliebig verwirklichen.

Gestalten durch Textformatierung

In fast allen Bereichen der Community, in denen Benutzer Texte eingeben können, können sie durch Formatierungsbefehle auch grafische Elemente und eigene Bilder verwenden sowie Videos und (animierte) Bilder von anderen Web-Diensten einbinden. Zusammenfassung der wichtigsten Befehle:
'''fetter Text''' Text zwischen jeweils drei Apostrophen wird fett dargestellt.
''kursiver Text'' Text zwischen jeweils zwei Apostrophen wird kursiv dargestellt.
<color rot> ein roter Text </color>
<color #FFFF00> ein gelber Text </color>
In Profilen und Blogs können mit einem color-Tag in spitzer Klammer außerdem farbige Texte eingebunden werden. "Farbe" kann hierbei entweder der Name einer Farbe sein (Beispiel: rot, grün, gelb, pink usw.) oder ein hexadezimaler Farbwert, wie man ihn aus HTML kennt (Beispiel: #ff0000).
--------- Eine Zeile, die ausschließlich einige Bindestriche enthält, wird umgewandelt in eine Trennlinie.
# Zeile1
# Zeile2
Zeilen, die mit "#" beginnen, werden als nummerierte Liste angezeigt.
* Zeile1
* Zeile2
Zeilen, die mit "*" beginnen, werden als Liste angezeigt.
> Zitattext
> Zitattext
Zeilen, die mit ">" beginnen, werden als Zitattext dargestellt und ebenfalls mit ">" eingeleitet.
<zitat> Zitattext </zitat> Zitate können auch mit einem zitat-Tag in spitzer Klammer kenntlich gemacht werden.
:smileyname: Fügt einen bestimmten Smiley ein.
<header>Überschrift</header>
<header right>Überschrift</header>
Überschriften mit Ausrichtung
[[img:Bildnummer mini]]
[[img:Bildnummer left medi]]
[[img:Bildnummer right mini]]
[[img:Bildnummer Mein Text]]
Fügt ein Bild aus der Bildersammlung ein. Durch Anhängen von "left" oder "right" kann das Bild links- bzw. rechtsbündig ausgerichtet werden. "medi" und "mini" fügen ein Bild in den beiden vom System unterstützten Verkleinerungsstufen ein.
[fn Das ist mein Text] Text wird als Fußnoten Popup angezeigt.
Bilder und Videos einbinden Bilder werden am einfachsten über den entsprechenden Knopf im Wiki-Editor eingebunden. Im Text erscheint dann ein [[img:bildnummer]]-Tag (siehe oben), der die Position des Bildes markiert. Es ist auch möglich, Bilder durch eine Prozentangabe verkleinert einzubinden oder das Bild anders auszurichten. Beispiel: [[img:123 right 30%]] zeigt das Bild 123 rechtsbündig in 30% Größe an. In Profile, Chatmails und Gästebücher können Videos von YouTube, MyVideo und einigen anderen großen Videoseiten direkt eingebunden werden. Dazu muss im Wiki-Editor lediglich die Adresse der Seite (und nicht der häufig angegebene Embed-Code) mit dem Video per Copy&Paste einfügt werden. Momentan unterstützt das System direkte Anzeigen von Videos u.a. von den Seiten YouTube, Google Video, SevenLoad.de, Clipfish.de, MyVideo.de, MetaCafe.com und Vimeo.com. Es unterstützt außerdem die Video- und Flash-Einbindung von vielen weiteren Webseiten. Wenn irgendwo ein Inhalt zum Einbetten angeboten wird, kann man einfach ausprobieren, ob der dann meistens angegebene sog. Embed-Code im Spin.de-System funktioniert. Einbinden von Bildern anderer Web-Dienste und animierte Bilder In Profile, Chatmails und Gästebücher können außer selbst hochgeladenen Bildern auch Bilder von einer Reihe von fremden Smiley- und Gästebuchbilderseiten eingebunden werden. Zum Einbinden muss einfach nur die Adresse des Bildes in den Beitrag kopiert oder der auf den entsprechenden Seiten oft angegebenen "BBCode" in den eigenen Text kopiert werden. Zeichensätze, Zierschriften, Farben    Zeichensätze und Überschriften In Profil, Blog- und Gästebucheinträgen sowie Kommentaren können auch verschiedene Zeichensätze verwendet werden. Der Befehl lautet <font [größe] [name]>euer Text</font> Hierbei darf die Größe zwischen 9 und 48px liegen, und der Name muss aus den zur Verfügung gestellten Zeichensätzen stammen - also z.B. <font 18px BrushScript>Hallo!</font> Am einfachsten verwendet man auch hier den entsprechenden Knopf im Wiki-Editor. Betrachter von Profilseiten oder Blogeinträgen, welche die zur Verfügung gestellten Zeichensätze nicht installiert haben, sehen den Text dann in einem Standard-Zeichensatz.    Zierschriften Mit einem speziellen Befehl können auch Zierschriften verwendet werden, die nicht auf den Rechnern der Benutzer gespeichert sein müssen, sondern vom Spin.de-System dann direkt als automatisch erstellte Bilder ausgeliefert werden. Die Schriftgröße darf zwischen 16 und 160 Pixel betragen. Die maximale Rand-Dicke 5 Pixel. Für die Ausrichtung gibt es wie üblich: links, rechts, mitte und text. Hierbei baut "text" das Bild in den Textfluss ein. Das vom Server generierte Bild kann momentan maximal 650 x 800 Pixel groß werden. Falls der Inhalt größer ist, wird umgebrochen bzw. abgeschnitten. Der Wiki-Tag lautet folgendermaßen: [[text:<Schriftart> <Schriftgröße> <Schriftfarbe> <Rand-Dicke> <Rand-Farbe> <Ausrichtung> <Text>]] Hierbei sind <Schriftfarbe>, <Rand-Dicke>, <Rand-Farbe> und <Ausrichtung> optional. Beispiele: [[text:Foo 50 rot 2 schwarz left Hallo Welt!]] "Hallo Welt!" in der Schriftart "Foo", Größe 50, Farbe rot, 2 Pixel Rand, den Rand in schwarz, linksbündig. [[text:Ivana Script 40 schwarz center Ich bin eine Überschrift]] ... Ivana Script, Größe 40, schwarz, zentriert [[text:Shlop 60 #00FF00 3 schwarz Viel Spaß ;-)]] ... schleimig, grün    Farbige Boxen Benutzer können Texte in ihrem Profil und Blog auch mit farbigen Boxen hinterlegen: <box BREITExHÖHE AUSRICHTUNG FARBE>Text</box>. Beispiele: <box 100x100 center red>text in der box</box> <box 210 left> ... </box> <box 100x100 #FF0000> <box 10x10 right green> ... </box> </box>

“Wiki”-Verlinkung

Ebenso einfach wie die Textformatierung funktioniert u.a. auch die Verlinkung von URLs, Benutzerprofilen, Foren- oder Hilfebeiträgen und Chaträumen:
[[http://www.spin-ag.de]]
[[mailto:info@spinchat.de]]
Ein Link, der in doppelten eckigen Klammern geschrieben wird, wird automatisch verlinkt.
[[u:Benutzername]]
[[users:Benutzer1,Benutzer2]]
Setzt einen Link auf das Profil des angegebenen Benutzers ein.
[[forum:ForumID/ThreadID/MsgID]]
[[help:HilfeiID]]
Linkt direkt auf einen Forumsbeitrag oder einen Hilfebeitrag.
[[raum:Raumname]] Verlinkt direkt auf einen Chatraum.
[[s:Suchtext]] Verlinkt auf die Site-Search.

Profil-Designs

Profil-Designer Features

-Hintergrundbild verwenden ja/nein
-Farbgebung Hintergrund
-Farbgebung Navigations-Box
-Farbgebung Haupt-Box
-Rahmenfarbe um Boxen
-Farbgebung Buttons
-Farbgebung Buttontext
-Farbgebung Zitate

Wiki-Editor Features

-Schrift fett/kursiv darstellen
-Textausrichtung linksbündig/zentriert/rechtsbündig
-Überschrift
-Code darstellen
-Zitat darstellen
-Nummerierte Aufzählung
-Liste
-Link einfügen
-Zeichensatz wählen
-Zeichensatzgröße wählen
-Textfarbe wählen
-Zierschrift wählen
-Smileys einfügen
-Bilder/Videos einfügen

Unterstützte Zeichensätze

Verdana, Tahoma, Georgia, Times, Baskerville, CenturyGothic, Copperplate, FranklinGothic, Futura, Impact, Trebuchet, ComicSans, BrushScript, Garamond, Helvetica, Corsiva, BookAntiqua, Papyrus und Webdings

Unterstützte Zierschriften

Courier, Carouselambra, Chilopod, Flyswim, Foo, Ivana Script, Civilite, Davida, Degrassi, American Uncial, Data Seventy, Night Court, Milano, Ransom, Snowballs, Creepy, Binner Gothic, Binner Poster, Jokerman, Rebus Script, Rina, Shlop, Walshes, Porcelain, Disgusting, Max Rhodes, Misproject, Broken15, Dirty Ego

Wiki-Editor Browser-Popups

Spezielle Browser erleichtern zusätzlich das Einfügen und Ausrichten von Smileys, Grafiken und Bildern.
Smiley-Browser
Zierleisten-Browser
Bilder-Browser