Save space with text: Making a read only text box!

Want to make your text small and concise? Learn how to make a read only text box.

Step 1: Enter Part 1 of code

<textarea readonly id=”comments” style=”width:500px;height:500px;background-color:#95B200;color:#000;font:14px/30px ‘Courier New’, Courier, monospace; margin-left:100px;”>

Step 2 : Enter text 

Right after you enter in the code you want to type in the text that you want in the code.

Step 3: End Code

</textarea>

</form>

This is the code you would put after your text is finished.

Example:

<textarea readonly id=”comments” style=”width:500px;height:500px;background-color:#95B200;color:#000;font:14px/30px ‘Courier New’, Courier, monospace; margin-left:100px;”>

” Millennials Promo Script

FADE IN:

EXT. CATHEDRAL- DAY

The students pass cross Bigelow Boulevard as they head towards the Cathedral to go to class. The students head up the main stairs of the cathedral as well as the ground floor entrances. Camera PANS UP showing the massive 515 feet building.

</textarea>

</form>

Understand your code:

style=

width:500px;height:500px <— This changes the height and width of your text box

background-color:#95B200 <– Changes background color of text box

color:#000 <– Changes font color of the text box

font:14px/30px ‘Courier New’, Courier, monospace <– Font size and Font type.

Final Product: 

Once you are done your text box will look something like this:

Image

Good Luck!

-Nikki 😀

Advertisements

~ by catchmeonfifth on March 24, 2013.

 
%d bloggers like this: