Nov 8, 2009

Vertical Text - kinda OLD but amazing

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > Programming > Scripting > JavaScript

Vertical Text - kinda OLD but amazing

hazemmostafa
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 ...

 

 

 


Comment/Reply (w/o sign-up)

develCuy
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!

Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : vertical, text, kinda, amazing

  1. Javascript Question
    Vertical Scroll Box (6)
  2. Add Text To Textarea
    I suppose it uses DOM and JavaScript?? (6)
    I am working on a web "application" thing that allows you to click a button to add text to a
    textarea. Similar to this forum when you click the BOLD button and it puts in {b}{/b} with the
    square brackets. I want a similar function like that. Also, I want it to add wherever the cursor is,
    not at the end. And after adding the thing, the cursor should be in between the tag or whatever that
    was added. All the extra stuff are extra priorities. For now I would like to get something that
    inserts text on click. The thing I came up with is: HTML html > head > text/javasc....
  3. Highlight The Active Text Input Fields.
    (1)
    Hi, this nice script highlight text inputs fields in your forms, so it will help your visitors to
    see where they are. Follow this steps to install it: Paste this code into the CSS section of your
    HTML document CODE fieldset {   width: 350px; } .textInput,textarea {   width: 200px;
      font-family: arial;   background-color: #FFFFFF;   border: 1px solid #000; } .inputHighlighted {
      width: 200px;   background-color: #FFCE31;   color: #000;   border: 1px solid #000; } Paste
    this code into an external JavaScript file named: highlight-active-input.js.js CODE /....
  4. Vertical Marquee Using JavaScript
    by The JavaScript Source (1)
    Hi, i find this script and hope that will be useful for somebody. Text scrolls from bottom to top,
    pauses, then scrolls up and out of view. A link can be added, opening in a new window. Configuration
    is simple. First copy the following code in a new file and name it vertical.js CODE /* This
    script and many more are available free online at The JavaScript Source ::
    http://javascript.internet.com Created by: Mike Hudson :: http://www.afrozeus.com */ /* To change
    the values in the setupLinks function below. You will notice there are two arrays for each of Titles
    and L....
  5. Status Bar Effect
    Have your own text running in the status bar (5)
    Insert this code into the head of your page and the second script in the body tag of your page
    CODE var speed = 50 var pause = 2000 var timerID = null var bannerRunning = false var ar = new
    Array() ar = "This template was designed by solutions4u and for more templates please do visit
    www.solutions4u.co.nr" //Change var www.DesignerWiz.com bannerRunning message var currentMessage = 0
    var offset = 0 function stopBanner() {     if (bannerRunning)     clearTimeout (timerID)
        bannerRunning = false } function startBanner() {    stopBanner()     showBanner() } functi....
  6. Automatic Title/status Text Rotation!
    Change the text in you Title Bar and Status Bar after a preset Interva (0)
    Copied from http://www.cgiscript.net/cgi-script/csNews...wone&id=57&op=t QUOTE Below is the
    code required to rotate the text used in the title bar and status bar QUOTE CODE var
    default1 = "defautl title"; // only shown once at page load var text1 = "title2"; var text2 = "title
    3"; var text3 = "title 4"; var changeRate = 2000; // 1000 = 1 second var messageNumber = 0;
    function changeStatus() {   if (messageNumber == 0) {      window.status=default1;     
    document.title=default1;     }   else if (messageNumber == 1) {      window.status=text1;    ....
  7. Javascript: Text To Texbox And Back To Text
    (3)
    i need some help i want to create a thing where when some one double clicks a certain text it
    changes into a texbox where they can edit the text and the they double click and it changes into the
    test they just typed in. I have found this function in javascript that does some of it but i needs
    to be simplified CODE "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Span to
    Text Box - Demo - DOM /* © John Davenport Scheuer */ function exchange(el){ var
    nodeI=el.parentNode, inputC=document.createElement('input'), text=el.innerHTML; el.style.f....
  8. Javascript For Text Color Swap
    (11)
    Just looking for how I can make a text link change color onmouseover and onmouseout, similar to an
    image swap. Any help on this would be appreciated. Thanks!....

    1. Looking for vertical, text, kinda, amazing

See Also,

*SIMILAR VIDEOS*
Searching Video's for vertical, text, kinda, amazing
advertisement



Vertical Text - kinda OLD but amazing

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com