Plugin: Videogalerie fürs Forum installieren!

25.07.2020 10:27 (zuletzt bearbeitet: 25.07.2020 10:28)
#1 Plugin: Videogalerie fürs Forum installieren!
avatar
Mitglied

Wie sieht es aus, wenn man nicht nur ein oder zwei Videos in den Beiträgen präsentieren will?
Natürlich sehr speziell....
Hier wird dann, wie bei Bildern, eine Galerie benötigt!
Wie im Support nachzulesen ist, hat Xobor unter anderem, wegen rechtlichen Vorgaben sich entschlossen, nicht aktiv zu werden!
Verständlich, aber auch schade!

Videogalerie installieren (Business-Template):
Habe viel ausprobiert und eine machbare Lösung gefunden.
Ist ganz schön, durch testen und ausprobieren, in der Größe angewachsen!
Noch habe ich kein Plugin mit Eintragungen über "Einstellungen" erstellt, sondern erstmal mit "Plugin-Elementen".
Die Videodaten trägt man übersichtlich im Skript ein ... (hier ein Dank an Mike48)!

Das Plugin ist wie die Bildergalerie aufgebaut, jetzt mit Überschriften und Pfad-Erweiterungen!
Die Videogalerie ist an die Bildergalerie nur angehängt!
Das Template (Business) wird nicht verändert und man kann nach belieben ausprobieren und testen!

PS: Es besteht natürlich auch die Möglichkeit, die Videogalerie in eine Musikgalerie umzubauen, mal sehen .... !

Hier geht es zur Installation: YouTube-Videogalerie für das eigene Forum installieren!
Oder zum anschauen und testen: Die Bilder- und Videogalerie




Gruß
Wolfgang

04.09.2020 08:55 (zuletzt bearbeitet: 04.09.2020 09:05)
#2 Plugin fürs V6: Videogalerie fürs Forum installieren!
avatar
Mitglied

@Ingmar
Bin gerade dabei die Videogalerie auch für das responsive Template V6 funktionstüchtig zu machen!
Brauche da Eure Hilfe!

Wer kennt die Variablen für die folgenden Klassen?
Man findet sie in der Bildergalerie und sie sind zuständig für die Größe der Bilder (Abstand, ....) in Abhängigkeit zur Größe des Browserfenster!
Genial!
Währe gut, wenn diese Funktion mit in die Videogalerie einfließen könnte!

<div class="col-12 col-sm-6 col-xl-3 gallerycat text-center mb-2 mb-xl-4 fadeIn">...</div>

"col-{{...}}", "col-sm{{...}}", "col-xl-{{...}}",mb-{{...}}, mb-xl-{{...}}



Schon mal besten Dank im Voraus
Gruß
Wolfgang




Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge

04.09.2020 11:17 (zuletzt bearbeitet: 04.09.2020 11:17)
avatar  creator
#3 RE: Plugin fürs V6: Videogalerie fürs Forum installieren!
cr
Mitglied

Es handelt sich dabei um eingebaute Klassen von Bootstrap, die entsprechend gut dokumentiert sind.

Hier mehr Informationen zu den Größen vom Abstand:
https://getbootstrap.com/docs/4.5/utilit...acing/#notation

Und hier vom Grid-System:
https://getbootstrap.com/docs/4.5/layout...ne-column-width


 Antworten

 Beitrag melden
04.09.2020 11:37
avatar  Ingmar
#4 RE: Plugin fürs V6: Videogalerie fürs Forum installieren!
avatar
Technik

Zitat von Wolfgang im Beitrag #2
<div class="col-12 col-sm-6 col-xl-3 gallerycat text-center mb-2 mb-xl-4 fadeIn">...</div>
"col-{{...}}", "col-sm{{...}}", "col-xl-{{...}}",mb-{{...}}, mb-xl-{{...}}





Das sind leider keine Variabeln, auch wenn das natürlich wünschenswert wäre. Das steht so hardcoded im Template.

Ich denke aber du müsstest das dennoch überschreiben können:

Im SCSS-Addon kannst du z.B. folgendes versuchen:

1
2
3
4
5
 
#cat_content .gallerycat{
@extend .col-12;
@extend .col-sm-4;
@extend .col-xl-2;
}
 



@extend ist eine SCSS-Anweisung die letztendlich die Eigenschaften einer Klasse kopiert.

Sollte das nicht klappen musst du auf das nächste Template-Update warten. Dann sind die Layout-Klassen in die CSS-Datei ausgelagert und der gezeigte Weg klappt auf jeden Fall.



So sieht das dann nach dem nächsten Update in der CSS-Datei aus:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 

.gallerycat{
@extend .col-12;
@extend .col-sm-6;
@extend .col-xl-3;
@extend .text-center;
@extend .mb-2;
@extend .mb-xl-4;
}
 
.gallerypic{
@extend .col-12;
@extend .col-sm-6;
@extend .col-xl-3;
@extend .col-xxxl-2;
@extend .text-center;
@extend .mb-0;;
@extend .mb-sm-1;
@extend .mb-xl-2;
@extend
.p-0;
}
 

 


Viele Grüße,
Ingmar


 Technik · Homepagemodules.de · Miranus GmbH

 Antworten

 Beitrag melden
04.09.2020 22:51
#5 RE: Plugin fürs V6: Videogalerie fürs Forum installieren!
avatar
Mitglied

Habe es hinbekommen!
Die Video-Fenster verhalten sich jetzt wie die Fenster in der Bildergalerie, passen sich dem Browserfenster an!
Super!
Wie ich festgestellt habe, bestimmen die Werte in der "class="col ...." direkt die Größe und das Verhalten der Fensters!
Ich hatte im Aufbau durch"append" einen Div-Container zu viel und die Größenveränderung konnte nicht greifen!


Besten Dank Imgmar und creator, hat echt weitergeholfen!
Gruß
Wolfgang

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!