hope: Art of a woman writing from tour poster (toshiko sato is smarter than you)
puddingsmith ([personal profile] hope) wrote2010-05-10 10:16 pm

Scripty goodness: Fanfiction Header Builder

Introducing the Fanfiction Header Builder!

The Fanfiction Header Builder is a tool made to help you create nicely-formatted headers for your stories with ease.

Just select the elements of the header you want to include, enter your own material, and then copy & paste the code into your "compose entry" text box (in plain text mode, of course).

Features include:
  • Links to previous/next/master posts, if you're posting a chapter of a WIP - just enter the URL and it'll write the rest of the code for you

  • Same goes if you'd rather link to your story elsewhere, rather than LJ cut it - just enter the URL and the text you want hyperlinked

  • The option to include the "highlight to reveal" code on a couple of components, if you want to warn safely but hide spoilers

  • A whole range of components you can take or leave as you see fit - and all the text fields are unrestricted, so you can put whatever material you like wherever you like.

And of course, you can always edit the header yourself once you've pasted it into your compose entry page.


You will need to have Javascript enabled in your browser in order for this tool to work.

It's optimised for Firefox, but has also been successfully tested in Safari and Chrome. It's incompatible with IE6 (I'd welcome feedback on how it works in IE7 & 8, though).



Further author notes -

This tool has been built with jQuery. I am a HTML/CSS coder who's presently learning javascript (the jQuery library in particular). This is the first relatively complex project I've built, so no doubt the script is a bit of an unnecessary mess.

Any feedback on technical aspects is very welcome. This is being initially published on Dreamwidth only to start with a smaller group of users!

Feedback on basic functionality is also welcome, so long as you keep in mind that it cannot be everything to everyone, and trying to build something that is will result in it being unwieldy and over-complicated.


Feel free to link to this post or the Header Builder itself if you'd like to share it around.

Thanks!
eyebrowofdoom: A vintage illustration of a cricketer crouching over to field. The word "Out" appears next to his bum. (Default)

[personal profile] eyebrowofdoom 2010-05-11 12:46 am (UTC)(link)
AWESOME.

Title: This is an epic title of epicity
Author: by me
Fandom: I am a fan of me.
Wordcount: 50 million and going strong
Rating: only death with release you
Disclaimer: Lies, all lies

That was in IE7 on PC.

The Basic Header builder worked fine, but things went screwy when you expanded the other arrows under that - basically the list items all got jumbled up and clashed with each other.

My other feedback would be: I kind of wanted some hover or focus behaviour on the arrows. I am sufficiently used to seeing hover behaviour on clickable things that when I don't see it, I conclude that they're either broken or not interactive (although of course I did click anyway, and found out they did work).

[personal profile] ex_soup621 2010-05-11 07:42 am (UTC)(link)
What she said about the hovering.

Also:

Created using the Fanfiction Header Builder
Title: i say
Author: old chum
Fandom: hurt ianto
Wordcount: i like hurt ianto
Pairing(s): jalopy
Warning(s): it made me happy when
Contains: (highlight to reveal) jack was depressive


in the fute
eyebrowofdoom: A vintage illustration of a cricketer crouching over to field. The word "Out" appears next to his bum. (Default)

[personal profile] eyebrowofdoom 2010-05-11 09:19 am (UTC)(link)
I don't think I sufficiently expressed my glee that you built something that does stuff in JQuery.

Here it is:

GLEEEEEEEEEEEE.