?

Log in

No account? Create an account
 
 
31 December 2036 @ 11:59 pm
HTML Tags as Needed  
Find everything behind an (LJ-Cut:)
  • LJ Cuts & Direct Linking to an LJ User's Journal:
    1. To make an LJ Cut for the remainder of a post that will also not have introductory text use:
      <lj-cut>insert text here</lj-cut>

    2. To make an LJ Cut that will include introductory text; if using an LJ Cut to hide text; or if including a summary paragraph and need to end the LJ Cut before getting to the end of the document use:
      <lj-cut text="insert header text here">cut stuff here</lj-cut>

    3. To make a ( fake LJ Cut: ) use:
      <b>( <a href="insert url here">insert fake LJ Cut text here:</a> )</b>

    4. To directly link to the journal of another LJ user in the body of your text without having to type in the url (eg: pfeffermuse) use:
      <lj user="insert user name here">
  • Text Styling:
    1. To make text bold use:
      <b>insert text here</b>
      or
      <strong>insert text here</strong>

    2. To make text italic use:
      <i>insert text here</i>
      or
      <em>insert text here</em>

    3. To underline text use:
      <u>insert text here</u>

    4. To subscript text (for example, writing the chemical formula for water as H2O) use:
      <sub>insert text here</sub>
      Note: You can also reduce the size of subscript text to make it more visually appealing (as in H2O) by using:
      <sub><small>insert text here</small></sub>

    5. To superscript text (for example, writing the mathematical equation 82 = 64) use:
      <sup>insert text here</sup>
      Note: You can also reduce the size of superscript text to make it more visually appealing (as in 82 = 64) by using:
      <sup><small>insert text here</small></sup>

    6. To make text blink use:
      <blink>insert text here</blink>

    7. To make text scroll horizontally across the page use:
      <marquee>insert text here</marquee>

    8. To make text sparkle use:
      <span style="text-align: inherit;"><font style="padding: 5px; background-image: url(http://ukauctionhelp.co.uk/istore/sparkle.gif); color: inherit; font-family: inherit; font-size: inherit;">sparkle</font>

    9. When using multiple tags (eg. bold italic or bold underline), closing tags should always appear in the reverse order of opening tags. The opening tag for making text bold italic would be <b><i> and the closing tag would be </i></b>.
  • Text Formatting:
    1. To make a line break either hit the return key once (as in a word processing program), or use a
      line break,
      which will put one hard return following the text:
      <br>

    2. To make paragraph breaks either hit the return key twice (as in a word processing program), or use a

      paragraph break,

      which will put two hard returns following the text:
      <p>

    3. To right align text, the code is:

      now is the time for all good men . . .

      <p align="right">insert text here



    4. To center text, the code is:
      now is the time for all good men . . .

      <center>insert text here . . . </center>

    5. To make a table*, the code is:
      row 1, column 1 | row 1, column 2 | row 1, column 3
      row 2, column 2 | row 2, column 2 | row 2, column 3

      <table>
      <tr><td>row 1, column 1</td><td>row 1, column 2</td><td>row 1, column 3</td></tr>
      <tr><td>row 2, column 2</td><td>row 2, column 2</td><td>row 2, column 3</td></tr>
      </table>

      (*Note, divider between columns ("|") is shown here only to make readability of example table easier.)

    6. To make a bullet-pointed list (known as an unordered list) and indents for it, the code is:
      <ul><li>

      Always begin the line to be bulleted, with <li>

      To put a paragraph break within a bullet point, use one of the following:
      - hit the return key (as in a word processing program)
      - use the code for a line break: <br>
      - use the code for a paragraph break: <p>

      To end the bullet points and indents use </li></ul>.

    7. To make a numbered list (known as an ordered list) and indents for them, the code is:
      <ol><li>

      Always begin the line to be numbered, with <li>

      To put a paragraph break within a numbered list, use one of the following:
      - hit the return key (as in a word processing program)
      - use the code for a line break: <br>
      - use the code for a paragraph break: <p>

      To end the numbered list and indents use </li></ol>.
  • Hiding Spoiler Text:
    To hide text for spoilers and have it work for any page setup, there are a variety of codes to use:
    (Note: Highlight coloured text to read explanation of how each code works. If you would prefer using other colours, please visit this website for a list of the various hexadecimal colour codes available.)

    1. <div style="background:#000000"><font style="color:#000000">insert text here</font></div>
      This will make the text and background black for an entire paragraph worth of space, and force a paragraph break, even where one isn't wanted. For example, only part of this sentence needs to be blacked out,
      but a random paragraph return has been forced on the text following it, even though it's part of the same sentence.

    2. <span style="color: #ffffff; background-color: #ffffff:">insert text here
      This code makes the text white and the background it appears on white. Note: Colour shown here is shown as pale blue only so that you'll be able to see it well enough to highlight this. White background/white text are very easy to overlook since most people's default background is likely white.

    3. <span style="color: #000000; background-color: #000000;">insert text here</span>
      This code makes the text black and the background it appears on black.

    4. (<a title="Skip this Warning" href="#skip">skip</a>) <span title="Spoiler text. Highlight to read." style="color:#000000;background-color:#000000;">insert text here. Highlight to read.</span><a name="skip"></a>
      (skip) This code is used to provide blind, visually impaired and/or anyone using an OCR the ability to avoid being spoiled. Their OCR will come to the word "skip", and give them the option of highlighting the information, or instead skipping over it. The words "highlight to read" should be included in the spoiler text.
  • Fan Fiction Header for Posting Fic on Journaling Sites:
    Many communities have different requirements for what should be listed as header information. The header below is a distillation from various communities. Obviously, not all information will be necessary, depending on where fic is being posted; this is presented in a tabular form for a reader's convenience.

    Fandom: Insert fandom here
    Title: "Insert story title here"
    Author: Insert author's name here
    Genre: Usually defined as Gen, Het or Slash; may also be further broken down into subcategories, depending on fandom
    Rating: Insert age appropriateness of story
    Spoilers: As different readers may have discovered a fandom at different points in its history, it's best to err on the side of caution and provide notice that the story may reveal information that would spoil a reader's enjoyment of the original source material
    Summary: Usually a sentence or two providing the reader with a basic outline of the story
    Warning: Considered different from "spoilers", warnings are used to alert readers that the fic may contain disturbing or triggering content
    Length: Insert approximate length here (eg. Drabble, Short Story, Multi-Chapter, Novella, Novel)
    Status: Insert whether the story is complete or a work in progress (WiP)
    Disclaimers: Insert your acknowledgement as the writer of the story of the entities that own the original source material
    Notes: If you have any author's notes to reference, it's best to place them in the header rather than in the middle of a story
    Other: Insert other information, notes, miscellanea, as required

    ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

    ("Proceed to story . . . ":)

    Begin story here . . .

    The code is as follows:



    • Linking to Other Web Pages:
      There are several methods available to provide links to other web pages.

        To provide a link that opens within the page or tab currently open:

      1. <a href="insert url here">link name</a>
        This opens the link within the current window.

      2. <a href="insert url here" rel="nofollow">link name</a>
        This opens a link within the current window, without providing the site owner with hits.
        (Note: Due to site owners wanting reciprocal revenue from ads, "No follow" is not allowed on every website, and may result in an error message when trying to use it.)

      3. <a href="http://anonym.to?insert url here">link name</a>
        This opens a link within the current window without providing the site owner with information on where you came from.

      4. <a href="http://anonym.to?insert url here" rel="nofollow">link name</a>
        This opens a link within the current window without providing the site owner with hits or giving them information on where you came from.

        To provide a link that opens in a new page or tab:

      1. <a href="insert url here" target="_blank">link name</a>
        This opens the link in a new window or tab.

      2. <a href="insert url here" rel="nofollow" target="_blank">link name</a>
        This opens the link in a new window or tab, without providing the site owner with hits.
        (Note: Due to site owners wanting reciprocal revenue from ads, "No follow" is not allowed on every website, and may result in an error message when trying to use it.)

      3. <a href="http://anonym.to?insert url here" target="_blank">link name</a>
        This opens a link in a new window or tab, without providing the site owner with information on where you came from.

      4. <a href="http://anonym.to?insert url here" rel="nofollow" target="_blank">link name</a>
        This opens a link in a new window or tab, without providing the site owner with hits or giving them information on where you came from.

    • HTML Help Requests:
      1. To add additional interests beyond the allotted 150 on your LJ profile page:


        • Please note the following:

          1. This is a cheat added to your profile; it does not affect your interest list.

          2. Because this is a cheat, anyone searching for LJ members with these interests will not see your name pop-up on their interest list. This will only allow the person who is using this cheat on their profile to find other members having their interests.

          3. Because this is a cheat, you will need to be responsible for knowing the number of interests you're adding, as well as making sure you sort them in alphabetical order. Unlike with the LJ interest list, this is not done automatically.

          4. If your interest has multiple words in it, the words will be separated by an addition sign (+) in the url. So, wild wild west becomes: wild+wild+west.

      Additional information can be found via a Google search for html character entities.

 
 
 
