Life is a Highway (highway) wrote in lj_userdoc,
Life is a Highway
highway
lj_userdoc

Proposed FAQ Addition: Journal Entries

/* Addition to FAQ */
How do I change the size, color and font of certain words?




To make your journal entries appear as something other than the plain text, you can use some simple HTML tags to enhance the appearance. While LiveJournal uses a 'parser' to catch some items in your postings and automatically convert them (e.g., recognizing a URL and making that a link when it's presented to a reader, inserting line breaks), other things will require a little bit of effort on your part.

All of the instructions below apply to anywhere you enter your text, whether it's a web browser or one of the stand-alone clients (see http://www.livejournal.com/download). Though the HTML tag <font> is still recognized by most browsers, this element is deprecated in HTML 4.0 in favor of font attributes available in style sheets that are applied directly to other elements or the artificial SPAN container for inline font changes. This element will be supported for a long time to come to allow backward compatibility with web pages designed for older browsers, however.

The SPAN element gives structure and context of any inline content in a document. Unlike some other structural elements that have very specific connotations attached to them (the P element, for instance), the author is free to give meaning to each particular SPAN element by virtue of the element's attribute settings and nested content. Each SPAN element becomes a generic container for all content within the required start and end tags.

SPAN works in Netscape version 4 or higher and Internet Explorer version 3 or higher.

SIZE
To make a text or phrase increase in font size, you would surround the text between the <span> and </span> tags. For example, if you want to show a certain text or phrase with a font size of 12pt, you would write something like:


<span style="font-size:12pt;">This text is now font size 12pt</span>


COLOR
To change the color of a text or phrase, you incorporate the use of simple color 'names' or 'hex codes' within the <span> </span> tags.

Color hex (hexadecimal, base-16) code is a set of six-character string, each pair representing the 256 possible shades of each color vision: red, green, blue; from '00' (0) to 'ff' (255). Therefore, Red can be represented by #ff0000, green by #00ff00 and blue by #0000ff, where 'ff' is highest value -- the values are not case sensitive (can be upper or lower case). By mix and matching the various shades, you can develop different color hues, for example: #7FFFD4 will give an aquamarine shade while #FF1493 will give you a deep pink (see http://goathack.livejournal.org:8055/docs/color_codes.html for more information).


Using this available feature, you can create many color shades:


<span style="color:#ff0000">This text is now red</span>
<span style="color:#ff1493">This text is now deep pink</span>


FONT
To change the type of font you want to use for a text or a phrase, you would add the 'font-style' within the <span> <span> tags:


<span style="font-family: comic sans ms, verdana, tahoma, arial, helvetica">This phrase will appear in either in Comic Sans MS, Verdana, Tahoma, Arial, or Helvetica -- depending which font is available in order.</span>


COMBINATION
You can also mix-n-match all various settings into each pair of <span> </span> tags:


<span style="font-family: comic sans ms, verdana, tahoma, arial, helvetica; font-size:12pt; color:#00ff00">This 12pt green-colored phrase will appear in either in Comic Sans MS, Verdana, Tahoma, Arial, or Helvetica -- depending which font is available in order. .</span>



Also note that <span style=".."> and <font style=".."> can be used interchangeably. Journal entries will accept both <span> and <font> but commenting and bio section (in the userinfo section) will not allow <span> therefore, you'll need to use <font>.
Subscribe
  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 7 comments