றalathyne (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
littlesparrow) wrote2014-11-20 03:46 am
littlesparrow) wrote2014-11-20 03:46 am
[coding] fallout terminal
Click on the previews for full size.
Inspiration.
First and foremost -- MEGA SUPER BIG WHOPPER SIZED thanks to
glazedmacguffin for answering my questions and troubleshooting and putting together that sample code just because I started whining in her direction. 'Cuz seriously, I don't really doubt that I would've made it through this mess without your help. ♥♥♥So, uh. I decided to venture forth and attempt to make a code. The only one that I can say I built 100% by hand is going to be the first one, which is the simplest. The second one, I used a resource a friend made for me (here), and for the third, I borrowed small but vital lines of code from here (specifically this version of the code). Also, the image from the terminal itself was put together from this tumblr layout, so, nvm, that first one ISN'T 100% by hand. (The code is, though.)
AS SUCH, I'm not comfortable with releasing this to dreamcodes or anything actually publicly advertised at all. But I would like for friends to be able to use it, so I'm compiling all three versions of the code here.
Please be aware that this is the first time I've tried to make anything remotely complicated, and, if I'm entirely honest, I'm not exactly sure how... the third one works?? I just managed to make it work. With witchcraft. IDK. But if you squint too hard at this stuff or breathe gently on it, it might fall apart.
If it does, I'm sorry. I can't promise I can help you. I'm certainly willing to give it a shot, though.
Feel free to edit these codes however you want -- clean it up, make it work better, make a better background image, whatever, GO FOR IT. I'd love it if you shared, though. ♥♥
Version 1: The Basic
+ This code could be used for a navigation code, I guess.
+ It doesn't have any "pages," it's just straightforward.
+ I would be careful how long you make it; I didn't put a scrollbar into this one, sorry. If you want a scrollbar, I could slap one on there for you, but it won't look as pretty.
[live preview]
Version 2: Side by Side
+ This could be used for a CR chart, a navigational code, an info page, a thread tracker, WHATEVER.
+ There is absolutely nothing I can do to make the scrollbars look pretty. Dreamwidth doesn't allow the codes that would make it pretty. I'm sorry.
+ Replace "POST" in the link url with your post's number (check your url).
+ To add "pages," look for the bit of code beginning with SECTION START and ending with SECTION END. Copy that, paste it at the end before the second to last /raw-code, and change the "a name" at the start. Then go to MENU START, add a new link using your new "a name" after the # at the end of the post number.
[live preview]
Version 3: The Canon Copy
+ This is what I originally set out to make when I started working on this stuff. I'mma use it as a thread tracker, probably, but it could be used for anything you want, like the second one.
+ Again, there's nothing I can do to make the scrollbar pretty.
+ The index page doesn't have a scrollbar.
+ If you want to get rid of the scroll bar, look for "overflow: scroll" in a div style. Replace "scroll" with "hidden." There ya go. The reverse is true if you want to add one to the index or something.
+ Replace "POST" in the link url with your post's number (check your url).
+ To add "pages," look for the bit of code beginning with START PAGE 1 and ending with END PAGE 1. Copy that, paste it at the end before the last bit of code ("br, /div, /a, /div, /rawcode"), and change the "a name" at the start. Then go to INDEX, add a new link using your new "a name" after the # at the end of the post number. It's probably also a good idea to change the name of your new START PAGE 1 to START PAGE 4 or whatever.
[live preview: one, two, three]