PHP Jabbers Scripte

[Tommy Herrmann]

also diese zusätzliche CSS im "CSS Editor" vom Mobirise-Block scheint das zu richten:

Code: Alles auswählen

img {
  width: auto;
  height: auto;
}
.btn-group .btn {
  margin-left: -10px !important;
  margin-top: 10px !important;
}
.form-control {
  margin-top: -6px !important;
}
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
  top: 66px !important;
}

man könnte auch die Block ID hinten an die URL hängen, ich weiß aber gerade nicht wie

Code: Alles auswählen

https://mobirise-tutorials.com/News-PHPJabbers/blog-direkt.php?controller=pjLoad&action=pjActionView&id=3#content

https://mobirise-tutorials.com/News-PHP ... =3#content

[Volker]

Ich sehe das jetzt nicht als großes Problem das man da nicht mit Anker hin kommt.

Wenn ich so einen Blog z.B. in sound-dj.de einbauen würde, hätte ich oben im Menü den Menüpunkt "Blog" und
bei Aufruf würde der Blog auch an erster Stelle der Seite erscheinen. ( Anders würde es für mich keinen Sinn machen)

Ich denke man kann mit Iframe und Direkteinbau diesen Blog einbinden. Die CSS für Video würde mich noch interessieren. Meine Video gehen über die gesamte Breite. Wenn das noch machbar wäre würde ich das sogar so einbauen bei mir.

[Tommy Herrmann]

Man kann sicherlich diese Datei von der Anwendung ändern:

/app/views/pjLayouts/pjActionLoad.php

Blicke da aber nicht durch. So etwas könnte unser Werner oder auch bestimmt der Klaus.


Ich habe noch die CSS für das Dropdown "KATEGORIEN | ARCHIV" angepasst (saß zu hoch):

Code: Alles auswählen

#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
  top: 66px !important;
}

[Volker]

Wie bekomm ich das mit dem Video hin Tommy ?
DAs es nicht über die gesamte Breite angezeigt wird.

[Tommy Herrmann]

Jepp, das Argument finde ich gut (ganz oben einbauen)

Habe ich jetzt auch gemacht:

https://mobirise-tutorials.com/News-PHP ... direkt.php

... Video habe ich mit Video-Tag und CSS gemacht - suche ich Dir gleich raus.

[Tommy Herrmann]

... ich habe dem Video diese CSS gegeben:

Code: Alles auswählen

video {
  width: 30%;
}
@media (max-width: 991px) {
  video {
    width: 60%;
  }
}

… und das Video habe ich mit einem eigenen HTML5 Video-Tag in den TinyMCE-Editor der Anwendung unter:

> Tools > Source Code

rein kopiert:

Code: Alles auswählen

<video id="upVideo" preload="auto" controls="controls" width="300" height="auto">
 <source src="https://mobirise-tutorials.com/News-PHPJabbers/videos/2024-04-19-Spargel-Thermomix.mp4">
  Your browser does not support the video tag.
</video>

[Volker]

Ich sagte doch ... ein wenig die CSS anpassen und man kann ihn direkt einbauen

Habe unten noch einen Button eingebaut um den Blog neu zu starten ( Quasi als Sprung zurück zum Anfang )
So entgeht man auch dem www Problem, da es ja dann ohne www geladen wird

https://fotoschulungen.com/blog2/

Mit eigenen Video klappt Deine Methode, aber wie gehts bei Youtube ?

[Tommy Herrmann]

... ja - das ganze Theater kommt tatsächlich von der veralten Bootstrap-Version 3, die diese Blog-Anwendung noch nutzt.

Da sind manche Klassen etwas anders, wie z.B. auch die class="form-control", dadurch verschiebt sich dieses Input-Feld zur Suche derartig, dass alles andere gleich mitmacht. Da gibt es Konflikte ohne Ende.

Ist auch recht unverständlich, warum PHPJabbers da nicht mal die neue Bootstrap-Version 5 eingebaut hat - aber da müssten sie dann wahrscheinlich alle ihre Skripte komplett neu bauen und das kostet wieder Geld

[Volker]

Ich bin schon ne Hupe

Nicht die Video CSS sondern Iframe muss man ändern für Youtube Videos

