Rangliste

Nachdem Du die deutsche Übersetzung in Deine Community hochgeladen hast, kannst Du diese natürlich entsprechend für DICH korrigieren und anpassen. Manchmal sind es Fehler, an manchen Stellen muss es aber für DEINE Community anders heißen. Dabei entsteht ein Problem: wenn es ein Update von uns gibt und Du dieses Update in Deiner Community hochlädst, verschwinden Deine Änderungen und Du musst von vorne beginnen. Keine schöne Situation. Was tun? Es gibt ein kleiner Trick, wie Du Deine Anpassungen behältst und trotzdem mit unseren Updates mitgehen kannst. Hier ist die Schritt für Schritt Anleitung: In Deinem AdminCP wechsele zu Anpassung -> Lokalisierung -> Sprachen Klicke auf Neu erstellen und füge eine neue Sprache für Gebietsschema Deutsch zu Deaktiviere die neu erstellte Sprache am Ende der Zeile in der Liste der Sprachen Deine Änderungen machst Du jetzt in dieser neu erstellten und deaktivierten Sprache. Du musst natürlich nicht alles wieder neu übersetzen, sondern nur die Änderungen machen, die dauerhaft von unserer offiziellen Übersetzung in Deiner Community abweichen sollen. Sobald Du mit den Änderungen fertig bist, kehrst Du wieder zu der Liste aller Sprachen zurück und klickst auf den Pfeil am Ende der Sprache mit Deinen Anpassungen. Wähle den Punkt Herunteladen und speichere die XML-Datei lokal auf Deinem Rechner. Jetzt kannst Du mit dieser Datei die offizielle deutsche Übersetzung überschreiben. Dafür wählst Du in der Liste der Sprachen den Pfeil am Ende der Zeile mit der offiziellen deutschen Version (Deutsch im Screenshot oben) und klickst den Punkt Neue Version hochladen. Wähle die gespeicherte XML-Datei mit Deiner Änderungen und klicke auf Speichern. Voilà, jetzt hast Du eine Mischung aus Deinen Änderungen und offiziellen Version. Jedes Mal, wenn Du etwas anpassen willst, machst Du es in der Sprachdatei mit Deinen Änderungen. Merke: alle Änderungen in Deutsch werden mit dem nächsten Update verschwinden! Wenn ein Update von uns für die Sprachdatei zur Verfügung steht, dann gehst Du wie folgt vor: Zuerst lädst Du die offizielle Sprachdatei für Deutsch hoch (Pfeil am Ende von Deutsch) Danach lädst Du die Sprachdatei mit Deinen Änderungen an der selben Stelle hoch. Damit hast Du immer eine Mischung aus der offiziellen Sprachdateien plus Deine Änderungen, bleibst aktuell und wirst Deine Änderungen nicht verlieren.

Um die Qualität der kostenlosen deutschen Übersetzung von Invision Community stetig zu verbessern haben wir uns etwas neues einfallen lassen. Etwas das euch die Möglichkeit geben soll, euch noch einfacher aktiv daran zu beteiligen. Das Ergebnis ist eine von uns entwickelte Lösung mit der hauseigenen Pages-Application. Dort könnt ihr nicht nur Übersetzungen neu hinzugekommener Phrasen einreichen, sondern auch Vorschläge machen wie man bereits Übersetztes besser formulieren könnte. Genauso würden wir uns freuen, wenn ihr uns auf eventuelle Typos oder ähnliches aufmerksam macht (wer ohne Tippfehler ist, werfe den ersten Stein ). Anstelle von Sammelthreads - in denen Beiträge eventuell übersehen werden - könnt ihr eure Vorschläge nun direkt HIER einreichen. Oder noch schneller direkt in der Navigation -> Erstellen -> Phrase in Übersetzung. Erforderlich sind nur der Schlüssel und eure Übersetzung. Dabei ist jeder Schlüssel unique und es kann nichts versehentlich doppelt eingereicht werden. Umso mehr User mitarbeiten und sich dementsprechend Phrasen ansammeln, wird früher oder später die Übersicht in Threads verloren gehen. Wenn eure Phrase eingepflegt wurde, könnt ihr das nicht nur anhand des Status erkennen, sondern auch sehen ab welcher Version des Sprachpakets sie enthalten sein wird. In der Übersicht der Phrasen kann ausserdem gefiltert werden, was offen/erledigt ist oder es eventuell nicht in die Übersetzung geschafft hat. Warum nicht gleich über GitHub? Die Frage ist durchaus berechtigt und der Vorschlag kam ja auch aus der Community. Das Problem mit externen Lösungen ist halt, das man sich dort erst einmal registrieren muss und diese Mühe wird sich niemand machen, der einfach nur schnell einen Korrekturvorschlag einreichen will. Dazu kommt das Plattformen wie GitHub für Entwickler gedacht sind und nicht für Ottonormalverbraucher. Diese können mit Pull-Requests nichts anfangen und werden sich auch ganz bestimmt keine ellenlangen Tutorials dazu durchlesen. Was kommt noch? Dies ist jetzt die 1.0 des neuen Systems und wir haben uns schon den Kopf darüber zerbrochen, wie man es am besten umsetzten könnte. Durch den Live-Einsatz und euer Feedback wird bestimmt noch ein bisschen daran gefeilt werden. Was ihr beispielsweise noch nicht sehen könnt ist, wie es sich auf zukünftige Releases des Sprachpakets auswirken wird. Und zwar werden wir in Zukunft eine eigene Versionierung hinzufügen. Wie das funktionieren soll ist dafür schnell erklärt. Momentan haben alle unsere Veröffentlichungen immer die gleiche Versionsnummer gehabt, also die von Invision selber (z.B. 4.6.8). Unser aktueller Download ist allerdings bereits ein Update des ursprünglichen Pakets für 4.6.8, in dem einige Verbesserungen aus der Community enthalten sind, nur sieht das auf den ersten Blick niemand. In Zukunft werdet ihr also ganz genau sehen können, welches Paket habt ihr installiert/ist ein Update vorhanden und wir können gegebenenfalls schneller Hotfixes nachschieben. Unser Ansporn ist es auch weiterhin die beste Übersetzung für die beste Community abzuliefern und hoffen euch gefällt unser neues System.

