Forum - Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! � Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Elektronik & Elektrotechnik - Fragen & Antworten Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen datum

22.01.2012 15:52 (zuletzt bearbeitet: 15.03.2024 12:07)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3591
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1460

Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen
Aktualisiert 05.04.25

Die Darstellung des "Activity Feed" hat viele Vorteile. Hier sieht man, was im Forum abläuft, seien es Beiträge fürs Gästebuch, Kalendereinträge, Bildergalerie, u.s.w.
Der "Activity Feed" nimmt allerdings einen gewissen Raum in Anspruch.
Wird in der "Foren Übersicht" und über die Box "Aktivitäten" im Portal angezeigt!

Installation für alle Templates und Mobil

Installation

Will man die Tabelle in ihrer Höhe oder auch anders formatieren, brauchen nur die folgenden Zeilen wie folgt eingetragen werden.

Die CSS-Einträge kommen für die Templates (v1-4) nach !
Im V6 funktioniert der folgende CSS/SCSS-Eintrag nur in der Desktop-Version ohne Button "Mehr anzeigen"!
Der Eintrag kommt nach , ohne "<style>" und "</style>"!

Die Höhe und andere Formatierungen können in der "Foren Übersicht" und im "Portal" getrennt eingestellt werden!

Wird die Höhe angepassen, kann das wie folgt aussehen:

Höhe einstellen

Höhe Activity Feed verändern - Nur V1-4

1
2
3
4
5
 
/* Hoehe  auf der Forum Uebersicht  - Nur V1-4 */
.lastactions {max-height: 145px !important;}
 
/* Hoehe  im Portal - Nur V1-4 */
.portal .lastactions {max-height: 200px !important;}
 

Höhe Activity Feed verändern - Nur V6 nicht MobilFuntioniert nur in den Designs ohne Button "Mehr anzeigen"

1
2
 
/* Desktop-Version Xobor V6 */
.scndrow #activity_feed .card-body {max-height: 200px !important;}
 

Will man nicht nur die Höhe, sondern das gesamte Design anpassen, muss man folgendes verändern:

Hier kann der Tabellenhintergrund und die Schrift verändert werden!

Tabellenhintergrund, Schrift, Mouseover-Funktionen

Design verändern
Forenübersicht:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.lastactions div {
  /* Tabellenhintergrundfarbe */
  background:#eeeeee !important; 
 
  /* Schriftfarbe */
  color:#2222aa !important; 
 
  /* Schriftgröße */
  font-size: 12px !important;
 
  /* Schriftart */ 
  font-family:MV Boli !important;
}
 

Portal:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
.portal .lastactions div {
  /* Tabellenhintergrundfarbe */
  background:#eeeeee !important; 
 
  /* Schriftfarbe */
  color:#2222aa !important; 
 
  /* Schriftgröße */
  font-size: 12px !important;
 
  /* Schriftart */ 
  font-family:MV Boli !important;
} 
 

Will man die Links noch in besonderer Form hervorbringen, könnte das so aussehen:

Die Links werden hier mit Schlagschatten, Rahmen, abgerundeten Ecken, Schriftfarbe und Hintergrundfarbe versehen!

Schlagschatten, Rahmen, Hintergrundfarbe

LinkformatierungForenübersicht:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
.lastactions a {
  /* Link-Schriftart */ 
  font-family:MV Boli !important;
 
  /* Link-Farbe */
  color:#005500 !important; 
 
  /* Link-Schriftgröße */
  font-size: 12px !important;
 
  /* Hintergrundfarbe Link*/
  background: #eeeeee !important; 
 
  /* Abgerundete Ecken */
  border-radius:6px;
 
  /* Schlagschatten */
  box-shadow:0px 0px 9px #000000;
 
  /* Rahmen */
  border:1px solid #000000;
 
  /* Notwendige Einstellung für Linkformatierung */
  padding:1px 3px;
  line-height:20px !important;
}
 
