Kennst du schon...? - Die erste Zeile im Activity Feed fixieren
17.10.2013 09:31

Unter "Kennst du schon...?" stelle ich euch regelmäßig kleinere oder größere Features und Einstellmöglichkeiten vor, die in den Tiefen der Xobor Forensoftware versteckt sind. Warum wir sie ans Licht holen? Weil sie alle euren Forenalltag ein kleines bisschen leichter machen.

Heute: Die erste Zeile im Activity Feed fixieren

Wo zu finden?

Admin → Layout → Kopf- & Fußzeile → Fußzeile

Was ist es?

Ein kleines Tutorial darüber, wie ihr etwas in der ersten Zeile des Activity Feeds fixieren könnt.

Wofür ist es gut?

In unserem Supportforum ist die erste Zeile des Acitivity Feeds immer fest und leitet euch direkt zu unserer Forenapp für Android oder iOS.
Da inzwischen des öfteren nachgefragt wurde, wie das möglich ist, habe ich heute ein kleines Tutorial für euch vorbereitet.

Um die Zeile in den Feed zu bekommen, fügt ihr folgenden Code in die Fußzeile eures Forums ein und tauscht die farbig markierten Elemente aus:

<script>
var htmlContent = '<table align="center">'
+ '<tr>'
+ '<td width="70%"><img src="http://www.bilder-hochladen.net/files/k75p-8-c9f0.png" height="50" /> <a href="https://www.hpm-support.de/t534112f11769151-Die-Xobor-Forum-App-Jetzt-bei-Google-Play-fuer-Android.html#msg7233156">Xobor Forum App -- Jetzt im Google Play-Store erhältlich (Aktuelle Version. 1.53)</a></td>'
+ '<td width="30%" style="text-align: right"><a href="https://www.hpm-support.de/t534481f11769151-Die-Xobor-Forum-App-jetzt-auch-im-App-Store-fuer-Dein-iPhone.html#msg7235502" target="_self"> Jetzt auch für IOS im App Store</a></span><img src="http://www.bilder-hochladen.net/files/k75p-b-6512.png" height="46" /></td>'
+ '</tr>'
+ '</table>';

$('#xActivityFeed').prepend('<li class="forum_message row ifo1" style="background-color:#fffbf4;"><div class="comments-header">' + htmlContent + '</div></li>');
</script>

Die blau markierten Elemente sind die Links zu den Icons die angezeigt werden, rot sind die Links der Zielseite und die grün markierten Teile sind die sichtbaren Sätze, also die Beschriftung der Links.

Auch die Farben für die Hintergrundfarbe style="background-color:#fffbf4; könnt ihr nach belieben austauschen und der Farbe eures Forums anpassen.

Hinweis:
Websiten werden beim aufrufen immer von oben nach unten geladen, deshalb muss der Code in die Fußzeile.
Wäre er in der Kopfzeile, würde der Code, der ja auf den Activity Feed zugreift, noch vor dem Activity Feed geladen werden.
Damit würde er ins Leere greifen und Fehler produzieren.

Wichtig:
Wenn der Code beim ersten Seitenaufruf ausgeführt wird, legt er die eingestellte Zeile ganz oben in den Activity Feed. Werden neue Beiträge geschrieben und der Livemodus des Feed ist aktiviert, werden die neuen Aktionen natürlich über der ersten Zeile eingespielt.
Die erste Zeile rutscht nach unten.
Erst wenn die Seite mit F5 aktualisiert wird, wird der eingebaute Code in der Fußzeile erneut ausgeführt und die Zeile wieder in die erste Zeile eingespielt.
Bei Activity Feeds ohne Livemodus bleibt die Zeile immer oben, da der AF erst durch neues Laden der Seite aktualisiert und damit auch der Code jedes Mal neu ausgeführt wird.



PS: Habt ihr Ideen oder Wünsche für ein "Kennst du schon...?", etwas das eurer Meinung nach für alle beleuchtet und als kurzes Tutorial dargestellt werden sollte?
Dann schreibt mir einfach eine PN (Alice) und umreißt euren Vorschlag kurz.
Und keine Angst - "blöde" Vorschläge gibt es nicht.

