[CSS] Text mit CSS drehen?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von klaxx, 6. November 2008 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 6. November 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Text mit CSS drehen?

    Huhu, bin gerade dabei mal was für mich zu entwerfen, und auf folgendes Problem gestoßen.

    Download: css.JPG | xup.in

    Ich möchte gernde das "i live for nothing" als "kommentar" für andere nutzen, sprich ständig editierbar mit css, als einfachen text.

    Kann ich den Text irgendwie mit CSS um 45° drehen?


    greetz
     
  3. 6. November 2008
    AW: Text mit CSS drehen?

    Per CSS bekommst du sowas nicht hin.
    Aber vllt über Java.
    Nur das kann ich gar nicht^^
     
  4. 6. November 2008
    AW: Text mit CSS drehen?

    ok, mit css hab ich mir schon fast gedacht ^^ ich warte mal aufn paar antworten vllt weiß ja jemand weiter ^^

    Javascript hab ich eig auch null plan von, aber wär ja mal nen anreiz was für zu tun
     
  5. 6. November 2008
    AW: Text mit CSS drehen?

    Mit CSS2 soll das wohl bald möglich sein - momentan sehe ich da mit reinem CSS noch keine Möglichkeit.

    Aber PHP könnte dir Abhilfe schaffen. Damit geht es recht einfach. php.net hilft hier (du kannst bei imagettftext nämlich den Winkel angeben, den der Text haben soll).

    Gut, dass du JS erwähnst - hatte ich vergessen =D Google ist dein Freund ("javascript text angle" bietet schon ausgiebige Ergebnisse).
     
  6. 6. November 2008
    AW: Text mit CSS drehen?

    Ahh php geht auch? So weit bin ich da noch nicht xD
    Aber CSS2 können noch nicht so viele Browser darstellen?
    Also dann eher Java oder php würde ich sagen.
    Ich denke man du wirst da jemanden finden, der dir das schreiben kann, weil wenn du nur den einen Text da im Winkel haben willst, musst du ja nicht gleich ne ganze Sache neu lernen.
     
  7. 6. November 2008
    AW: Text mit CSS drehen?

    Also mit PHP ist das recht einfach, wie p0w3rn4t0r schon sagte.

    Das ganze funktioniert aber nur, wenn du die gd library installiert hast. GD Library – Wikipedia

    Hier findest du die ganzen gd Funktionen: PHP: GD - Manual

    Funktioniert im Prinzip so: Du erstellst mit gd-Library ein Bild, mit deinem Schildchen da als Hintergrund. Dann legst du mit einer gd-Funktion $text_des_tages oder was auch immer über den Hintergrund. Schon hast du dein dynamisch erzeugtes Bild, was du dann einbinden kannst.
    Das ganze brauchst man eben dann, wenn man dynamische Texte drehen usw. will, oder wenn man für dynamische Texte einen Font verwendet, den der Client nicht standardnäßig installiert hat.
     
  8. 6. November 2008
    AW: Text mit CSS drehen?

    CSS2 is schon lange implementiert, damit ist es aber auch nicht möglich (ihr meint wohl CSS3)
    mit Java könnte das möglich sein (kA), gemeint war hier wohl aber JavaScript... und damit isses auch ned möglich.

    Was gehen könnte wäre SVG (will mich aber ned festlegen).
    Mit PHP kann man den Text auf ein Bild schreiben und das Bild drehen.

    Mit SVG + JavaScript sind schon einige coole sachen machbar, wer interesse hat soll einfach mal Google bemühen.
     
  9. 6. November 2008
    AW: Text mit CSS drehen?

    ich persönlich würde die Variante mit dem PHP bevorzugen, da hier nur ein Bild generiert wird was jeder Browser anzeigen kann. Die Variante mit JS könnt ich mir zwar vorstellen (auch wenn ich das noch nicht gesehen hab), aber wer weiss wie das wieder bei der IE Fraktion aussieht
     
  10. 6. November 2008
    AW: Text mit CSS drehen?

    yo danke ich versuch mich dran, kann was dauern, aber ich poste mögliche Lösungsvorschläge und Ergebnisse

    grüße + bw´s
    klaxx
     
  11. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.