Also auch das klappt jetzt bei mir und somit könnte man den Blog auf jeden Fall gebrauchen.
Das Weiterleiten an Freunde habe ich abgeschaltet, weil eben auch noch Google+ drin war und ich das so auch nicht brauche. Die Kommentarfunktion könnte man ja auch noch abschalten, so dass wirklich nur Aktuelles oder eben Themen die der Seitenbetreiber darstellen will, im Blog angezeigt werden. Mit Bildern, Videos und eben Texten.

Für alle die Wordpress oder andere CMS Funktionen bei Mobirise vermissen sicherlich eine Alternative

[Tommy Herrmann]

@ Volker,

habe da noch 2 Sachen gefunden.

1.) Die falsch sitzende Border am Eingabefeld zum Suchen entfernt
2.) Das Schließen X am Handy fehlte

Code: Alles auswählen

.form-control {
  margin-top: -6px !important;
  border: none !important;
}
@media (max-width: 767px) {
  #pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
    top: 132px !important;
  }
}

[Volker]

Ja Klasse

Das mit dem fehlenden X am Handy hatte ich nicht gesehen und die Suche sieht jetzt auch so aus wie sie soll.


Sooo viel an Änderung in der CSS war es ja dann doch nicht

Meine CSS für den Block sieht jetzt dann so aus:

Code: Alles auswählen

img {
  width: auto;
  height: auto;
}
.btn-group .btn {
  margin-left: -10px !important;
  margin-top: 10px !important;
}
.form-control {
  margin-top: -10px !important;
  border: none !important;
}
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
  top: 66px !important;
}
video {
  width: 33%;
}
@media (max-width: 991px) {
  video {
    width: 60%;
  }
}
iframe {
  height: 315px;
  width: 560px;
}
@media (max-width: 767px) {
  #pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
    top: 132px !important;
  }
}

[Tommy Herrmann]

… und ja - ist sicherlich zu gebrauchen, schon weil Mobirise keinerlei CMS anbietet.

Da sind aber alle Anwendungen von PHPJabbers auch sehr ähnlich, im Grunde ist der "News Blog" ja fast identisch:

https://www.mobirise-tutorials.com/News-PHPJabbers/

… und auch die Anwendung "Simple CMS" erfüllt diesen Zweck:

https://www.mobirise-tutorials.com/News ... leCMS.html

[Volker]

Ja Tommy stimmt, aber dieser Blog ist eben ein richtiger Blog mit den dazu gehörenden Funktionen, wie z.B. Kommentar. Vor allen SEO tauglich, weil man eben jeden Eintrag entsprechend bei Google finden kann, so wie eben in Wordpress auch ( Wenn man es dann einschaltet)

[Tommy Herrmann]

Deine CSS für das Iframe kann ich nicht verstehen, das passt sich doch ganz alleine jeder Größe an:

Code: Alles auswählen

<iframe id="myFrame" src="https://mobirise-tutorials.com/News-PHPJabbers/blog-aufruf.php"></iframe>

[Volker]

Das Iframe ist für Youtube gedacht, damit das Video nicht in voller Breite dargestellt wird. Klappt auch so

[Tommy Herrmann]

ach Du meinst den Einbettungscode von YouTube - den kannst Du ja anpassen wie Du willst, z.B. mit:

Code: Alles auswählen

max-width: 80%;
height: auto;

[Volker]

Ich hatte versucht die Werte bei der Einbettung zu ändern, hatte aber keinen Erfolg damit. War in der Höhe zwar kleiner, aber in der Breite immer volle Größe.

Zeig mal bei Dir bitte im Blog ob das bei Dir geht.

[Tommy Herrmann]

kann ich erst morgen machen.

Bin jetzt nicht mehr am PC.

[Tommy Herrmann]

... nochmals angepasste CSS für den Direkteinbau:

Code: Alles auswählen

video {
  width: 30%;
}
@media (max-width: 991px) {
  video {
    width: 60%;
  }
}
img {
  width: auto;
  height: auto;
}
.btn-group .btn {
  margin-left: -10px !important;
  margin-top: 10px !important;
}
.form-control {
  margin-top: -6px !important;
  border: none !important;
}
.glyphicon {
  top: 2px !important;
}
.glyphicon-search {
  top: -2px !important;
}
#pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
  top: 66px !important;
}
@media (max-width: 767px) {
  #pjWrapper .pjBlFiltersDropdown.pjBlFiltersDropdownActive {
    top: 132px !important;
  }
}

[Volker]

Mit der CSS gehts bei mir nicht

Wieder komplette Breite

Ich lass es mit dem Iframe so