Topic: Rotated Layer Pages that link to <a href="https://ozoneasylum.com/backlink?for=9522" title="Pages that link to Topic: Rotated Layer" rel="nofollow" >Topic: Rotated Layer\

 
Author Thread
marf
Bipolar (III) Inmate

From: Canada
Insane since: Oct 2001

IP logged posted posted 09-14-2002 21:01 Edit Quote

Here is a tough one.

I have a poll, and a grpahical background. the background behind the text is tilted, I was wondering if there is any type of html, css, or other code that would enable me to make a Layer (ie.<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"> ) Make that rotate 15 degrees CW. so the text appears slanted. Thanks

Marf

"If rabbits' feet are so lucky, then what happened to the rabbit?"

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 09-14-2002 21:33 Edit Quote

Marf: Not that I can think of - if I had to do that I'd possibly use SVG and use PHP to generate the required sums.

___________________
Emps

FAQs: Emperor

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

IP logged posted posted 09-15-2002 02:18 Edit Quote

I've been trying to do this forever...

Conclusion? not with anything but flash..


Code - CGI - links - DHTML - Javascript - Perl - programming - Magic - http://www.twistedport.com
ICQ: 67751342

DmS
Paranoid (IV) Inmate

From: Sthlm, Sweden
Insane since: Oct 2000

IP logged posted posted 09-15-2002 20:43 Edit Quote

Don't know if this might help somewhat:

code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Oddities...</title>
<style>
.clsHoriz{
writing-mode:lr-tb;
}
</style>
</head>

<body>
<div STYLE="writing-mode:tb-rl;">
<p><span class="clsHoriz">horizontal text here</span></p>
<p>vertical text here</p>
<p><span class="clsHoriz">Horizontal here</span></p>
</div>
</body>
</html>



Not exactly what you were asking for, but still.
IE only I guess, more info here: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/writingmode.asp
/Dan


{cell 260}
-{ a vibration is a movement that doesn't know which way to go }-

DmS
Paranoid (IV) Inmate

From: Sthlm, Sweden
Insane since: Oct 2000

IP logged posted posted 09-19-2002 09:21 Edit Quote

Ok, here is another one that you can use to tilt your text (if you figure out how to use it, i don't have the time now) http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/reference.asp
/Dan

{cell 260}
-{ a vibration is a movement that doesn't know which way to go }-

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 09-19-2002 13:00 Edit Quote

DmS: Of course - its a filter I've never got around to using
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/reference/filters/matrix.asp

Good find.

___________________
Emps

FAQs: Emperor

Gweilo
Bipolar (III) Inmate

From: switzerland
Insane since: Sep 2002

IP logged posted posted 09-28-2002 12:24 Edit Quote

idea:
Every single letter has to be in an own layer. Move the layers with a function and set the letters to cursive (or tilt them). this won't look perfect though =)

kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

IP logged posted posted 09-28-2002 16:27 Edit Quote

Attention, spinning CPU burner ahead (click the image to start the the animation):

www.kussatz.com/matrix.html

Really wouldn't have thought that something like that could be done without Flash - thanks for sharing that link, DmS!

kuckus (cell #282)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu