navbar-toggler

Zwei Zeilen CSS Code entfernen den Rahmen um das navbar-toggler-icon in der Navbar von Bootstrap 5 seiner Navigation.

.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler {
  border: 0;
}

#remove #hover #border #navbar #demo

1632 Klicks 0 Kommentare

CSS var

Variablen sind ein Teil der CSS Spezifikation und heißen CSS Custom Properties

:root {
--red: #f8312f;
}

Überall dort, wo ich wiederholend die Farbe "Rot" benötige, verwende ich diese CSS Klassen:

.red { color: var(--red); }
.bg-red { background-color: var(--red); }
.border-red { border: var(--border) var(--red); }
1812 Klicks 0 Kommentare

Free SVG Icons

1424 Open source free SVG icons. Highly customizable. No attribution required. For commercial use.

Weiterlesen

1844 Klicks 0 Kommentare

CSS Attribut-Selektor

Selektoren auf der Basis von Attributen werden in eckigen Klammern notiert.

h2[title^="H2 Titel"] { ... }
a[href^="https:"] { ... }
a[href^="tag/slug"] { ... }
input[type="password"] { ... }
img[alt~="Alt-Text"] { ... }
img[src~="bilder"] { ... }
1648 Klicks 0 Kommentare

Archiv2 v0.9

Alle Artikel nach Monat und Jahr gruppiert in einer Definitionsliste ausgeben.

SELECT Month(datum) 
AS Month, Year(datum) 
AS Year, titel, link 
FROM artikel 
WHERE status=1 
ORDER BY datum
DESC

Modul: Artikel Archive

1769 Klicks 0 Kommentare

PASSWORD ARGON2ID

Durch das Updaten auf die PHP Version 7.4.4 funktionierten die User und die Password Class für mein 4CMS User Login nicht mehr.

Zwar war der password_hash den ich dort verwendet habe sehr sicher, aber veraltet.

Ich habe daher die Registrierung und den Login nun komplett neu geschrieben und verwende zum verschlüsseln des Passwortes jetzt den Algorithmus Argon2id.

password_hash()
password_verify()

Login Download: https://github.com/bUTschy/php-login

1675 Klicks 0 Kommentare

Dynamic Dummy Image Generator

Kennt Ihr diesen Text Platzhalter "Lorem ipsum"? das gibt es auch für Bilder.

655x200

<img src="//dummyimage.com/655x200/fff/ddd.png" alt="">

https://dummyimage.com

1836 Klicks 0 Kommentare

TinyMCE Image Upload

Auch dem neuen WYSIWYG HTML Editor TinyMCE in der aktuellen Version 5.2 kann man das hochladen von Bildern beibringen und das ganz ohne Plugin. ?

wysiwyg

Weiterlesen

1879 Klicks 0 Kommentare

SQL Vergleichsoperatoren

Alle Einträge deren ID kleiner als 10 ist

SELECT * FROM `daten` WHERE `id` < 10

Alle Einträge deren ID größer 10 ist

SELECT * FROM `daten` WHERE `id` >= 10

Weiterlesen

1673 Klicks 0 Kommentare

table tbody

Ob thead, tbody oder tfoot explizit im Quelltext der HTML-Datei stehen oder nicht, ein tbody-Element ist immer implizit vorhanden.

1664 Klicks 0 Kommentare