Sura 1 Artworks

Acrylmalerei, Mischtechniken, Webdesign

CSStxt – online CCS Text Generator

Posted by sura1 - 17. November 2008

17nov

Bookmark and Share

http://csstxt.com/

fireshot-capture-22-csstxt-create-a-style-to-your-text-csstxt_com

Mit http://csstxt.com/ haben Sie die Möglichkeit, ganz einfach und schnell online HTML-Text oder div-Boxen zu testen. So sehen Sie sofort, wie zum Beispiel eine Hintergrundfarbe mit der Textfarbe harmoniert. Oder Sie verändern die Schriftgröße und Schriftart und sehen sofort die generierten Fonts.

fireshot-capture-26-csstxt-create-a-style-to-your-text-csstxt_com

Im obigen Screenshot sehen Sie in den Extrafeldern mit roter Schrift von mir angezeigt, was Sie alles im  Online-CSSEditor einstellen können:

1. Text eingeben
2. Schrifteinstellungen wie bold, italic, UPPERCASE, SMALLCAPS etc.
3. Linke Seite: Letter spacing, Word spacing, font-size etc.
4. Rechte Seite: Schriftart, Schriftfarbe, Hintergrundfarbe etc.
5. Advanced options: hier geht es um „Zusatzeinstellungen“

Screenshot zu Zusatzeinstellungen:


fireshot-capture-27-csstxt-create-a-style-to-your-text-csstxt_com

Wenn Sie mit den Einstellungen fertig sind, klicken Sie auf GENERATE. Sie erhalten danach den Text wie nach Ihren CSS-Formatierungen eingegeben (siehe mein Beispiel im nachfolgenden Screenshot!).

fireshot-capture-28-csstxt-create-a-style-to-your-text-csstxt_com

Zusätzlich zum generierten CSS-Textfeld bekommen Sie vom Online-Generator auch 2 verschiedene HTML-Codes (Anfänger- und Expertenmodus) angezeigt, welche Sie in Ihre Projekte einbinden können.

Beispiel für die beiden HTML-Codes:

fireshot-capture-24-csstxt-create-a-style-to-your-text-csstxt_com

Bewertung:

star43

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

 
%d Bloggern gefällt das: