Transparent Textures ist eine Seite, die transparente Hintergründe für die eigene Website inklusive dem passenden CSS zum Einbetten anbietet. Das Ganze ist so einfach wie nichts. Farbe und Hintergrund auswählen, CSS einbetten, fertig. Das gewählte Hintergrundbild sollte am besten noch irgendwo auf den eigenen Server oder eventuell bei GitHub und Konsorten kopiert werden, um nicht ohne coolen Hintergrund dazustehen, falls der Transparenttextures-Server mal down sein sollte.

Um das Hintergrundbild nun in Shaarli einzubinden, braucht man das Plugin shaarli-custom-css, das es einfach macht, ein paar Zeilen CSS einzuschleusen. Nach dem das Plugin installiert ist, kann man in der Plugin-Konfiguration das passende CSS von Transparent Textures einfügen. Damit das ganze auch funktioniert, muss noch die Body-Klammer drum herum. Dann hat man es komplett.

body {
    background-color: #b3de81;
    background-image: url("https://www.transparenttextures.com/patterns/arabesque.png");
}

Links

https://www.transparenttextures.com/
https://github.com/immanuelfodor/shaarli-custom-css

Farblehre und Grundlagen für ein gutes Webdesign

• A primer on color theory
• Types of colors
• Variations of colors
• Types of color combinations
• Monochromatic color combinations
• Complementary color combinations
• Triadic color combinations
• Analogous color combinations
• Tetradic color combinations
• Generate meaning using color combinations
• Build a color palette for your brand
• Use a color wheel to generate color combinations
• Use a color picker to create color combinations from a photograph
• Create a brand kit that includes your color palettes
• 100 color palettes to inspire your designs
• Find organic color inspiration in nature
• Get delicious color palettes from food & drink
• Find inspiration in color palettes around the world
• Pull your inspiration from everyday items
• Design with color