Eigentlich mehr ein Quicktipp als ein Tutorial. Das Thema kam vor kurzem im englischen Forum auf und vielleicht kann es hier ja auch jemand gebrauchen ... Die wichtigsten sozialen Netzwerke deckt Invision Community bereits von Haus aus ab, manche Exoten allerdings nicht, was bestimmt auch keine andere Software tut. Wie bereits im Thread geschrieben, es gibt mindestens 2 Applications im Marketplace mit denen das auch möglich ist, nur warum Geld für etwas ausgeben, was man mit ein paar Zeilen Code auch selber machen kann? Abgesehen davon bin ich der Meinung, man sollte nicht für alles und jedes 3rd Party Erweiterungen installieren. Im folgenden Beispiel legen wir Icons für Android und Apple an, dafür tauscht einfach den kompletten Inhalt des siteSocialProfiles Templates mit diesem hier aus. Den Originalcode kopiert allerdings vorher zum vergleichen in euren Editor, ich erkläre gleich noch kurz etwas dazu. {{if \IPS\Settings::i()->site_social_profiles AND $links = json_decode( \IPS\Settings::i()->site_social_profiles, TRUE ) AND \count( $links )}} <style> .cShareLink_android { background: #689F38; } .cShareLink_apple { background: #F76BC1; } </style> <li class='cUserNav_icon'> <a href='https://www.android.com' target='_blank' class='cShareLink cShareLink_android' rel='noopener noreferrer'><i class='fa fa-android'></i></a> </li> <li class='cUserNav_icon'> <a href='https://www.apple.com' target='_blank' class='cShareLink cShareLink_apple' rel='noopener noreferrer'><i class='fa fa-apple'></i></a> </li> {{foreach $links as $profile}} <li class='cUserNav_icon'> <a href='{$profile['key']}' target='_blank' class='cShareLink cShareLink_{$profile['value']}' rel='noopener noreferrer'><i class='fa fa-{$profile['value']}'></i></a> </li> {{endforeach}} {{endif}} Das Ergebnis sieht dann so aus und funktioniert sowohl im Header, als auch im Footer eurer Seite, je nach euren Einstellungen im jeweiligen Theme ... Im Original werden mit foreach $links alle Icons generiert, die ihr im AdminCP mit dem Dropdown erstellt habt. Mit style legt ihr die Hintergrundfarbe der neuen Icons fest, dazu wird jeweile eine neue Klasse benötigt. <li class='cUserNav_icon'> <a href='https://www.android.com' target='_blank' class='cShareLink cShareLink_android' rel='noopener noreferrer'><i class='fa fa-android'></i></a> </li> Das hier ist jetzt eins eurer neuen Icons. Es enthält den Link zu android.com, die CSS-Klasse für die Hintergrundfarbe die ihr oben erstellt habt und mit cShareLink die allgemeine Klasse für den Look aller Icons. Für die Symbole selber wird mal wieder Font Awesome verwendet. Scrollt in der Übersicht ganz runter zu Brand Icons, dort findet ihr jede Menge. Das wars im Grossen und Ganzen auch schon. Bei Fragen benutzt bitte das Supportforum, wir helfen euch gerne weiter.

Hallo Leute, gut vier Jahre ist es nun her, dass wir InvisionFocus ins Leben riefen und es hat sich eine Menge getan in dieser Zeit. Kaum zu fassen, was sich in einem knappen halben Jahrzehnt so alles ändern kann. Life happens, Prioritäten ändern sich und so haben wir beschlossen, neue Wege einzuschlagen. Da uns diese Seite in der ganzen Zeit aber auch ans Herz gewachsen ist, wollten wir sie nicht einfach so löschen, sondern haben beschlossen sie online zu lassen. Allerdings werden wir sie auf Read Only stellen, die Registrierung neuer Accounts ist bereits deaktiviert. Aber keine Bange, ganz weg sind wir nicht. Sonya* erreicht ihr weiterhin über INVISIONify, was nun auch zur Heimat für meine Files geworden ist. Wir möchten uns hiermit bei allen aktiven Mitgliedern ganz herzlich bedanken und sagen hoffentlich bis bald Cheers

Erstmal vorweg: Ein Chatsystem wird ein klassisches Forum nie ersetzen können, da es etwas von Grund auf anderes ist. Schon deshalb werden Foren immer ihre Daseinsberechtigung haben. Überall dort wo gepflegte Diskussionen im Vordergrund stehen und vor allem im Supportbereich sind sie nicht wegzudenken. Aus diesem Grund steht ein Discord-Server für InvisionFocus auch nicht auf unserer Agenda. Nur, wo stehen Foren heutzutage allgemein? Richtig, in der Regel ganz hinten an ... Ich erinnere mich wirklich gerne an die Zeit, als ich angefangen habe. Das Medium Internetforum war noch recht neu und Boards zu allen möglichen Themen schossen wie die Pilze aus dem Boden. Sie gaben den Menschen die Möglichkeit sich einfach untereinander auszutauschen, während Newsgroups eher Nerds vorbehalten waren (OK, ganz so krass war es vielleicht nicht, aber ihr wisst worauf ich hinaus will). Allerdings ändern sich die Zeiten - nirgendwo so schnell wie in der Tech-Branche - und so auch die Gewohnheiten, wie Menschen Inhalte konsumieren. So ist man heutzutage nicht mehr an den PC gefesselt, sondern liest und diskutiert gemütlich mit dem Smartphone oder Tablet vom Sofa aus oder schnell nebenbei im Bus auf dem Weg zur Arbeit. Mobile Devices dominieren den Markt mehr und mehr. Daher muss die Kommunikation mit der Community perfekt an ihre "Lieblingsspielzeuge" angepasst werden. Eine Webapp wie IPS oder XF sie anbieten fällt da eher in die Kategorie "gut gemeint", ist aber definitiv kein Ersatz für eine richtige App. Und solange das eigene System nicht mit einer brauchbaren Lösung daher kommt, warum nicht auf etwas externes zurückgreifen? Für manche scheint das zwar alles "Teufelswerk" zu sein (Discord is killing our forum), wenn man es richtig anstellt, ist es aber genau das Gegenteil. Es reicht eben nicht, schnell einen Server aufzusetzen und abzuwarten was passiert. Man muss sich schon mit der Materie auseinandersetzen und sich überlegen, wie man ihn am besten in seine Community integriert, anstatt einfach nur nebenher laufen zu lassen. Gerade Discord bietet aufgrund seines Aufbaus, seiner API und einer Vielzahl an frei verfügbaren Bots jede Menge Potential. Wesentlich mehr, als beispielsweise Telegram (das wiederum andere Vorzüge bietet). Ganz zu Anfang sollte man sich überlegen, welche Bereiche seiner Seite man auf Discord auslagert. Chats eignen sich aufgrund ihrer Natur eher für ChitChat und weniger für langlebige Diskussionen. Deshalb erstmal den ganzen Smalltalk- und OffTopic-Müll raus aus dem Board und auf den Server damit. Ganz richtig, ich habe Müll geschrieben, weil es in den meisten Fällen schlicht und einfach Müll ist. Solche Topics interessieren nach ein paar Jahren niemanden mehr und trotzdem verstopfen sie weiterhin die Datenbank. Dazu kommen Unmengen hochgeladene Bilder, verlinkte Videos (die mittlerweile nicht mehr existieren) und und und... Euer Hosting wird es euch danken! Man könnte zwar einen Chat oder eine Shoutbox implementieren, aber das Gleiche ist das nun wirklich nicht. Sie sind immer noch an die Seite gebunden. Heißt: Erstmal auf der Page und dann nochmal in der Box scrollen. Dazu in einer einzelnen Zeile schreiben, nochmal hin- und herschieben, wegen aufpoppender mobiler Tastatur... so richtig funktionieren tut das auch nur auf dem Desktop. Btw. wusstet ihr eigentlich, dass ihr den IPS-Messenger mit ein paar Klicks deaktivieren könnt? Denn mal ganz ehrlich, den nutzt sowieso niemand mehr, sobald man rausgefunden hat, dass man viel besser auch in Echtzeit mit den anderen Usern schreiben kann. Und schon kommen wir zur nächsten Überlegung. Wer darf eigentlich den Discord nutzen? Wirklich jeder, nur Mitglieder eures Forums, oder gar nur Premium-Gruppen? Jedes dieser Beispiele hat seine Vor- und Nachteile, die es abzuwägen gilt. Auf Discord kann man nach Servern suchen, die Themen enthalten, die einen interessieren. So könnt ihr neue Mitglieder generieren, die euer Board vielleicht nie gefunden hätten oder sich auf "altbackenen" Foren gar nicht mehr registrieren. Ihr werdet erstaunt sein, wie viele - und nicht nur jüngere Menschen oder Gamer - mittlerweile Discord nutzen. Mit der passenden Integration könnt ihr euren Server oder Teile davon, zu einem "VIP-Bereich" erklären, zu dem nur Mitglieder eures Forums Zutritt haben. Dazu könnt ihr Benutzergruppen (sogenannte Rollen) anlegen und ausgewählte Channels oder Extra-Features freigeben, womit auch der Monetarisierung nichts mehr im Wege steht. Eine automatische Synchronisierung der Gruppen ist ebenfalls möglich. ABER, was ist, wenn eure User nur noch auf Discord abhängen? Ganz einfach, schickt sie zurück! Entweder via Bot/Integration (indem ihr automatisch aktuelle Ereignisse auf den Server posten lassen könnt) oder manuell (auf Ankündigungen, News und bereits existierende Inhalte verweisen). Dazu lässt sich Wichtiges, ähnlich wie im Forum, oben in den Channels anpinnen und ihr könnt zusätzlich alle Mitglieder mit @all oder @gruppe gezielt anschreiben. Dank funktionierender Push-Benachrichtigungen kriegt das dann auch jeder mit. Wenn sich euer Projekt bzw. die Zielgruppe dafür eignet und ihr es schafft einen harmonierenden Austausch zwischen beiden Systemen hinzubekommen, dann ist diese Lösung eine absolute "win/win-Situation". Falls ihr euch jetzt fragt: "Warum dann überhaupt noch ein Forum?", lest euch noch einmal den Anfang dieses doch recht langen Artikels durch. Ich für meinen Teil, baue meine Seiten fast nur noch auf Pages auf und verzichte in der Regel auf eine Forum-Applikation. Diese werden kaum genutzt, schlecht geranked und Topics kann ich mit einer Datenbank auch realisieren ...

Heute möchten wir euch eine kleine Vorschau unserer neuesten Kreation präsentieren. Yellow Pages ist ein vollwertiges Business Directory basierend auf IPS Pages, allerdings ist es keine einfache Datenbank, sondern eine Application Das heisst ihr installiert es wie jede andere Anwendung und könnt gleich loslegen, sogar Democontent wird mitgeliefert. Die Settings werden ebenfalls wie gewohnt im AdminCP vorgenommen. Soetwas hat es meines Wissens nach noch nicht gegeben und ist somit nicht nur eine Premiere für uns, sondern auch für IPS allgemein. Jetzt werdet ihr euch wahrscheinlich fragen, warum Pages und keine "normale" Application? Das ist schnell erklärt, der Grund warum wir uns für Pages als Basis entschieden haben, ist in erster Linie, um die Kompatibilität mit zukünftigen IPS-Versionen zu gewährleisten. Im Gegensatz zu einer eigenständigen Anwendung sind, wenn es zu einem grösseren Update der Basissoftware kommt, nur geringfügige Anpassungen notwendig. Somit ist die Zukunft deines Verzeichnisses gesichert, im Gegensatz zu einem Addon, bei dem soetwas eher unwahrscheinlich ist. Ein weiterer Grund ist, das so eine Datenbank wesentlich einfacher erweitert werden kann, auch von dir selbst. Dazu kommst du automatisch in den Genuss sämtlicher Features von Pages, auch von denen die in Zukunft von IPS hinzugefügt werden. Doch nun wieder zurück zu Yellow Pages selber, auf unserer Demoseite könnt ihr schonmal einen Blick darauf werfen. Richtet euer Augenmerk dabei in erster Linie auf die beiden Featured Listings, die anderen sind Platzhalter um euch eine gefüllte Startseite und Kategorie zu präsentieren. Neben dem Featured Slider bietet die Homepage Carousels für zuletzt hinzugefügte Einträge, beste Bewertungen, letzte Updates und die meisten Klicks. Jedes dieser Elemente kann in den Admineinstellungen deaktiviert werden. Ausserdem könnt ihr sie in allen Widgetareas eurer Seite platzieren, oder als Block direkt im Code einfügen. Ein Eintrag selbst besteht aus 2 Tabs. Der erste wird für allgemeine Infos über eine Firma genutzt, es kann sogar eine Bildergalerie angelegt werden. Der zweite Tab ist für Kontaktdaten gedacht, für den Kartenausschnitt können Google Maps oder Mapbox verwendet werden. Standorte werden ausserdem in einem Block zusammengefasst, so könnt ihr euch z. B. alle Firmen aus einer Stadt mit einem Klick anzeigen lassen. Erstellt werden die Einträge mit einem übersichtlichen Formular, das es allen Benutzern sehr einfach macht, ihre Firmen einzutragen. Nutzen könnt ihr zusätzlich alle Features, die Pages von Haus aus mitbringt. Kommentare, Bewertungen, beliebig viele Kategorien, dem Folgen von Einträgen und - ganz wichtig - ihr könnt euch aus den gespeicherten Daten eigene Feeds zusammenstellen! Falls wir euer Interesse geweckt haben, braucht ihr nicht mehr lange warten, der Release steht kurz bevor

Die mit IPS 4.5 eingeführten AuthorPane Badges unter den Avataren sind zwar eine schicke Sache, allerdings gibt es leider nur zwei verschiedene. Das eine zeigt an, ob der Benutzer Moderatorenrechte hat, das andere kennzeichnet neue Mitglieder. Dabei kann man soviel mehr damit anstellen, deshalb möchten wir hier erläutern wie diese Badges funktionieren und ihr neue hinzufügen könnt. Im ersten Beispiel weisen dafür wir bestimmten Benutzern anhand ihrer ID eigene Badges hinzu. Die ID eines Mitglieds bekommt ihr am einfachsten heraus, indem ihr das Profil aufruft. Der Link sieht dann so ungefähr aus deine-seite.de/profile/2-v0rt3x/ -> meine ist also die Nummer 2. Für die Icons auf den Badges wird Font Awesome verwendet, in diesem Tutorial könnt ihr mehr darüber erfahren. Als erstes öffnen wir das Template custom.css und erstellen eine neue Klasse für mein Icon, was folgendermassen aussieht... .cAuthorPane_badge--v0rt3x::before { content: "\f0a1"; } Jetzt weiss das Forum schonmal, wie das Icon unter meinem Avatar aussehen soll. Nun müssen wir ihm nur noch sagen, wann es eben dieses anzeigen soll und nicht das Moderatoren-Icon. Deshalb wechseln wir jetzt zum postContainer Template und suchen dort nach... {{if $comment->author()->modShowBadge()}} <span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->joinedRecently()}} <span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span> {{endif}} Das sagt im grossen und ganzen soviel wie "Wenn Mod-Rechte, dann Mod-Icon usw". Mehr über die Template Logik könnt ihr HIER erfahren. Diesen Part erweitern wir jetzt um meine Benutzer-ID und das sieht so aus... {{if $comment->author()->member_id === 2}} <span class="cAuthorPane_badge cAuthorPane_badge--v0rt3x" data-ipsTooltip title="Hallo Leute"></span> {{elseif $comment->author()->modShowBadge()}} <span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->joinedRecently()}} <span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span> {{endif}} Also wenn die Benutzer-ID 2 ist, dann soll die Klasse cAuthorPane_badge--v0rt3x benutzt werden, die wir oben angelegt haben. Genauso verfahrt ihr mit allen weiteren Benutzern, die ein eigenes Icon bekommen sollen. Beachtet dabei, dass dieser Code zweimal in dem Template vorhanden ist, einmal für die Desktop- und einmal für die Ansicht auf mobilen Geräten. Es geht allerdings noch viel mehr, im zweiten Teil dieses Tutorials verwandeln wir diese Badges deshalb in Online Indikatoren Dafür clonen wir zunächst die Klasse cAuthorPane_badge, benennen sie in cAuthorPane_badge_online um und ändern die Hintergrundfarbe in grün. Fügt dafür einfach das hier in euer custom.css ein... .cAuthorPane_badge_online { position: absolute; left: calc(50% - .5em); bottom: -12px; display: flex; justify-content: center; align-items: center; width: 1em; height: 1em; font-size: 26px; background: green; color: rgb( var(--theme-area_background_reset) ); border: rgb( var(--theme-area_background_reset) ) solid 2px; border-radius: 50%; } Damit der Online-Status auch bei jedem Benutzer angezeigt wird muss natürlich ein weiteres Icon her, sonst würde man den grünen Hintergrund nur bei Moderatoren und neuen Benutzern sehen. .cAuthorPane_badge--member::before { content: "\f007"; } Jetzt noch ein kleiner Schnippsel damit die neue Klasse richtig unter dem Avatar angezeigt wird und schon sind wir mit dem CSS-Teil fertig. .cAuthorPane_badge_online::before { font-family: 'FontAwesome'; font-size: .5em; } Im postContainer ist dafür ein bisschen mehr Code notwendig, nämlich einmal für den Fall das der Benutzer online ist und einmal für offline. {{if $comment->author()->isOnline() AND !$comment->author()->isOnlineAnonymously() OR $comment->author()->isOnlineAnonymously() AND \IPS\Member::loggedIn()->isAdmin() }} {{if $comment->author()->member_id === 2}} <span class="cAuthorPane_badge_online cAuthorPane_badge--v0rt3x" data-ipsTooltip title="The doctor is: IN"></span> {{elseif $comment->author()->modShowBadge()}} <span class="cAuthorPane_badge_online cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->joinedRecently()}} <span class="cAuthorPane_badge_online cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->member_id}} <span class="cAuthorPane_badge cAuthorPane_badge--member" data-ipsTooltip title="{$comment->author()->name} ist online"></span> {{endif}} {{else}} {{if $comment->author()->member_id === 2}} <span class="cAuthorPane_badge cAuthorPane_badge--v0rt3x" data-ipsTooltip title="Bin grad nicht da..."></span> {{elseif $comment->author()->modShowBadge()}} <span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->joinedRecently()}} <span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span> {{elseif $comment->author()->member_id}} <span class="cAuthorPane_badge cAuthorPane_badge--member" data-ipsTooltip title="{$comment->author()->name} ist offline"></span> {{endif}} {{endif}} Beachtet wenn ihr diesen Code erweitert die Reihenfolge. Das neue Icon ist aus dem Grund ganz unten, weil es nur bei den Mitgliedern angezeigt werden soll, die 1. nicht ich, 2. kein Mod und 3. nicht neu im Forum sind Wenn euch diese Spielereien gefallen haben, solltet ihr mal einen Blick auf DIESEN Artikel werfen, da ist durchaus noch mehr möglich Wir hoffen euch hat dieses Tutorial gefallen. Bei Fragen benutzt bitte das Supportforum, wir helfen euch gerne weiter.

