Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> obracanie warstw
Masim
post 25.08.2005, 10:19:27
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 25.08.2005

Ostrzeżenie: (0%)
-----

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. sad.gif

Byłbym wdzięczny za wszelką pomoc.

Z góry dziękuję
Masim
Go to the top of the page
+Quote Post
revyag
post 25.08.2005, 10:45:02
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

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


--------------------
-------------

------
Go to the top of the page
+Quote Post
Masim
post 25.08.2005, 11:26:47
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 25.08.2005

Ostrzeżenie: (0%)
-----

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? sad.gif
Gdzieś widziałem coś takiego tylko nie mogę sobie przypomnieć gdzie sad.gif

Pomocy Please....
Go to the top of the page
+Quote Post
ActivePlayer
post 25.08.2005, 11:51:52
Post #4





Grupa: Przyjaciele php.pl
Postów: 1 224
Pomógł: 40
Dołączył: 6.07.2004
Skąd: Wuppertal

Ostrzeżenie: (0%)
-----

moze uzyj GD2 i generuj dynamicznie ?
Go to the top of the page
+Quote Post
NuLL
post 25.08.2005, 11:55:24
Post #5





Grupa: Zarejestrowani
Postów: 2 262
Pomógł: 21
Dołączył: 3.05.2004
Skąd: Sopot, Krakow, W-wa

Ostrzeżenie: (0%)
-----

A dlaczego ma się nie dać ? snitch.gif
CSS dla diva
[HTML] pobierz, plaintext 
  1. <style>
  2. .twojdiv{
  3. 	writing-mode:	tb-rl;
  4. 	filter:			flipH() flipV() alpha(opacity=50);
  5. }
  6. </style>
[HTML] pobierz, plaintext


--------------------
Javascript, Coffeescript, Node.js, Mongo, CouchDb, chmury, workery & inne bajery - zycie jest zbyt krotkie aby miec nudna prace :)
Go to the top of the page
+Quote Post
revyag
post 25.08.2005, 12:00:59
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Tak, ale zadziała to tylko dla IE snitch.gif


--------------------
-------------

------
Go to the top of the page
+Quote Post
NuLL
post 25.08.2005, 12:28:35
Post #7





Grupa: Zarejestrowani
Postów: 2 262
Pomógł: 21
Dołączył: 3.05.2004
Skąd: Sopot, Krakow, W-wa

Ostrzeżenie: (0%)
-----

Z tego co wiem inaczej się nie da tongue.gif


--------------------
Javascript, Coffeescript, Node.js, Mongo, CouchDb, chmury, workery & inne bajery - zycie jest zbyt krotkie aby miec nudna prace :)
Go to the top of the page
+Quote Post
Masim
post 25.08.2005, 13:38:20
Post #8





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 25.08.2005

Ostrzeżenie: (0%)
-----

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?
Go to the top of the page
+Quote Post
revyag
post 26.08.2005, 08:44:30
Post #9





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----

Na początku napisałeś że chcesz obrócić tekst, więc po co obracać warstwę
Kod
<style type="text/css">
span {
    writing-mode: tb-rl
}
</style>

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

Niestety IE only :/


--------------------
-------------

------
Go to the top of the page
+Quote Post
NuLL
post 26.08.2005, 08:53:51
Post #10





Grupa: Zarejestrowani
Postów: 2 262
Pomógł: 21
Dołączył: 3.05.2004
Skąd: Sopot, Krakow, W-wa

Ostrzeżenie: (0%)
----- 

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

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


--------------------
Javascript, Coffeescript, Node.js, Mongo, CouchDb, chmury, workery & inne bajery - zycie jest zbyt krotkie aby miec nudna prace :)
Go to the top of the page
+Quote Post
Masim
post 26.08.2005, 10:05:02
Post #11





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 25.08.2005

Ostrzeżenie: (0%)
-----

Dzięki serdeczne biggrin.gif

spanik w ten sposób zadziałał biggrin.gif

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

Może ktoś ma jeszcze jakieś ciekawe sposoby...
Go to the top of the page
+Quote Post
NuLL
post 26.08.2005, 11:51:29
Post #12





Grupa: Zarejestrowani
Postów: 2 262
Pomógł: 21
Dołączył: 3.05.2004
Skąd: Sopot, Krakow, W-wa

Ostrzeżenie: (0%)
-----

Racja - ale dałem d...y winksmiley.jpg

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


--------------------
Javascript, Coffeescript, Node.js, Mongo, CouchDb, chmury, workery & inne bajery - zycie jest zbyt krotkie aby miec nudna prace :)
Go to the top of the page
+Quote Post
MajareQ
post 4.02.2009, 15:13:25
Post #13





Grupa: Zarejestrowani
Postów: 382
Pomógł: 22
Dołączył: 21.05.2007
Skąd: Elbląg

Ostrzeżenie: (0%)
-----

A JS rozwiąże to tak: http://www.walterzorn.com/rotate_img/rotate_img.htm?A=80
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 04:31
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn