.scrollTop
Beim runterscrollen auf dieser Seite, guck mal unten Rechts in die Ecke.
HTML Gerüst
Also, ich fange mal an:
<!-- html --> <!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="theme-color" content="black"> <title>TITLE</title> </head> <body> <h1>Hallo Welt!</h1> </body> </html>
Fertig.. ne ne, das war es schon ;)
DELETE mit PDO
Einen Eintrag aus der SQL Datenbank löschen, die kürzest mögliche Schreibweise:
$stmt = $db->prepare('DELETE FROM `tabelle` WHERE `id` = :id');
$stmt->execute(array(':id' => $_GET['id']));
So verwende ich es hier im 4CMS.
QR-Code Generator
Du willst auch so einen QR-Code haben mit deinen eigenen Informationen wie Text oder einfach nur die Adresse deiner Homepage ?
Dafür gibt es einige Online-Generatoren die sowas kostenlos Anbieten.
Einer dieser Dienste ist z.b. www.qrcode-generator.de
Blurgrounds
Ahhh Blurgrounds nennen sich die Dinger, na dann werd ich gleich mal so ein Blurry Background einbauen ;)
CSS3 und :valid
Nun meckert der W3C CSS Validierungsdienst von wegen:
Entschuldigung! Es wurden die folgenden Fehler gefunden
- Unbekanntes Pseudoelement oder Pseudoklasse: :required
- Unbekanntes Pseudoelement oder Pseudoklasse: :valid
Momentan stehe ich echt auf dem Schlauch und finde keine valide Lösung.
mysql_ ist veraltet
mysql_*
Warnung: Diese Erweiterung ist seit PHP 5.5.0 als veraltet markiert und wird in der Zukunft entfernt werden. Verwenden Sie stattdessen die Erweiterungen MySQLi oder PDO.
config.php Nr. 2
Wir wollen eine Datenbank Verbindung mit einer MySQL-Datenbank herstellen.
Unsere Daten tragen wir hier ein:
define('DBTYPE','mysql');
define('DBHOST','localhost');
define('DBNAME','dein_datenbankname');
define('DBCHAR','utf8mb4');
define('DBUSER','dein_db_username');
define('DBPASS','dein_db_passwort');
Diese übergeben wir dann an unsere Verbindung:
Umlaute ÄÖÜäöü
Ich schreibe Umlaute mit TinyMCE und Tiny schreibt diese auch so in die Datenbank.
Archiv Block
Viel Code für so ein simplen Archiv-Block, geht aber nicht kürzer :(
SELECT Month(adatum) AS Month, Year(adatum) AS Year, COUNT(*) AS eintraege FROM artikel WHERE astatus=1 GROUP BY Month(adatum), Year(adatum) ORDER BY adatum DESC
TinyMCE Smileys
Ein Plugin für den TinyMCE kann Smileys.
viel Code
Das wird mir langsam zu viel Code für ein mini, micro, macro, nano, einfaches simple Blog Script... alleine die CSS bläht sich schon auf 5k auf.
Ich glaube ich mach ein Downgrade auf das wesendliche und alles andere via Plugin, Modul what ever...
Schritt 1-3
Das Tutorial wird folgende Punkte beinhalten:
- punkt 1
- punkt 2
- punkt 3
Als Dump gibt es einen User und einen erster Artikel (aid=1).
Ein Forum v1
Ja, ja ich weiß, Foren sind sowas von 2000 aber hey, ich hatte Zeit und Lust und wollte mal testen wie gut sich so ein "Board" mit wenig PHP-Code für das 4CMS als Modul Programmieren läßt.
Pure CSS Tabs
Ein kleiner Tabs-Block in purem CSS geschrieben.
Man war des ne pixelige Angelegenheit bis das Teil richtig ge-Pixelt hat.
PHP Kalender
Wird vielleicht mal gebraucht, ein Monatskalender in PHP als Block oder Modul in Deutsch.
pre Zeilenumbruch
Durch die Kombination von CSS white-space und word-wrap gibt es auch innerhalb eines pre-Tags einen Zeilenumbruch.
mySQL RAND()
Einen zufälligen Datensatz mit RAND() aus der Datenbank holen.
$stmt = $db->query('SELECT `titel` FROM `tabelle` ORDER BY RAND() LIMIT 1');
while ($row = $stmt->fetch()) {
echo $row['titel'];
}
Script Dateien
Ich habe den Plan aufgegeben, das 4CMS (2014) unbedingt in nur eine einzige Core Datei zu schreiben, so wie ich es noch bei mimaliro.de gemacht habe, stattdessen hat hier fast jeder Bereich eine eigene Datei mit griffigen Namen.
Wenn ich nur ein wenig mehr von OOP (Objekt Orientierte Programmierung) verstehen würde, könnte ich das alles wohl noch viel schlanker gestalten und das Erstellen neuer Module ginge noch leichter von der Hand.
Tabellen
Mustertabellen.
HTML & CSS
HTML5 Tags!
code
q
em
strong
cite
samp
var
u
s
del
ins
span
small
abbr
sub
sup
mark
kbd
#link
Extern.
Intern.
orange
style
🄬️ fs20
Für mein 4CMS das ich hier auf butschy.de verwende, versuche ich ein möglichst schlankes und klassenloses (classless) CSS Framework zu bauen.
Für eine Live Vorschau nutze ich ein Pen auf Codepen,
Ein Video
mySQL SUM
Klickt man hier auf einen der Artikel, wird dieser Klick in die Zelle aklicks in die Datenbank geschrieben und der Wert dort um einen erhöht.
Blätterfunktion Class
Eine "Blätterfunktion" die sich überall einbauen läßt, wo auch immer Inhalte über mehrere Seiten verteilt werden soll.
TinyMCE Emoticons
plugins: ["emoticons"],
bbcode für atext2
Ein paar wenige bbcode´s Testen.
if rowCount 0 else
Was ist, wenn es noch keinen Daten in der Datenbank gibt, muss man es Petzen ? Und wenn ja, wie ?
Klugscheisser Bot
Hey du Lutscher, was willst du wissen?
TinyMCE Selector
Will man nur eine bestimmte textarea mit TinyMCE ansprechen, muss man seiner textarea eine ID zuweisen.
TinyMCE eigene CSS Datei einbinden.
Nette Sache, da läßt sich im TinyMCE Editor eine eigene CSS Datei einbinden.
content_css : "../css/style.css",