In diesem Tutorial geht es darum die Darstellung der Benutzernamen anhand ihrer Gruppen zu stylen, so ähnlich wie hier auf dieser Seite auch und etwas komplexer. Von Haus aus werden alle Benutzergruppen schlicht schwarz dargestellt, was nicht nur sterbenslangweilig aussieht, man erkennt so auch nicht so schnell zu welcher Benutzergruppe ein Mitglied gehört, siehe hier... IPS macht es einem da von Haus aus schon ziemlich einfach das zu ändern, begebt euch dafür im AdminCP auf Benutzer -> Gruppen und wählt die Gruppe aus, die ihr bearbeiten wollt. Unter Gruppenformatierung könnt ihr entweder ganz simpel mit einem Colorpicker arbeiten, oder direkt HTML benutzen. So kann man ganz einfach nicht nur die Farbe ändern, sondern auch Fett- und/oder Kursivschrift benutzen usw. Das schafft schonmal ein bisschen mehr Übersicht zwischen den Gruppen und ihren Mitgliedern, sieht aber fast noch genauso langweilig aus. Deshalb kommt nun ein bisschen CSS mit ins Spiel. Fangen wir mal mit dem Code an, der hier gerade verwendet wird: Hier nochmal zum rauskopieren, nicht vergessen im zweiten Feld mit einem weiteren span zu schliessen. <span style='color:white; background:#185886; font-weight: bold; padding: 1.7px 6px; border-radius: 3px; text-shadow: #000 2px 2px 4px ; display: inline-block;'> Ich habe mich dabei ein bisschen an den Mentions orientiert, die IPS benutzt, wenn ihr User mit @ direkt anschreibt. Hier noch einmal die Werte im Detail, damit ihr seht wie das zusammengesetzt ist und wie ihr die Farben ändern könnt: color:white; background:#185886; font-weight: bold; padding: 1.7px 6px; border-radius: 3px; text-shadow: #000 2px 2px 4px ; display: inline-block; Da die Basics von CSS zu erklären den Rahmen dieses Tutorials sprengen würde, verweise ich an dieser Stelle auf Seiten wie SELFHTML, da wird eigentlich alles sehr Einsteigerfreundlich erklärt. Okay, weiter geht's. Das sieht ja soweit schonmal viel besser aus, zumindest auf einem hellen Hintergrund. Deshalb geht es jetzt etwas mehr ans Eingemachte und wir verpassen jedem Style seine eigene Formatierung. Anstelle euren Code direkt in den Gruppeneinstellungen zu hinterlegen, setzen wir dort nun eine Art "Platzhalter" ein, nämlich <span id='administrators'> für in diesem Fall die Admin-Gruppe (wieder nicht vergessen zu schliessen!). Nun begebt euch nach Anpassung -> Designs und klickt beim Style eurer Wahl auf den Buttom um HTML/CSS zu editieren (</>). Dort sollte nach einem Klick auf den Reiter CSS das Template custom.css leicht zu finden sein. Dies ist speziell für eure individuellen Anpassungen vorgesehen und wird bei Updates des Styles bzw. der Basissoftware nicht überschrieben. Per default enthält es nur eine kleine Anmerkung, die kann weg und gegen euren Code ersetzt werden... Hier noch einmal direkt zum kopieren. Wie ihr seht ist es eigentlich genau der gleiche Code wie oben, mit dem Unterschied, dass er via #administrators eurem "Platzhalter" zugeordnet ist. Nach diesem Prinzip könnt ihr nun für jede Benutzergruppe und jeden Style vorgehen. #administrators { color:white; background:#185886; font-weight: bold; padding: 1.7px 6px; border-radius: 3px; text-shadow: #000 2px 2px 4px ; display: inline-block; } Aber es geht auch noch besser, schaut mal hier... Das funktioniert im Grossen und Ganzen genauso wie oben, nur das ein paar komplexere Formatierungen verwendet werden und zusätzlich ein Font Awesome Icon mit eingebunden ist (-> before). Hier der Code zum Nachbasteln, ich wünsche viel Spass dabei... #administrators { font-family:'Verdana'; border: 1px solid transparent; border-radius: 2px; border-left: 1px solid rgba(0, 0, 0, 0.2); margin-top: 3px; text-align: center; font-weight: 400; font-style: normal; height: 20px; line-height: 15px; position: relative; max-width: 180px; padding: 2px 15px 2px 30px; user-select: none; color: #FFFFFF; font-size: 12px; font-weight: normal; text-shadow: 2px 2px 5px black; background: dodgerblue; border-color: dodgerblue; box-shadow: 0 0 3px dodgerblue, inset 0 0 3px black; } #administrators:before { content: "\f0e7"; font-family:FontAwesome; background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; position: absolute; top: 0; bottom: 0; left: 0; padding: 2px 4px 0px 4px; min-width: 15px; font-size: 100%; text-align: center; } So lassen sich im übrigen auch Effekte wie Username Glow und Sparklings implementieren. Wie das funktioniert hatte ich früher schon einmal in einem Tutorial für XenForo erklärt, diese Codes könnt ihr so ziemlich 1 zu 1 übernehmen. Ich hoffe euch hat diese Anleitung gefallen, ich habe wie immer versucht, es so Einsteigerfreundlich wie möglich zu gestalten. Falls ihr Fragen habt, stellt diese bitte im Supportbereich, nicht in den Reviews.

