hramusp.ru - Umstellung von YAML nach Bootstrap

post released sites here made with phpwcms
Post Reply
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

https://hramusp.ru

Für die kleine orthodoxe Kirche in Moskau habe ich 2014 eine Seite mit dem YAML-Framework aufgebaut. Hauptsächlich wurde jeden Monat die Gottesdienst-Termine veröffentlicht und hin und wieder ein paar Informationen publiziert. Weil plötzlich der phpmailer nicht mehr funktionierte, habe ich die ganze Seite überholt. Ist vom Design her nicht die grandiose Meisterleistung, verdiene aber auch nichts daran.

Neue Features
- Bootstrap Foundation
- SSL
- Formulare werden über Google SMTP verschickt. Seither kein Spoofing mehr. E-Mails kommen an und zwar nicht in der SPAM-Box
- Fancybox für Bilder und Bild-Galerien
- Coole Mobile-Navigation
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by Oliver Georgi »

Du hast noch ein Problem mit dem vertikalen Scrolling. Liegt an den Artikeln überm Footer. Padding darf nicht auf die .row angewendet werden, packs einfach außen drum.
Bildschirmfoto 2020-05-09 um 08.34.09.png
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

Danke für den Hinweis, Oliver. Habe mich gewundert, warum die index "tanzt". Habe jetzt einfach noch dem umschliessenden DIV die Klasse

Code: Select all

container-fluid
angehängt. Jetzt alles okay.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

Das dumme an den Webfonts ist, dass viele mit dem IE unterwegs sind. Wenn man da in den Sicherheits-Einstellungen Webfonts nicht erlaubt, werden Standard-Schriften gerendert. In diesem Fall die äusserst hässliche Comic-Sans.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by Oliver Georgi »

santscho wrote: Sat 9. May 2020, 12:55 Das dumme an den Webfonts ist, dass viele mit dem IE unterwegs sind. Wenn man da in den Sicherheits-Einstellungen Webfonts nicht erlaubt, werden Standard-Schriften gerendert. In diesem Fall die äusserst hässliche Comic-Sans.
Das hast Du doch selbst in der Hand, einfach Font-Stack anders aufbauen. Und wer stellt denn Webfonts aus?

Was Dein container-fluid betrifft, das brauchst Du eigntlich nicht. Besser auch noch px-4 mit aufnehmen, dann sind die äußeren Abstände harmonischer.
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

Mit px-5 sogar noch besser.

Hast Du noch einen Hint, warum die sticky Nav-Bar immer dann aufhört zu kleben, wenn sie den {CONTENT}Teil des Templates passiert?
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by Oliver Georgi »

santscho wrote: Sat 9. May 2020, 20:36 Hast Du noch einen Hint, warum die sticky Nav-Bar immer dann aufhört zu kleben, wenn sie den {CONTENT}Teil des Templates passiert?
CSS Deines Loading Icons. Ändere wie folgt ab.
Bildschirmfoto 2020-05-10 um 07.36.15.png
Ich würde das auch per JavaScript document.write(); in die Seite schreiben lassen bzw. $(function(){}); (ready) versuchen . Denn wenn jemand kein JavaScript an hat, wird die Ladeanimation für immer an sein.
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

Der Hund muss wo anders begraben sein. Die Navbar hört auf zu kleben, wenn der unterste Punkt im Browserfenster beim Scrollen bei der Navbar oben ankommt.
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
User avatar
Oliver Georgi
Site Admin
Posts: 9888
Joined: Fri 3. Oct 2003, 22:22
Contact:

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by Oliver Georgi »

santscho wrote: Tue 12. May 2020, 05:58 Der Hund muss wo anders begraben sein. Die Navbar hört auf zu kleben, wenn der unterste Punkt im Browserfenster beim Scrollen bei der Navbar oben ankommt.
Alles umsetzen ;-)
Bildschirmfoto 2020-05-12 um 08.26.09.png
Oliver Georgi | phpwcms Developer | GitHub | LinkedIn | Систрон
Old Boy
Posts: 1203
Joined: Fri 23. Nov 2012, 13:52

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by Old Boy »

Stecht der zu scrollende Inhalt in einem gemeinsamen Container?

Hast du es mal mit z-index Einstellungen versucht ?
User avatar
santscho
Posts: 1442
Joined: Mon 2. Apr 2007, 08:56
Location: Schweiz

Re: hramusp.ru - Umstellung von YAML nach Bootstrap

Post by santscho »

Oliver, Du bist ein Fuchs! Habe irgendwo gelesen, dass die 100% Höhe nicht mit Sticky kompatibel ist. Hätte diesem Hinweis früher nachgehen sollen. *grrrrr*
Schon Konfuzius sagte: "Sei kein YAML-Lappen". YAML-phpwcms-Integration auf http://www.yaml.phpwcms.org
Post Reply