censored
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
1 years 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
9 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


Want to support us keeping the site ad-free? Check out our patreon!