Schrift mit Umrandungen

Hallo Dennis,

ja das lässt sich mit Textschatten umsetzen.

Leider beschreibst du nicht genau wo du das einsetzen willst, sonst hätte ich das gerne genauer beschreiben können. Aber in 5 Stunden bin erst mal für 10 Tage weg.

Hier einmal 3 CSS-Varianten wie du den Textschatten als Umrandung einsetzen kannst in der Farbe Weiß, für andere Farben einfach das #ffffff entsprechend anpassen.

Textumrandung Weiß Leicht:

text-shadow: 0 0 3px #ffffff;

Textumrandung Weiß Mittel:

text-shadow: 1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px 1px 1px #ffffff, -1px -1px 1px #ffffff;

Textumrandung Weiß Stark:

text-shadow: 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 2px 0px 0 #ffffff, 0px 2px 0 #ffffff, -2px 0px 0 #ffffff, 0px -2px 0 #ffffff;

Hallo Mario,

das Thema ist für mich aktuell auch interessant!

Mit deinem Code allein komme ich jedoch nicht weiter. Im CSS steht bereits dieser Code:

<style>

/* Blog-Aufmacher bis zum Rand */

.zpblogartikel img.blogaufmacher.extended {

max-width: calc(100% + 120px);

margin-left: -60px;

margin-right: -60px;

}

</style>

darunter habe ich dann deinen Code wie folgt eingegeben:

<style>

text-shadow:

1px 1px 1px #000000;

1px -1px 1px #000000,

-1px 1px 1px #000000,

-1px -1px 1px #000000;

<style>

Hat leider nicht funktioniert. Es geht um den Logobereich in der Projektvorlage "Locus Responsive"

Titel: Zeta Producer 16

Version: 16.5.0.0

Versionsname: Business

Es soll so aussehen wie im Screenshot - was muss ich machen?

Gruß

Yessi

Guten Abend Yessi

Wenn Du magst, versuche mal Variante "Schatten"...

<style>
#header .topline #webname {
    text-shadow: 0px 0px 4px #000;
}  
</style>

Oder Variante "Rahmen"...

<style>
#header .topline #webname {
text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}
</style>

Müsste funktionieren.

Eine gute Woche und eine gute Zeit.

Viele Grüsse

elch

elch

...vielen Dank!
Der zweite Code sieht sehr gut aus

Das aufgezeigte CSS muss natürlich wie von elch beschrieben einer CSS-Klasse zugewiesen werden. Je nach dem wo man die Umrandung benötigt.

...vielen Dank Mario