Forum PHP.pl > obracanie warstw

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Masim

25.08.2005, 10:19:27

Witam!

Potrzebuję na stronie umieścić pionowy tekst (obrócony o 90st) i nie mogę sobie poradzić. Wiem, że w standardowy sposób tego się nie da zrobić. Więc chcę obrócić całą warstwę ale nie wiem jak.

Byłbym wdzięczny za wszelką pomoc.

Z góry dziękuję
Masim

revyag

25.08.2005, 10:45:02

No tak tego nie zrobisz.
Pisanie pinowego tekstu dostępne będzie w css3: klik
Najprościej zrobić obrazek i wstawić zamiast tekstu.

Masim

25.08.2005, 11:26:47

Oczywiście można zrobić obrazek tylko jest mały problem - musiałbym zrobić ich ponad 400, wyciągając z bazy danych każdy.

Nie ma możliwości obrócenia warstwy?

Gdzieś widziałem coś takiego tylko nie mogę sobie przypomnieć gdzie

Pomocy Please....

ActivePlayer

25.08.2005, 11:51:52

moze uzyj GD2 i generuj dynamicznie ?

NuLL

25.08.2005, 11:55:24

A dlaczego ma się nie dać ?

CSS dla diva

[HTML] pobierz, plaintext 
<style>
.twojdiv{
	writing-mode:	tb-rl;
	filter:			flipH() flipV() alpha(opacity=50);
}
</style>
[HTML] pobierz, plaintext

revyag

25.08.2005, 12:00:59

Tak, ale zadziała to tylko dla IE

NuLL

25.08.2005, 12:28:35

Z tego co wiem inaczej się nie da

Masim

25.08.2005, 13:38:20

Skrypcik działa. tylko, że obraca o 180st. Manipulowałem przy
"writing-mode: tb-rl;" ale to nic nie dało. Co można zmienić żeby orócić diva bokiem?

revyag

26.08.2005, 08:44:30

Na początku napisałeś że chcesz obrócić tekst, więc po co obracać warstwę

Kod

[HTML] pobierz, plaintext 
<body>
    Jakis tekst <span>lalalal</span> jakis tekst <span>razdwa</span>
</body>
[HTML] pobierz, plaintext

Niestety IE only :/

NuLL

26.08.2005, 08:53:51

[HTML] pobierz, plaintext 
<style>
.twojdiv{
writing-mode: tb-rl;
filter: flipH() flipV() alpha(opacity=25);
}
</style>
[HTML] pobierz, plaintext

Tak będzie obracać o 90 stopni. Opacity jest to procentowy kąt z dwóch PI.

Masim

26.08.2005, 10:05:02

Dzięki serdeczne

spanik w ten sposób zadziałał

a opacity odpowiada za przezroczystość czy coś takiego.

Może ktoś ma jeszcze jakieś ciekawe sposoby...

NuLL

26.08.2005, 11:51:29

Racja - ale dałem d...y

Poszukaj w dokumentacji filtrow. Tam powinna byc mozliwosc obrocenia o dany kat.

MajareQ

4.02.2009, 15:13:25

A JS rozwiąże to tak: http://www.walterzorn.com/rotate_img/rotate_img.htm?A=80

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.