Startseite » Kategorie » Quellcode
Quellcode

CSS xxx-of-type

Um z.b. nur dem letzten "p" Element von einem Artikel eine CSS-Eigenschaft zuzuortnen, kann man folgenden Code verwenden.

article p:last-of-type {
padding-bottom: 15px;
}

Oder nur dem ersten.

article p:first-of-type {
padding-top: 20px;
}
Quellcode

WTFCFH Framework

Ein Artikel auf Webkrauts.de vom 1 April 2015 stellt ein CSS Framework vor, welches sich ganz speziell an die Bedürfnissen von Kunden und Desingner richtet.

Aus die Maus mit nichtssagenden Klassennamen, WTFCFH (What The Fuck, Client From Hell) löst das so:

/* ---- Feinjustierung ---- */
.einHauchNachLinks {}
.einTuckenNachOben {}
.einWenigDunkler {}
.dasMussZweiMillimeterNachOben {}
.logoHauchTuckenIdeeSonstwohin {}
.einWenigMehrWeissraum {}
.makeMyLogoBigger {}

Und wenn es Konkreter wird, dann so:

Weiterlesen.

Quellcode

Cookies

Ein Cookie in Einfach.

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

Zeit in Worten

Den halben Tag werkel ich schon an meiner "Wordclock".

Hier ein bischen HTML, da ein wenig CSS und auch etwas JS... Nun habe ich keine Lust mehr und lasse den Block jetzt so wie er ist.

Bilder - Quellcode

Bilder Flexboxen

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; }
4CMSpowered by 4CMS