New Universal TouhouBots Base Test Thread 2

[u/james7132]

This is an unedited text post.

@2huFaceBot: le tewi face

EDIT: this is now an edited post.

EDIT 2: This is now an post edited after processing, now with the addition of a hot word.

[u/james7132]

It's largely for /r/touhoujerk, but it works pretty much on any subreddit with "Touhou" in the name.

I'm doing it since /r/touhoujerk's mods don't seem to want to do any outside of "[](le-sanae-face)". Since I don't have CSS access to a lot of the subreddits, I resorted to make a bot that responds with the appropriate image. /r/awwnime has a bunch of embedded images for comments, which is what I wanted to emulate.

Alas the bot is only up when my computer is up and hosting is expensive and it's slow, so it would be best to add them in as a embedded images.

[u/Imosa1 → u/james7132]

You don't have CSS access, but have you asked for CSS access? Would you know what to do if you had CSS access?

[u/james7132 → u/Imosa1]

No, I don't think I have asked.

From some of the stylesheets of other subreddits that have implemented something similar, to add a link-based embedded image, an extra block (I don't know if that's the right term, I don't do webdev much) with a selector for links with a certain URL needs to be added.

a[href^="<image trigger>"] {
    display:inline-block;
    width:<width>;
    height:<height>;
    background-image: url(<image URL>) no-repeat <image size>;
    position:relative;
}

and of course the image needs to be uploaded properly.

[u/Imosa1 → u/james7132]

No, I don't think I have asked.

I suggest starting with this issue. Being a mod and editing CSS is no big deal so long as your competent.

You're code looks a little wrong though. width, and height will be the dimensions of your image.
"background-image: url(<image URL>)" is right but that's the only input you can give that function. You'll want to erase the rest and replace it with: "background-repeat: no-repeat;"

If you REALLY want to do things right then you'll want to put all the emotes onto a sprite sheet and use "background-position: <x> <y>;".