Welcome Guest ( Log In | Register )



 
 Reply to this topicStart new topic
> Vertical Text, kinda OLD but amazing
hazemmostafa
post Apr 29 2007, 08:25 PM
Post #1


Member [ Level 2 ]
Group Icon

Group: Members
Posts: 51
Joined: 29-April 07
From: EGYPT
Member No.: 21,716
Hello ,

Do you guys remember the vertical text javascript

It's cool

Here is the code

first the style in <Head>

CODE
<style type="text/css">
.verticaltext{
font: bold 13px Arial;
position: absolute;
right: 3px;
top: 20px;
width: 15px;
writing-mode: tb-rl;
}

</style>



then the text in <Body>

CODE
&lt;script type="text/javascript">
//Enter desired vertical text:
var myverticaltext='<div class="verticaltext">This is The Vertical Text <a href="http://www.astahost.com">Asta Host .</a></div>'

var bodycache=document.body
if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode)
document.write(myverticaltext)

</script>



Hope you like it ...
Go to the top of the page
 
+Quote Post
develCuy
post Apr 29 2007, 11:02 PM
Post #2


Member - Active Contributor
Group Icon

Group: Members
Posts: 88
Joined: 5-April 07
From: Cusco - Peru
Member No.: 21,283
The code works only for IE, look here:
http://www.activewidgets.com/javascript.fo...s-style-in.html
to know why.

try by your self with this:

CODE
<html>
<head>
<style type="text/css">
.verticaltext{
font: bold 13px Arial;
position: absolute;
right: 3px;
top: 20px;
width: 15px;
writing-mode: tb-rl;
}

</style>
</head>
<body>
<div class="verticaltext">ASU!1! vertical text</div>
</body>
</html>


Don't worry, Firefox 3 will soon be available and we all will enjoy CSS3.

Blessings!

This post has been edited by develCuy: Apr 29 2007, 11:04 PM
Go to the top of the page
 
+Quote Post
« Next Oldest · JavaScript · Next Newest »
 

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Javascript: Text To Texbox And Back To Text(2)
  2. Status Bar Effect(5)
  3. Vertical Marquee Using JavaScript(0)
  4. Highlight The Active Text Input Fields.(1)
  5. Add Text To Textarea(6)
  6. Javascript Question(4)


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 2nd December 2008 - 12:21 AM
Powered By IP.Board 2.2.1 © 2008  IPS, Inc.
Licensed to: Xisto Corporation