WebSite X5Help Center

 
Wolfgang Kiefer
Wolfgang Kiefer
User

Schattierte Schrift in den Seiten  de

Autor: Wolfgang Kiefer
Besucht 1684, Followers 1, Geteilt 0  

Ich möchte meine Schrift in der Seite - die Schrift ist auf einem Bild- zur besseren Erkenneung schattieren oder schwarz umranden. Ich finde keine Möglichkeit.

Geht das?

Hier: https://www.ostertrail.de
VielenDank

Gepostet am
8 ANTWORTEN - 1 KORREKT
René W.
René W.
User

Das ist einfach zu bewerkstelligen.
Beispiel:

2 Vorlage
Titel-Objekt
Stil: Shadow auswählen
Farbe wählen
Abstand X und Abstand Y den Grad des Schattens bestimmen
Eventuelle inen Effekt auswählen.
Einfach mal ausprobieren.

Mehr lesen
Gepostet am von René W.
René W.
René W.
User

Normaler Text, im Programm enthalten.
Text schreiben mit der definierten Schrift, Schriftgrösse, Schriftfarbe.

4 Seiten
Textfeld markieren
Oben auf Stil
Dort öffnet sich eine Pallette zur Auswahl
Rand, Farbhintergrund

Mehr lesen
Gepostet am von René W.
Klaus G.
Klaus G.
User

Oder so:

CSS:

Version 1

<style>
.red-text-shadow {
text-shadow: red 0 -2px;
}
</style>

Version 2

<style>
.white-with-blue-shadow {
text-shadow: 1px 1px 2px black, 0 0 1em green, 0 0 0.2em blue;
color: white;
font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
</style>

Im CSS Teil kannst du die Farben bestimmen

HTML 1

<p class="red-text-shadow">Normal Text, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

HTML 2

<p class="white-with-blue-shadow">Normal Text, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

Das CSS unter Sitemap -> Eigenschaften -> Erweitert einfügen

Das Html Tag (<p class="red-text-shadow"> oder <p class="white-with-blue-shadow">) vor dem Text der Schatenn bekommen soll und am Ende des Textes </p> anfügen.

Mehr lesen
Gepostet am von Klaus G.
Wolfgang Kiefer
Wolfgang Kiefer
User
Autor

Ich kann das Textfeld mit Stil und Rändern und was noch nicht alles markieren aber nicht den Text in dem Feld. Beim Text in dem Feld sind ja nur sehr, sehr bescheidene Azuswahlmöglichkeiten wie Schriftgröße und Farbe.

Mehr lesen
Gepostet am von Wolfgang Kiefer
Franz-Josef H.
Franz-Josef H.
Moderator

Dann musst Du den Tip von Klaus befolgen. Statt einem HTML-Objekt kannst Du auch das Text-Objekt verwenden. In den Eigenschaften der betroffenen Seite trägst Du im Reiter "Erweitert" den CSS-Code ein, also

<style>
.red-text-shadow {
text-shadow: red 0 -2px;
}
.white-with-blue-shadow {
text-shadow: 1px 1px 2px black, 0 0 1em green, 0 0 0.2em blue;
color: white;
font: 1.5em Georgia, "Bitstream Charter", "URW Bookman L", "Century Schoolbook L", serif;
}
</style>

In der Texteingabe des Text-Objekts schaltest Du auf HTML-Code um ( anklicken) und gibst dann den zu schattierenden Text innerhal des Tags <p class="red-text-shadow">...</p> ein.
Die Werte in der Anweisung "text-shadow: 1px 1px 2px black, 0 0 1em green, 0 0 0.2em blue;" kannst Du so verändern, bis Deine gewünschte Lösung erreicht ist.

Mehr lesen
Gepostet am von Franz-Josef H.
Wolfgang Kiefer
Wolfgang Kiefer
User
Autor

Ok, vielen Dank. Ich hatte das von Klaus nicht direkt beachtet weil es so kompliziert schien. Aber es ist ja doch super beschrieben und ich habe es umgesetzt. Sieht super aus.

Euch vielen lieben Dank für die Geduld und die Hilfsbereitschaft. Das man aber css Kenntnisse braucht um so etwas ganz normales wie einen Schatten einzufügen ist dennoch überraschend. 

LG
Wolfgang

Mehr lesen
Gepostet am von Wolfgang Kiefer
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Das geht aber viel einfacher!  Wenn man das bei jedem Text-Objekt haben will dann gibt man einfach im generellen Code Bereich (Seo&Code)  diesen Code ein. Dadurch braucht man nichts umzuschalten im Text-Objekt und mit reinen Code zu befüllen.  Wenn man nur ein Text-Objekt diesen Effekt haben will, muss man noch einen Selektor voranstellen.

<style>
.text-inner {
text-shadow: 1px 1px 5px black;
}
</style>

Mehr lesen
Gepostet am von Andreas S.