Wer eine kleine Dekoration in Form einer Mütze einfügen will kann diesen Beispielcode verwenden:
CSS
/* Weihnachtsmütze Logo */
/* Stilunabhängiges CSS und SCSS */
@include screen-lg {
.pageHeaderLogo > a {
position: relative;
&::after {
position: absolute;
content:"";
display: block;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA3CAYAAABHGbl4AAAEt2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgdGlmZjpJbWFnZUxlbmd0aD0iNTUiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iNTQiCiAgIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiCiAgIHRpZmY6WFJlc29sdXRpb249IjcyLjAiCiAgIHRpZmY6WVJlc29sdXRpb249IjcyLjAiCiAgIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSI1NCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjU1IgogICBleGlmOkNvbG9yU3BhY2U9IjEiCiAgIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiCiAgIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjAtMTEt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')
}
}
}
/* Stilspezifische Ausrichtung und Größe max. 50x50px */
.pageHeaderLogo > a::after {
top: 5px;
left: 167px;
height: 40px;
width: 40px;
}
Alles anzeigen
das sieht dann so aus:
Bildschirmfoto 2020-11-29 um 10.57.45.png
Je nach Stil können weitere Anpassungen notwendig sein.
Bei Fragen einfach fragen.
Bilder umwandeln kann man zum Beispiel hier: https://www.base64-image.de