TEXT & SCHATTEN

Textschatten

CSS-Code anzeigen

<style>

.textschatten {

color:#FFFFFF;

text-shadow:1px 1px 0px #000;

}

</style>

LETTERPRESS

CSS-Code anzeigen

<style>

.letterpress {

color:#CCCCCC;

text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;

}

</style>

KONTUREN

CSS-Code anzeigen

<style>

.konturen {

color:#FFFFFF;

text-shadow: 0 -1px #ff0000, 1px 0 #ff0000, 0 1px #ff0000, -1px 0 #ff0000;

}

</style>

EMBOSS

CSS-Code anzeigen

<style>

.emboss {

color: #DBDBDB;

text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #666666;

}

</style>

WEICH-EFFEKT

CSS-Code anzeigen

<style>

.weich {

color: #FFFFFF;

text-shadow: 0 0 0.2em #ccc

}

</style>

Retro

CSS-Code anzeigen

<style>

.retro {

text-shadow: 3px 3px 0px #fff, 8px 8px 0px #ccc;

}

</style>


Unter Einstellungen > CSS fügt ihr den CSS-Code des entsprechenden Textschattens ein.

Dort wo der Text erscheinen soll fügt ihr einen einfachen Text-Artikel ein. In dem Widget schaltet ihr auf HTML um und fügt unten stehenden Code ein. Nun den Text ändern und die entsprechende Klasse angeben (embos, konturen...). Anschließend HTML wieder ausschalten. Nun könnt ihr den Text ganz einfach bearbeiten zb. die Ausrichtung änden.

<p class="emboss"><span style="font-size: xx-large"><strong>EMBOSS</strong></span></p>

support
Dutch English French German