In diesem kleinen Tutorial zeigen wir euch in Schritt 1, wie man die Einträge in der Navigationsleiste mit Font Awesome Icons verzieren und in Schritt 2 die Statusicons der einzelnen Foren austauschen kann. Das ist eigentlich ganz einfach, Invision Community unterstützt FA von Haus aus und eine Auflistung der zum jetzigen Zeitpunkt unterstützten Icons findet ihr HIER. Wenn ihr etwas gefunden gefunden habt das ihr benutzen wollt, klickt darauf und notiert euch in der Detailansicht den Unicode ... Als nächstes begebt ihr euch im AdminCP zur Liste der installierten Themes und klickt auf das </> Symbol bei dem Theme, in dem ihr die Icons verwenden wollt. Danach klickt auf den Reiter CSS und sucht das Template custom.css, in dem bei einem unbearbeiteten Theme für gewöhnlich nur ein Platzhalter zu sehen sein sollte. Um FA in der Navigation zu nutzen, muss es für diese Position erst einmal getriggert werden. Dafür ist dieser Codeschnippsel zuständig, den ihr in das leere Template kopiert ... .ipsNavBar_primary li > a:before { font-family: "FontAwesome"; line-height: 1; font-weight: normal; } OK, nun wissen wir woher wir die Icons bekommen und wo wir sie einfügen müssen. Jetzt müssen wir dem Theme nur noch mitteilen, an welcher Stelle es was für ein Icon anzeigen soll. Begebt euch dafür zurück ins Frontend, macht einen Rechtsklick auf das Element, dem ihr ein Icon zuweisen wollt und wählt im Kontextmenü den Punkt Untersuchen aus, worauf euer Browser euch etwas in dieser Art präsentieren wird ... Das was uns interessiert ist in diesem Fall die ID 21. Kopiert jetzt einmal folgendes in euer Template, speichert es ab und aktualisiert eure Seite ... .ipsNavBar_primary li[id="elNavSecondary_21"] > a:before{content:"\f198"} /* Slack */ Nun sollte das Element mit der ID 21 das FA-Icon mit dem Unicode f198 assoziieren, in diesem Fall also "Slack". Genauso verfahrt ihr für alle anderen Elemente in der oberen Navigationsleiste. Bei der Subnavigation geht das genauso, nur der Code ist ein klein bisschen anders ... .ipsNavBar_secondary li[id="elNavSecondary_10"] > a:before{content:"\f086"} /* Comments */ Kommen wir nun zu Schritt 2, in dem wir uns den Statusicons der Foren widmen. Deren IDs könnt ihr genauso mit einem Rechtsklick herausfinden, wie die der Elemente in der Navigation. Der Code um ein Forenicon auszutauschen ist bloss ein bisschen länger und sieht folgendermassen aus ... .ipsDataItem[data-forumid='2'] .ipsItemStatus.ipsItemStatus_large .fa-comments::before, .ipsItemStatus:not( .ipsItemStatus_large ) .fa-comments::before { content: "\f198"; } Dem Forum mit der ID Nummer 2 wird das Icon mit dem Unicode f198 zugeordnet, das wars eigentlich auch schon. Wenn ihr fertig seid, könnte das so in der Art aussehen ... Wir hoffen euch hat diese kleine Anleitung gefallen. Bei Fragen benutzt bitte das Supportforum, wir helfen euch gerne weiter

