Topic: Rotated Layer (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=9522" title="Pages that link to Topic: Rotated Layer (Page 1 of 1)" rel="nofollow" >Topic: Rotated Layer <span class="small">(Page 1 of 1)</span>\

 
marf
Bipolar (III) Inmate

From: Canada
Insane since: Oct 2001

posted posted 09-14-2002 21:01

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

posted posted 09-14-2002 21:33

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

posted posted 09-15-2002 02:18

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

posted posted 09-15-2002 20:43

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

posted posted 09-19-2002 09:21

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

posted posted 09-19-2002 13:00

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

posted posted 09-28-2002 12:24

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

posted posted 09-28-2002 16:27

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