InsaneJournal

code by morethancostume

the code

the instructions

After a year and a half, the coding bug struck again. This is my homage to LCARS (Library Computer Access and Retrieval System) from Star Trek: TNG. I couldn't use the exact font used in the show, but I'm happy with the way it came out. There's a lot of complicated coding to get the design elements just right, so for the most part you can just ignore the huge blocks of code and focus on the indented lines - that's where your content will go.

The content areas are a little more theme-specific, but you could make it work for other types of games with a little work. I don't know that anyone will ever actually want to use this, but it was fun to make.

I've embedded labels in the code to help you out. It should be fairly simple to navigate. For the most part, any text you need to change is easy to find. Use the <!-- NOTES --> in the code to find your way. Additionally, be sure to find/replace:

When you make changes to the Lines section (on the Errata tab), you'll want to replace JOURNALURL, RELATIONSHIP, the icon ( http://i.imgur.com/8BW5Jd2.png ), and NAME for each new line as you add them. If you need to add a new row, be sure to copy/paste everything between <!-- ROW 2 --> and <!-- CLOSE ROWS -->.

You might need to change the color of any links you add, depending on where you put them. Instead of a normal <a href=""></a>, be sure to use <a href="" style="color:#;"></a> and pick an appropriate color.

CREDIT: Please be sure to leave the credit tag in place. Comments are always appreciated. Enjoy!

If you want to swap out any of the colors, here they are:

In the event that you want to swap out any of the images, here's a key:
http://i.imgur.com/Om5UqFl.jpg - Federation icon
http://i.imgur.com/JozbPZ7.png - Gif border
http://i.imgur.com/8BW5Jd2.png - Coming soon icons
http://i.imgur.com/iZbPCHb.png - LCARS circle

:D

Bonus: Don't miss my PCAP design, for all you fans of the reboot franchise.