Wei heißt es eigentlich richtig? Wenn Du im Netz nach Invision Community suchst, findest Du unterschiedlichste Bezeichnung. Der Grund dafür ist, dass die Software schon seit fast zwei Jahrzehnten auf dem Markt ist und durch die kontinuierliche Funktionserweiterung den Namen mehrfach gewechselt hat. Also was ist jetzt richtig? Am Anfang gab es nur ein Produkt, das Invision Power Board (IPB). Im Jahr 2002 wurde Invison Power Services Inc. (IPS) gegründet, um die Software weiter zu entwickeln und später zu vermarkten. Als sich die Produktlinie erweiterte und die Lizenzierung änderte, kamen weitere Bestandteile dazu. Zur Unterscheidung sprach man dann von IP.Board, IP.Gallery, IP.Blog, IP.Nexus, IP.Chat und IP.Content. Wiederum später wurden die Bestandteile nochmal umbenannt, in dem der Zusatz IP. vor dem Modulnamen verschwand bzw. wurden einige Anwendungen komplett umbenannt. So wurde aus IP.Board ein Forum, IP.Nexus heißt jetzt Commerce und aus IP.Content wurde die Anwendung Pages. IP.Chat gibt es übrigens nicht mehr, die Entwicklung dieser Anwendung wurde vor einigen Jahren durch IPS eingestellt. Dafür gibt es mindestens zwei Drittanbieter-Anwendungen, die sogar mehr Funktionen bieten. Die gesamte Produktpalette heißt heute Invision Community Suite und enthält: Forum Blog Gallery Downloads (Anwendung für File Sharing) Commerce (Shop bzw. Monetarizierungsmodul für Inhalte) Pages (CMS und Datenbanken aller Art) Die Entwickler bezeichnen sich selbst übrigens als Invision Community in deren Signaturen auf der offiziellen Seite. Ganz schön kompliziert, oder? Wenn Du auf diese Seite gelandet bist, weil Du noch nach alten Bezeichnung gesucht hast, dann ist unser SEO-Auftrag damit erfüllt Hier siehst Du den ersten Screenshot von Invision Board aus dem Jahr 2002. Invision Board im Jahr 2002 Das waren schöne Zeiten :) Willkommen auf der deutschen Supportseite für Invision Community. Oder Invision Community Suite. Oder IPS Community Suite. Oder IPS. Wähle aus, was Dir besser gefällt.

