Vertical Text

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: Vertical Text

Topic: Vertical Text

(?)

Pokeman002

ezSupporter
Posts: 181

Posted: 5/22/04 3:11 pm
Vertical Text

This CSS will allow you to display text vertically. Place it in the 1st box in Custom HTML:

  
<style type="text/css">
.vert { 
width:1px; 
writing-mode: tb-rl; }
</style>

Very simple code, huh?

. Having the width set to 1px, you don't have to worry about it creating multiple lines of text displayed vertically, unless you want it. If you want to have multiple lines, just use CSS or HTML to change the height. You can use absolute positioning to make the text in a different place, such as on the side, like this:

<*style type="text/css">
.vert {
position:absolute;
left:1px;
top:50px;
width:1px;
writing-mode: tb-rl; }
</*style>

Remove the *s.

To change what text you want to be displayed vertically, use this HTML:

<span class="vert">pub63.ezboard.com/bbluekenetic</span>

Change the link to my board to your text, of course.

You can also customize this vertical text to have borders, different font sizes, faces, styles, and much more.

Credits:
DynamicDrive for giving me the idea. They had a script to do this, and I just did it using CSS.
Pokeman002 for writing it.
BTW: I was hoping this could make FAQ

Edited by: Pokeman002 at: 5/22/04 3:14 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS FAQ -

ezboard Help Communities:

Help Forums Bug Base