Schattierte Schrift in den Seiten
Autore: Wolfgang Kiefer
Visite 1683,
Followers 1,
Condiviso 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
Postato il
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.
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
https://Testseite.watelet.ch/
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.
Autore
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.
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.
Autore
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
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>