Ihr kennt das ja, von Zeit zu Zeit braucht man zusätzliche Seiten, sei es für rechtliches Blabla oder andere Sachen, die in einem Thread einfach nicht so gut passen würden. Sollte die Anschaffung der Pages-Application keine Option sein, dann könnt ihr auch mit geringen HTML-Kenntnissen optisch ansprechende Seiten kreieren. Als erstes legt ihr dafür via FTP in dem Verzeichnis in dem sich eure Invision Community befindet eine neue Datei namens meineseite.php an. Dort kopiert ihr folgenden Inhalt hinein... <?php require_once('init.php'); \IPS\Dispatcher\External::i(); $html = 'Lorem ipsum ...'; \IPS\Output::i()->sendOutput( \IPS\Theme::i()->getTemplate('global', 'core')->globalTemplate('Supertolle Seite', $html)); Im grossen und ganzen wars das jetzt auch eigentlich schon. Das Lorem ipsum ersetzt ihr durch euren Inhalt im puren Text- oder HTML-Format und Supertolle Seite mit dem, was nachher auf dem Tab des Browsers stehen soll. Um die Seite in der Navigation zu verlinken, benutzt einfach den systemeigenen Menu Manager. Was die Formatierung der Inhalte angeht können wir euch an dieser Stelle leider nicht weiterhelfen, das würde den Rahmen dieses kleinen Tutorials sprengen. Schaut stattdessen einfach bei SELFHTML vorbei, dort werdet ihr alles finden, was ihr wissen müsst. Solltet ihr trotzdem noch Fragen haben, benutzt bitte das Supportforum, nicht die Reviewfunktion.

