Ivan Karelin // Origami Cyclone (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
sponsorigami) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
kokyreforest2018-07-13 04:53 pm
sponsorigami) wrote in kokyreforest2018-07-13 04:53 pm
Entry tags:
Fun HTML Code Inserter geared for IS but customizable
Hello everyone. Your resident hipster ninja mun has something that could make your life easier. (Or harder but hopefully easier) How would you like to have certain codes at your fingertips without having to constantly go to a reference page and copy and paste? There is such a way.
For this to work, Chrome Users need an extension called Tampermonkey (Chrome extension link), and Firefox Users need the extension Greasemonkey. IE Users might be able to use this too given that it mentions IE support in the userscript, but I don't know what you'd need to add to the browser.
This userscript is based on something I started using during a previous game (who got it from a Homestuck userscript for all those crazy fonts and colors) and wanted to edit to use for IS. I hope you guys will find this helpful and useful if you give it a try.
Code Basics
First get your extension of choice. I use Tampermoneky, so my steps might be a little different if you're using Greasemonkey. Add a new userscript and paste all of this userscript code into it.
Save.
Try to make a comment somewhere. You should now get something that looks like the below.
You can choose what code to add by using the dropdown menu and hit add code to add it in.
Unfortunately, having the convenience of the dropdown code means that the Twitter code is a big mass of code instead of nicely spaced out like it is here. (It needs to be a single line in the userscript.) I've underlined what you'd need to edit to fit your character to make it easier for you to see it.
HOWEVER! You can edit the code with your character's user and display names filled out for you, making it a lot faster and not needing to change it all the time.
Personalizing the Code
Everything underlined in green needs to be changed to your character's IC accounts and names. In your code, it'll be some version of LAST, FIRST and not be filled out for Ivan Karelin.
There is also one more you'll need to change: the long line of code that is the Twitter code. See the line starting with <raw-code>? It is everything shown up in the block of text with purple underlined parts. You'll need to change all of them except the CONTENT one (That's what your Twitter text is.) and the Mon DD timestamp part. Don't insert breaks with the enter/return key. You'll break things. Leave it as one long line of code.
Personalizing the Code EVEN FURTHER
Now you may be asking yourself "Okay, but what's with those other buttons?" First of all, the "close tags" button (shown in blue) is simply the </span> meant to be used after you finished typing the text in courier (shown with purple).
The "small tags" button (shown in green) inserts the HTML for action tags. I have mine edited to my style which is:
"[" + "blank space" + "<small>" + "</small>" + "blank space" + "]"
Which becomes
[ text goes here ]
And inserts the cursor right in the middle, so I can start typing without having to click there. If you want to edit it to fit your style, here is what you'll need to change in the userscript. This is toward the bottom of the userscript.
Specifically, the green underlined areas. The first green line is what you'd normally type for your small text/action text. Make sure the code is between two apostrophes, like this: 'small text code'. You'll break the code without those apostrophes. The second green line is where you'd like your cursor to be. You'll need to count the characters (including any spaces) of the code to the center where you start typing. My style is 9 characters to the middle. If you don't change this, your cursor might start somewhere else, and you'd have to move before starting to type.
Since this is browser based, you'll have to keep in mind if you have multiple characters. You'll have to edit the names between the two manually or create a longer drop down menu with sets of code for each character.
Now, I am not an expert coder, but I can work some things out by editing what's there. If you have questions, I'll do my best to help.
For this to work, Chrome Users need an extension called Tampermonkey (Chrome extension link), and Firefox Users need the extension Greasemonkey. IE Users might be able to use this too given that it mentions IE support in the userscript, but I don't know what you'd need to add to the browser.
This userscript is based on something I started using during a previous game (who got it from a Homestuck userscript for all those crazy fonts and colors) and wanted to edit to use for IS. I hope you guys will find this helpful and useful if you give it a try.
Code Basics
First get your extension of choice. I use Tampermoneky, so my steps might be a little different if you're using Greasemonkey. Add a new userscript and paste all of this userscript code into it.
Save.
Try to make a comment somewhere. You should now get something that looks like the below.
You can choose what code to add by using the dropdown menu and hit add code to add it in.
Unfortunately, having the convenience of the dropdown code means that the Twitter code is a big mass of code instead of nicely spaced out like it is here. (It needs to be a single line in the userscript.) I've underlined what you'd need to edit to fit your character to make it easier for you to see it.
HOWEVER! You can edit the code with your character's user and display names filled out for you, making it a lot faster and not needing to change it all the time.
Personalizing the Code
Everything underlined in green needs to be changed to your character's IC accounts and names. In your code, it'll be some version of LAST, FIRST and not be filled out for Ivan Karelin.
There is also one more you'll need to change: the long line of code that is the Twitter code. See the line starting with <raw-code>? It is everything shown up in the block of text with purple underlined parts. You'll need to change all of them except the CONTENT one (That's what your Twitter text is.) and the Mon DD timestamp part. Don't insert breaks with the enter/return key. You'll break things. Leave it as one long line of code.
Personalizing the Code EVEN FURTHER
Now you may be asking yourself "Okay, but what's with those other buttons?" First of all, the "close tags" button (shown in blue) is simply the </span> meant to be used after you finished typing the text in courier (shown with purple).
The "small tags" button (shown in green) inserts the HTML for action tags. I have mine edited to my style which is:
"[" + "blank space" + "<small>" + "</small>" + "blank space" + "]"
Which becomes
[ text goes here ]
And inserts the cursor right in the middle, so I can start typing without having to click there. If you want to edit it to fit your style, here is what you'll need to change in the userscript. This is toward the bottom of the userscript.
Specifically, the green underlined areas. The first green line is what you'd normally type for your small text/action text. Make sure the code is between two apostrophes, like this: 'small text code'. You'll break the code without those apostrophes. The second green line is where you'd like your cursor to be. You'll need to count the characters (including any spaces) of the code to the center where you start typing. My style is 9 characters to the middle. If you don't change this, your cursor might start somewhere else, and you'd have to move before starting to type.
Since this is browser based, you'll have to keep in mind if you have multiple characters. You'll have to edit the names between the two manually or create a longer drop down menu with sets of code for each character.
Now, I am not an expert coder, but I can work some things out by editing what's there. If you have questions, I'll do my best to help.