full_metal_oxfull_metal_ox on May 28th, 2010 09:47 pm (UTC)
Ma'am, I hope you don't mind my popping up out of the wild blue yonder (I've made your acquaintance on Fanficrants); I just thought it might please you to know that your tutorial, which is far clearer and more efficient than the hide-and-seek game that is the Livejournal FAQ, has been of use to a number of people; I make a point of recommending it whenever a suitable occasion arises.

http://community.livejournal.com/fanficrants/9576855.html
Dash O'Pepperpfeffermuse on June 3rd, 2010 04:45 pm (UTC)
Apologies for not replying sooner; I was at Media*West over the holiday weekend, and wasn't able to get back online until today.

Ma'am, I hope you don't mind my popping up out of the wild blue yonder (I've made your acquaintance on Fanficrants);

Not at all; you're certainly more than welcome here. Do you mind if I friend you? (You've always had very insightful posts on FF.rants.)

I just thought it might please you to know that your tutorial, which is far clearer and more efficient than the hide-and-seek game that is the Livejournal FAQ, has been of use to a number of people; I make a point of recommending it whenever a suitable occasion arises.

That really makes my day. I'm glad you and others have found it useful, and thanks for sharing it with others. I tend to feel like I'm blowing my own horn when I post a link to this.

Thanks again.

Pepper
full_metal_oxfull_metal_ox on June 4th, 2010 08:48 pm (UTC)
Friend me, by all means, if you like; just be advised that there's not a great deal to see on my own LJ, which I use primarily as a springboard into the fandom mosh pit.
chamekke: harechamekke on May 30th, 2010 04:10 am (UTC)
This is unbelievably helpful. Thank you for sharing this!
Dash O'Pepperpfeffermuse on June 3rd, 2010 04:38 pm (UTC)
Apologies for not replying sooner; I was at Media*West over the holiday weekend, and wasn't able to get back online until today.

I'm glad that you find it useful. I do update it from time to time, when I find more things that might be useful.

Feel free to share the info.

Pepper
(Deleted comment)
Dash O'Pepperpfeffermuse on September 16th, 2010 06:43 am (UTC)
It's actually a cheat. They're not part of the interests list, but part of the profile.

To set it up:
  1. Go to the edit profile page on your account.

  2. Add the following code at the bottom of your profile:

    <table border="0"><tr><td nowrap="nowrap" valign="top"><strong><a href="http://www.livejournal.com/interests.bml">Other<br>Interests</a>:</strong></td><td><strong>insert number of interests:</strong> <a href="http://www.livejournal.com/interests.bml?steampunk&opt_pagesize=100&start_search=1">steampunk</a>, <a href="http://www.livejournal.com/interests.bml?int=wild+wild+west&opt_pagesize=100&start_search=1">wild wild west</a>. <a href="http://www.livejournal.com/interests.bml?mode=enmasse&fromuser=psychedelicwind">. <a href="http://www.livejournal.com/interests.bml?mode=enmasse&fromuser=psychedelicwind">[Modify yours]</a></td></tr></table>

    The code should make your profile look like this, and you can replace text where noted in red above to fit your own interests:

    Other
    Interests
    :
    2: steampunk, wild wild west. [Modify yours]

  3. Note that if your interest has multiple words in it, in the url code above, you should note that each word is separated by an addition sign (+). So, wild wild west becomes: wild+wild+west.

Hope this helps.

Pepper
(Deleted comment)
Dash O'Pepperpfeffermuse on September 16th, 2010 03:46 pm (UTC)
If you need any help, don't hesitate to ask.

Pepper
HutchyNStarskhutchynstarsk on March 26th, 2011 02:35 am (UTC)
awesome--very helpful & cool! Thanks for sharing!!
Dash O'Pepperpfeffermuse on March 26th, 2011 12:10 pm (UTC)
Glad you found it useful.

If you ever need help with something, please feel free to ask. ;-)
HutchyNStarskhutchynstarsk on March 26th, 2011 08:26 pm (UTC)
That's really sweet of you--thanks!! :D
She went that-a-way...: romana serious facejinxed_wood on July 31st, 2011 07:33 pm (UTC)
Thank you for this wonderfully informative post :-)
Dash O'Pepperpfeffermuse on July 31st, 2011 10:41 pm (UTC)
Glad it's helpful to you. Thanks for replying.