Invision Community geht in vielerlei Hinsicht seinen eigenen Weg... und das ist auch gut so. Nur kann das Umsteiger von anderen Forensystemen manchmal schon ein bisschen verwirren. Beispielsweise dieser Punkt, ihr werdet es wahrscheinlich gewohnt sein automatisch einen Button in der Navigation zu haben, der euch alle registrierten Benutzer auf einer eigenen Seite anzeigt. Dazu sei erstmal einmal gesagt, Invision ist viel mehr als "nur ein Forum". Ihr könnt es auch als CMS oder für Ecommerce nutzen, ohne das eigentliche Forum-Modul überhaupt kaufen zu müssen und wenn ihr so eine Seite betreibt ist eine Mitgliederliste in der Regel eher überflüssig. Existieren tut sie allerdings schon, ihr müsst den Menüpunkt nur selbst anlegen und das funktioniert folgendermassen... Schritt 1: Liste erstellen Klick dazu im Header einmal auf das Icon mit der Lupe um die erweiterte Suche zu öffnen. Dort findet ihr zwei Reiter mit denen ihr auswählen könnt, was genau ihr durchsuchen wollt, nämlich die Inhalte oder die Benutzer. Nachdem ihr Benutzersuche angeklickt habt, stehen euch erst einmal ein paar Filter zur Verfügung... Jetzt stellen wir uns unsere ganz eigene Mitgliederliste zusammen, es ist eigentlich ganz einfach: Wenn ihr wirklich alle registrierten Benutzer auf einen Blick haben wollt, könnt ihr diese Einstellungen so beibehalten. Ihr könnt allerdings auch via Benutzer seit nur die neuesten User anzeigen, oder nur angehörige einer bzw. mehrerer Benutzergruppe/n. Hierbei ist allerdings auch der Punkt "Filtern nach dieser Gruppe erlauben?" im AdminCP zu beachten... Nun klickt ihr einfach auf den Button Benutzer Suchen und schon habt ihr eure Mitgliederliste 😉 Schritt 2: Button erstellen Kommen wir nun zum zweiten Schritt, ihr wollt natürlich auch einen Eintrag in der Navigationsleiste haben um direkt dorthin zu kommen. Dazu begebt ihr euch im AdminCP unter System in den Menü-Manager und klickt auf Menüpunkt hinzufügen. Dort wählt ihr nun Externer Link, gebt eurem Button einen Namen und bei URL kopiert ihr aus dem Browser genau den Link der Seite die ihr in Schritt 1 erstellt habt hinein. Jetzt könnt ihr noch ein einstellen wer den Navigationseintrag (nicht die Seite!) sehen darf, klickt auf speichern und das wars auch fast schon. Den neuen Eintrag könnt ihr jetzt noch noch per Drag & Drop dorthin schieben, wo er später angezeigt werden soll, ihr dürft nur nicht vergessen auf Dieses Menü veröffentlichen zu klicken, sonst werden eure Einstellungen nicht gespeichert. Abschliessend bleibt nur noch zu erwähnen, dass es im Marketplace mindestens zwei Applications für Mitgliederlisten gibt, die euch die Arbeit abnehmen und ein paar zusätzliche Features bieten. Mit denen könnt ihr beispielsweise das Layout ändern, oder ein paar weitere Informationen zu den Benutzern in der Liste anzeigen. Diese bewegen sich dafür aber auch preislich im Bereich 10-15 USD, wenn ich mich recht entsinne 😉 Wenn ihr Fragen zu diesem Tutorial haben solltet, benutzt bitte das Supportforum und nicht die Reviewfunktion, ich suche euch dort auf Wunsch auch gerne die Links zu diesen Applications raus. Ansonsten wünsche ich viel Spass beim nachbasteln.