Editing Your Stuff

If you just want plain old text in your space, that's simple. Just type it into the editor and click Save. But if you want links and graphics and everything, you'll need to use L7 Code. Don't worry; it's easy!

Everything follows the same pattern. For example, if you want to make "Hello!" appear in big letters, just type "[big:Hello!]". This is called an L7 tag, specifically the big tag. Some tags can be entered in more than one way. For example, "[big:text]" and "[+:text]" are equivalent. Let's look at all the L7 Code tags you can use to dress up your text.

L7 Code also provides a selection of basic colors. Try nesting one color tag inside another like this: [blue:[white:text]] = text. Here's a list of all the colors at your disposal.

All these tags so far are just fine for making your text look pretty, but these next two tags can really make your space work: link and image. To use either of these tags, you need an address, either of the page you're linking to or of the image file online.

  • To grab the address of a given page or file, navigate to it in your browser and copy all the text (probably starting with "http://" in your browser's address bar.
  • If you want to see the address of an image that's embedded inside a page, try dragging that image up to your browser's address bar. If that doesn't work, you should be able to get the image's location from its right-click menu.
  • If you'd like to put your own images online but don't know how, try Flickr.

Now that you have the address of the page you want to link to or the image you want to embed, the rest is easy. Just look at the examples below.

  • The addresses of the images in these examples don't really need the "http://l7space.com/". That part is assumed unless you specify a different site.
  • If you supply a relative path (an address without "http://l7space.com/") for a link, it will open in the current window. Otherwise, your link will open in a new window (or tab).
  • The "Google" part of these image tags is not necessary for the image to show up but is useful to search engines and people with impaired vision. This alternate text also shows up if your image is ever unavailable for some reason.

L7 Code is really flexible, so you don't actually need the "http://", and you can shorten the tags down to l (for "link") and g (for "graphic") if you want.

To give your viewers some mouse-over text when they're looking at an image or about to click a link, try the hover tag. It provides mouse-over text for links, images, text . . . anything! If your hover text contains quotes, try using a different kind of quotes or parentheses to indicate which part is supposed to show up on mouse-over.

Editing Your Spots

Enter only one Web address per line with no surrounding quotes or spaces. After each address, you can include the name of the site you're linking to. Make sure the address and the link text are separated by a space. If you want to include some descriptive text, separate it from the site's name using a vertical bar (|).

In order to better organize your spots and keep the list from getting too long, you can group them under category heading so that the links in a given group will only appear when you move your mouse over its heading. To create a group, simply skip a line in your list of spots and then type the heading text on its own line.

For your convenience, you can add a new item into your spots at any time by typing the address (and title and description if you like) into the box in the upper-right corner of this site and clicking "Add". This will just add the new spot (or group heading) onto the end of your list. To change the order of your spots, you'll have to visit the editor.