.lastactions a:hover {
  /* Mouseover: Link-Farbe */
  color:#000000 !important; 
 
  /* Mouseover: Kursiv */
  font-style: oblique !important;
}
 

Portal:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
.portal .lastactions a {
  /* Link-Schriftart */ 
  font-family:MV Boli !important;
 
  /* Link-Farbe */
  color:#005500 !important; 
 
  /* Link-Schriftgröße */
  font-size: 12px !important;
 
  /* Hintergrundfarbe Link*/
  background: #eeeeee !important; 
 
  /* Abgerundete Ecken */
  border-radius:6px;
 
  /* Schlagschatten */
  box-shadow:0px 0px 9px #000000;
 
  /* Rahmen */
  border:1px solid #000000;
 
  /* Notwendige Einstellung für Linkformatierung */
  padding:1px 3px;
  line-height:20px !important;
}
 
.lastactions a:hover {
  /* Mouseover: Link-Farbe */
  color:#000000 !important; 
 
  /* Mouseover: Kursiv */
  font-style: oblique !important;
}
 

Thema im Support-Forum

Höhe des Activity Feed einstellen möglich?

Thema hier aus dem Forum

Bis dann und viel Erfolg

Wolfgang

bernd1402, Anne und Dankesch�n finden das Top!

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet.
Pfad Activity Feed für V6 angepasst!

#2 | RE: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

27.03.2017 07:05 (zuletzt bearbeitet: 24.03.2019 22:53)

Eine tolle Sache und sehr hilfreich um das aussehen des Aktivity-Feed individuell anzupassen
Besten dank Wolfgang

Daishi findet das Top!

Antworten

#3 | Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

13.03.2024 09:19 (zuletzt bearbeitet: 14.03.2024 17:58)

Guten Morgen Wolfgang 🫖 ☕️

Funktioniert das nur fürs Business?

Habe es in meinem Testforum ausprobiert, aber da ändert sich nichts.

LG

Wolfgang findet das Top!

Antworten

#4 | Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

14.03.2024 17:58

Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen

Hallo AnneDer ursprüngliche Beitrag war schon in die Jahr gekommen (2012). Ich hatte ihn auf die Schnelle überarbeitet.
Du hast Recht, er war hauptsächlich aufs Business-Template ausgelegt!
Habe ihn nochmals überarbeitet, sollte jetzt, wie beschrieben, in all Templates funktionieren!
Habe alles in Beitrag #1 nachgetragen!

Bitte testen und nochmal besten Dank fürs Feedback!
VG
Wolfgang

Kipper-Spedition und Anne finden das Top!

Antworten

#5 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

14.03.2024 19:51

Lässt man den bestehenden Feed da? Oder muss man irgendwo was einsetzen?

Hängt man den Code nur an? Oder muss man ihn irgendwo im bestehenden Feed ändern.

Habe es probiert und er funktioniert irgendwie immer noch nicht 😭

Antworten

#6 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

15.03.2024 12:57

Jetzt funktioniert es

Danke Wolfgang

Wolfgang findet das Top!

Antworten

#7 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

15.03.2024 16:19 (zuletzt bearbeitet: 16.03.2024 08:15)

Anne

Informationen anzeigen

Beitr�ge:	314
Registriert seit:	21.08.2021

Homepage:	Nicht angegeben
Letzte Spende	Betrag 5 � Forum Spende
Sternzeichen	novalue
Likes	143

Ich habe mal ein wenig rumgespielt und den Code von Wolfgang ein wenig aufgehübscht 🤭 wenn das okay ist

Ist zwar jetzt auf mein Forum abgestimmt, aber wer es farbig mag .. 💄

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
#xActivityFeed 
.lastactions div {
  /* Tabellenhintergrundfarbe */
  background: #b5c4c4!important;
  /* Schriftfarbe */
  color:#000000 !important; 
 
  /* Schriftgröße */
  font-size: 12px !important;
 
  /* Schriftart */ 
  font-family:Dosis !important;
}
 
