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

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 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:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

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

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

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!

Installations für alle Templates und Mobil

InstallationWill 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 und fürs V6 nach , ohne "<style>" und "</style>"!

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

Will man die Höhe anpassen, kann das wie folgt aussehen:

Hier kann die Höhe verändert werden und das in der Foren Übersicht, im Portal und sogar Mobil (V6)!

Höhe einstellen

Höhe Activity Feed verändern

1
2
3
4
5
6
7
8
 
/* Hoehe  auf der Forum Uebersicht */
.lastactions {max-height: 145px !important;}
 
/* Hoehe  im Portal */
.portal .lastactions {max-height: 200px !important;}
 
/* Mobil & Xobor V6 */
.mbt #activity_feed {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 und Anne finden das Top!

Antworten

Moderations-Kommentar:

Beitrag komplett überarbeitet.

#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 alles 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:	278
Registriert seit:	21.08.2021

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Nicht angegeben
Likes	114

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 findet das Top!

Antworten

Das Plugin "Externe Inhalte einbinden" - Cookie Abfrage erweitern � � Kleine Spoiler im Profilfeld

�hnliche Themen

Antworten

Letzter Beitrag

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: 394

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: 398

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: 445
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: 492

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: 2380

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: 2588

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: 826

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

21.07.2023 10:59
von

Kipper-Spedition • Zugriffe: 2446

"Schnellstart-Menü" oder "Win + X Menü" unter Windows 10 anpassen!
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps von Wolfgang

18.09.2015 16:38
von

Wolfgang • Zugriffe: 1961

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 €

36%