Informationen zu diesem Artikel
  • Erstellt von: Alice
    Kategorie: Community
    17.10.2013 09:31:00 Uhr

    zuletzt bearbeitet: 29.10.2013 15:43
  • 13 Kommentare
Kommentare
Gast
( Gast )
Diesen Kommentar wirklich löschen?
30.10.2013 11:13

Nein, nur das was ich im Tutorial beschrieben habe.

Diesen Kommentar wirklich löschen?
30.10.2013 10:36

Ist dafür noch etwas anderes erforderlich? ZB etwas im Template zu ändern?

LG

Diesen Kommentar wirklich löschen?
20.10.2013 11:51

Irgendwie hat das bei mir einen kleinen Fehler. Wenn jemand z.B. einen neuen Beitrag schreibt, dann wird alles im Actifity Feed auf einmal als ganz neu und fett angezeigt. Erst wenn man die Seite neu lädt ist es wieder normal. Ist das bei euch auch so?

Diesen Kommentar wirklich löschen?
17.10.2013 16:13

Wow! Ist ja auch schon als Plugin verfügbar! Ganz, ganz große Klasse!!!! Jetzt wird hier aber richtig Dampf gemacht!

Gast
( Gast )
Diesen Kommentar wirklich löschen?
17.10.2013 14:05

Ooohhhh ein Blümchen-Smilie für mich.
Danke Ludger.

Gast
( Gast )
Diesen Kommentar wirklich löschen?
17.10.2013 14:05

gismo: Mach doch ein Thema im Kaffeklatsch dazu auf (da sieht man es eher und mehr Leute) und frage da mal nach, bestimmt hilft dir jemand mit deinem Button.

Diesen Kommentar wirklich löschen?
17.10.2013 13:25

fantastisch ... danke ... ist schon aktiv bei uns

Diesen Kommentar wirklich löschen?
17.10.2013 13:14

Eigentlich das was ich gesucht habe.Aber so wie es aussieht bin ich zu blöde das umzusetzen.Ich wollte mein spenden Button da verlinken aber irgendwie blick ich das net.Schade.

Diesen Kommentar wirklich löschen?
17.10.2013 13:06

Gestestet. Soetwas habe ich schon immer gesucht. Laufband, Mail-Newsletter oder andere Boxen auf dem Protal versucht - mit mäßigem Erfolg. Da einige Nutzer aus Ressourcengründen unser vollgepacktes Portal meiden, wird oft die Forenübersicht als Startseite genutzt.
Nun bin ich am Grübeln - welche wichtige Nachricht ich da oben platziere ... bin ganz aufgeregt.

Danke!!!!!

Gast
( Gast )
Diesen Kommentar wirklich löschen?
17.10.2013 12:02

Danke für deinen Hinweis, mario. Ich habe den Link oben im Code korrigiert - nun funktioniert es.

Diesen Kommentar wirklich löschen?
17.10.2013 10:41

Eine wirklich tolle Sache! Nun muss ich mir nur noch überlegen, was ich an der Stelle platzieren werde. Eine bessere Stelle kann man wohl nicht mehr finden, wenn man auf etwas ganz besonders Aufmerksamkeit lenken möchte. Vielen Dank für die super Erklärung!

Diesen Kommentar wirklich löschen?
17.10.2013 09:48

Habe gerade getestet und der Link den du da für Die IOS App eingegeben hast ist scheinbar nicht der Richtige kommt eine Fehlermeldung.

Ich habe dafür diesen eingesetzt.

1
 
https://www.hpm-support.de/t534481f11769151-Die-Xobor-Forum-App-jetzt-auch-im-App-Store-fuer-Dein-iPhone.html#msg7235502
 



Dann Ist der Fehler weg. Das nur zur Info für alle die für die App im Aktivity Feed Werben wollen.

Diesen Kommentar wirklich löschen?
17.10.2013 09:43

Top Danke für die Erklärung. Da Tuen sich ja ganz andere Möglichkeiten auf.

Sie haben nicht die nötigen Berechtigungen, um neue Kommentare zu verfassen