.lastactions a {
  /* Link-Schriftart */ 
  font-family:Dosis !important;
 
  /* Link-Farbe */
  color:#ffffff !important; 
 
  /* Link-Schriftgröße */
  font-size: 14px !important;
 
  /* Hintergrundfarbe Link*/
  background: linear-gradient(-160deg, rgba(0,51,51,0.8) 20%, rgba(67,84,91,0.7) 70%); !important; 
 
  /* Abgerundete Ecken */
  border-radius:5px;
 
  /* Schlagschatten */
  box-shadow:0px 0px 9px #000000;
 
  /* Rahmen */
  border:1px solid #000000;
 
  /* Notwendige Einstellung für Linkformatierung */
  padding:1px 3px;
  line-height:300% !important;
}
 
.lastactions a:hover {
  /* Mouseover: Link-Farbe */
  color:#000000 !important; 
 
  /* Mouseover: Kursiv */
  font-style: oblique !important;
}
 

 

Es funktioniert im Gaia super
Wie es mit dem Business und V6 ist.. 🤷‍♂️

liebe Grüße

Wolfgang und Dankesch�n finden das Top!

Antworten

#8 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

26.03.2025 19:48

Hallo Wolfgang,

ah, wieder was, was wir bei uns schon immer geändert haben wollten, zumindest die Höhe.
#1 hast du überarbeitet, aber immer wenn ich auf das Hover-"Mehr" klicken will, gehts nicht:
muss das vielleicht wieder nur frei geschaltet werden?

Danke!
von Jan

Antworten

#9 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

26.03.2025 19:51

Hallo Anne,

das klingt total spannend: dürfte ich das bei deinem Forum bewundern? Ich find keinen Link dorthin auf deinem Profil...

Danke!
von Jan

Antworten

#10 | RE: Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen datum

27.03.2025 00:16

Hallo Jan

unser Activity-Feed ist leider nicht einsehbar für Gäste 👀

Dankesch�n findet das Top!

Antworten

Kleine Quasselbox fürs Forum � � Smileys für Themen-Markierungen einfügen und bearbeiten! - Teil 1+2

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Activity Feed (Aktuelle Beiträge) - Links präzisieren?
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Dankeschön

13.04.2025 12:36
von

Dankeschön • Zugriffe: 107

Für die Iconbar: Wählbares + aktuelles Datum in Beiträgen einfügen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

06.09.2024 21:08
von

Wolfgang • Zugriffe: 466

Auswahlmenü Bild-Einstellungen und Bilder verlinken optisch anpassen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

28.05.2023 12:56
von

Wolfgang • Zugriffe: 464

Videos über Tabelle einfügen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Nara 6 25.03.2023 12:11
Nara • Zugriffe: 490
Trennlinien im Activity Feed entfernen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Anne 4 06.11.2021 15:19
Wolfgang • Zugriffe: 532

Themen, Titel, Pfad und Activity Feeds mit Überlauf - Teil 1-3 → Es kommt vor, dass die Überschriften ungewöhnliche Längen erreichen und sich mit Beitragsdatum anderen Links den Platz teilen müssen!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang

24.05.2021 09:09
von

Wolfgang • Zugriffe: 2465

Navigations-Pfad verbessern und anpassen - Teil 1-3!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

13.06.2024 11:12
von

Wolfgang • Zugriffe: 2725

Icon im Activity Feed wird nicht angezeigt
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Everleigh Blossom

25.04.2019 18:37
von

Everleigh Blossom • Zugriffe: 866

"Letzte Beiträge" in Activity Feed einbauen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Hans58

03.02.2025 14:10
von

Dankeschön • Zugriffe: 2620

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

65%

Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen Aktualisiert 05.04.25

Fehlersuche: Activity Feed - Höhe der Tabelle einstellen und Design anpassen

Activity Feed (Aktuelle Beiträge) - Höhe der Tabelle einstellen und Design anpassen
Aktualisiert 05.04.25