Zufallbild Nr. 1

Lassen wir uns ein zufälliges Bild mit glob() aus einem bestimmten Ordner anzeigen.

$bilder = glob('../ordner/*.jpg');
shuffle($bilder);
$bildinfo = getimagesize($bilder[0]);
echo '<img src="'.$bilder[0].'" '.$bildinfo[3].'" loading="lazy" alt="">';
4293 Klicks 0 Kommentare

4CMS Passwörter

Wo wir gerade bei Sicherheit sind, ich habe hier im 4CMS eben mein Passwort in "demo" geändert und in der Datenbank sieht das Passwort "natürlich verschlüsselt (nicht mit md5 / sha1)" so aus:

$2y$10$JJbolR9cjToadUN87Mop0eEhjdq.Hm4/xzwG.4e7KnzVezYsW5.kG

Jetzt ändere ich das Passwort erneut und nenne es wieder einfach nur "demo" und speichere es ab und jetzt achtet mal auf den Hash:

Weiterlesen

4657 Klicks 0 Kommentare

PHP Weiterleitung

Eine Weiterleitung via header();

if (!$user->eingeloggt()) {
 header('Location: login.php');
 exit;
}
4129 Klicks 0 Kommentare

CSS xxx-of-type

Um z.b. nur dem letzten "p" Element in einem Container eine CSS-Eigenschaft zuzuordnen, kann man folgenden Code verwenden.

article p:last-of-type {
padding-bottom: 1rem;
}

Oder nur dem ersten.

article p:first-of-type {
padding-top: 2rem;
}
4926 Klicks 0 Kommentare

CSS Schlagschatten

Alle Boxen haben einen "Schatten"

article, aside, section { 
 box-shadow: 0 0 1rem rgba(0, 0, 0, .3);
}
5039 Klicks 0 Kommentare

Lotto mit PHP

Gibt 6 unterschiedliche Zahlen aus 49 unsortiert aus.

$ziehung = range(1, 49);
shuffle($ziehung);
for($zahl = 1; $zahl <= 6; $zahl++){
echo $ziehung[$zahl];
}

Noch kürzer ?

Weiterlesen

4786 Klicks 0 Kommentare

Cookies

Ein Cookie in Einfach.

if (isset($_COOKIE['keks'])){
echo $_COOKIE['keks'];
}
    
else {
setcookie('keks', 'ok', time()+60*60*24);
echo 'Cookie nicht gefunden!';
}
4939 Klicks 0 Kommentare

Morse Alphabet

Das Morse Alphabet | var | samp | sos

UmlauteMorsecode
ä● − ● −
ö− − − ●
ü● ● − −

Weiterlesen

4576 Klicks 0 Kommentare

Flexbox Bilder

Bilder mit Bildunterschrift nebeneinander positionieren und das Responsive ?

html
HTML-Logo

js
JS-Logo

css
CSS-Logo

.flex {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
4962 Klicks 0 Kommentare

linear-gradient

Ein Farbverlauf mit CSS linear-gradient.

Farbverlauf von Weiß (#fff) zu Grau (#eee) von oben nach unten.

Der CSS Code:

.gradient {
background: linear-gradient(to bottom, #fff 0%, #eee 100%);
}

#top #left #right

4698 Klicks 0 Kommentare