[gelöst] Schräges Theme

aber doch hoffentlich nicht auch die texte, oder?

Habe ich noch nie gehört und stelle ich mir auch schwierig vor (außer CSS3 und HTML5 bieten da etwas, was ich nicht kenne). Die Elemente einer Webseite sind "Boxen", also Rechtecke und keine Parallelogramme.

Beste Grüße
Werner

Es gibt die Möglichkeit Elemente - also auch DIV Container - über CSS3 zu drehen.
Ich stelle mir hier nur die Frage der Sinnigkeit - du erschwerst damit schon ein wenig die Zugänglichkeit / Benutzerfreundlichkeit der Seite ..

Anbei 2 Links, die das Vorgehen beschreiben:
http://webstandard.kulando.de/post/2010/12/16/css-2d-transform-scale-rotate-skrew-css3-adventskalender-tag-16
http://www.pixxelpassion.de/blog/webdesign/css3-rotation-objekte-auch-im...

In den älteren Internetexplorer Versionen wirst du damit dann aber Probleme haben..

SteffenR

Hallo,

ja der Kunde will alles schräg haben inklusive der Texte.
Er wirbt so in Zeitungen.

Ich muss wohl noch Mal mit ihm reden bezüglich der Realisierbarkeit.

Wegen der Usability habe ich mir auch schon Gedanken gemacht.
Wenn man von einer 1000er Breite ausgeht, wird der Inhalt schon ganz schön zusammengemanscht.

Danke für Eure Auskünfte!

Das ist heiß und war mir bisher nicht klar. Ich habe einfach in einer Testinstallation auf den Body eine Drehung angewendet und das kommt der Anfrage ziemlich nahe. Das Arbeiten mit der Seite wird allerdings dann ein Graus.

Beste Grüße
Werner

Wie hast Du das genau gemacht?

Guter Dienst am Kunden ist es ihm klarzumachen was für eine vollkommen abwegige Idee das ist.

print != web

Eine Werbeanzeige schräg in die Zeitung zu setzen und eine komplette Website schräg zu setzen sind so unterschiedliche Sache.

Ehrlich, ihr werdet alle glücklicher, wenn die Site nicht schräg ist. Wer soll denn da auch die Texte lesen? Wenn er es nicht glaubt kopier einen Text, setz ihn schräg und sag deinem Kunden er soll das mal lesen.

Ich empfehle 2 - 3 Absätze. Wenn er dann nicht drauf kommt, dann hau ihn!

Würde ich schon gerne bei dieser Idee, aber man darf ja nicht.

Werner wie siehst Du das?

Also zunächst mal mein CSS, abgekupfert von einem Tutorial

Wie Du siehst, verzieht das wegen der Drehung auch das Admin-Menü. Man muß schon ganz schön zaubern, wenn das noch benutzbar sein soll. Wenn die Seite aber etwas länger wird, dreht es Dir die Ecke links unten aber auch raus. Da gehen dann auf einmal Infos verloren. Als Stilelement für einzelne gezielte Bereiche noch ok (z.B. Image), aber sonst würde ich es lassen. Der Besucher der Seite ist nachher verwirrt und das ist tödlich. Der verläßt die Seite nämlich schnell wieder, da sie unbenutzbar ist.
Außerdem kann IE < 9 das nicht.

Beste Grüße
Werner

@wla: da gehen mittlerweile schon witzige Sachen - ist halt immer die Frage, wie sinnvoll das Ganze dann ist..
Ich hab das Ganze testweise mal für eine Galerie gemacht - da kannst du dann so FotoStapel ähnliche Sachen erstellen:
http://www.port11.de/content/latest-flickr-images

SteffenR

Ich könnte zur Lösung des Problems Bierdeckel anbieten, zum einseitigen Unterbau unter den Monitorfuß... dann kann die Neigung sogar individuell angepaßt werden.

Die IE 6 kompatiblen Bierdeckel sind aber doppelt so teuer...

wo ist der like button?

Als Dienstleister sehe ich es auch als meine Pflicht an den Kunden von sowas abzubringen. Eine Printanzeige ist statisch. Eine Website aber besitzt Links und will bedient und der Fließtext gelesen werden. Die Zeitung kann ich drehen, den Monitor nicht.
Hier bietet es sich nicht an sich von dem fortzubewegen, was der Benutzer gewöhnt ist. Mitsubishi / Citroen kommen auch nicht auf die Idee dreieckige Lenkräder zu verbauen, weil sie besser zum Logo passen...

Ich muss heute nochmal mit dem Kunden telefonieren und dann werde ich versuchen ihm das Projekt in der gedachten Form auszureden.

Danke nochmal an alle die mir bei der Lösung des Problems behilflich waren!

aber das taugt wohl wirklich nur als Aprilscherz

http://www.thematoweb.com/moodlebugscreenshot.png
http://docs.moodle.org/dev/Stylish#Rotating_elements

Lach nicht zu laut....

Die Seite auf den Kopf zu stellen war auch schon im Gespräch...