censored
9 months ago
css discussion
someone on /d/ mentioned making the censor specific tags have a different color.

as the admin, I tried fiddling with the css stylesheet and added this section:
a[href*="censoring"] {
color:red
}

which should change the color of hyperlinks containing a link with "censoring".

I uploaded the new file but read it can take some time for the cache to refresh with it to see any changes.

any css experts know if this is correct code?
any suggestions for the colors on "censoring" or "censored" tags?
CCA
9 months ago
That feels like you're doing something wrong. When looking at the helps of other boorus they mention prefixing for example artist: when the tag is the name of the author. This doesn't work here. But I don't know anything about the backend of boorus so maybe I'm wrong.
xxxFalls
9 months ago
That was me, and yeah I think that looks correct. Although you may want to specify #tag_list before the section for "censored" or the "Censoredbooru" header will probably switch color as well.

As for the colors, I think orange for #ff9800 "censoring" and pink for #ff0058 "censored" would be nice to see personally. Also I suggest adding support for character/copyright/artist prefix/suffix like CCA mentioned and to give them the respective green/purple/red colors for consistency.
censored
9 months ago
li > span > a[href*="_censoring"] {
color:#ff9800;
}

li > span > a[href*="censored_"] {
color:#ff0058;
}

li > span > a[href*="_(artist)"] {
color:#A00;
}

i uploaded this into the css, at the very end of the file. hopefully it will work and i'll see the change soon. otherwise im pretty stuck.
CCA
9 months ago
It'll be really clunky to search for, for example, artists by tag as you have to add the _(artist) every time. And then some of the images aren't tagged with _(artist), rather than just the artist name, which won't show up properly. Maybe try to figure out how other boorus do this before this goes on for too long? Just adding overwatch should automatically color it as series once it's established as one.
censored
9 months ago
I went looking at the other boorus here http://booru.org/top, and noticed that the few with the seamless coloring were running on a newer version of gelbooru than what I got with the free version. The backend of those pages, along with current danbooru and gelboorus pages, have classes for their tag elements, which allows the css to know which tags to color. Here, I don't have the tag classes on my backend, so I'll be limited to the string searching.

I did find one booru, http://vinesauce.booru.org/, that did have the same version as mine, and has the colored tags. I looked at their css, and it had small differences in what I had originally written, but they also were using the string searching.

a[href*="_censoring"] {
color: #ff9800 !important
}

a[href*="censored_"] {
color: #ff0058 !important
}

a[href*="_(artist)"] {
color: #A00 !important
}

this code works.
xxxFalls
9 months ago
Nice! It's working at last! Although I think only coloring artist tags but not character or copyrights is a bit weird. I think you should add those in as well.

And personally I think making the identifier for these tags a prefix (like some other boorus with artist:name) seems like a clearer more elegant solution than the _(artist) suffix, especially when a lot of characters follow the "character_(franchise)" format already (see Kantai Collection).
censored
9 months ago
Well I didn't try to color series or characters because there wasn't a way to select them.

I do like the prefix idea more, I'll change the css once I can find an easy way to change the tags on multiple pictures (or I notice a majority that are tagged that way).

I'm thinking we'd use:
artist:name
character:name
series:name

Should we also try to tag the creator/editor of the image? Like
editor:tbw

What's a good color for that?
xxxFalls
9 months ago
I think adding tags for the editors is a great idea, especially considering each creator has their own unique style. How's cyan (#00d9f5)?

I do think changing the CSS early on is a better idea as it encourages people to tag new content in the proper way from the get-go.

Also I went ahead and started prefixing some of the earlier content. With macros you can quickly get through a page in around 5 minutes.

censored
9 months ago
a[href*="_censoring"] {
color: #ff9800 !important
}

a[href*="censored_"] {
color: #ff0058 !important
}

a[href*="artist:"] {
color: #A00 !important
}

a[href*="character:"] {
color: #0A0 !important
}

a[href*="series:"] {
color: #A0A !important
}

a[href*="editor:"] {
color: #00d9f5 !important
}

theres the new css code I uploaded. you might need to reset your browser cache to see the changes.

Also I've yet to come across macros, can you post in the tools topic about how they work?
xxxFalls
9 months ago
It's not really much. What I did is use the Augmentation tool you posted in the other thread to easily edit individual tags, and I just click the relevant tag, press a button macro that I've assigned to type a designated word (in this case artist:, character:, and series: respectively) followed by pressing Submit. You still need to do a lot of things manually, but it at least speeds things up by not having to type or copy things manually.

Programmable button macros are built into my keyboard by default (G710+) but I'm sure you can achieve something similar by binding specific buttons with the help of AutoHotKey for instance.
xxxFalls
8 months ago
Suggestion: Color the *_request tags the same color as the corresponding request category (e.g red for artist_request). I believe people might be more willing to find the right information if these tags are easier to take notice of, which is probably why most other boorus do this.
censored
6 months ago
only now did I see this suggestion. it was easy to implement so I added in coloring for censor_request, artist_request, character_request, and series_request.
1


Reply | New Topic | Help | Forum Index


Would you like to help us to try to get this site ad free? Check out our patreon!