Can you use css to color code posts that have (you)s in them? i can't figure it out with my rudimentary css knowledge

can you use css to color code posts that have (you)s in them? i can't figure it out with my rudimentary css knowledge

pls help user-san

Other urls found in this thread:

github.com/WhatIsThisImNotGoodWithComputers/All-time-You-count
pastebin.com/zBhR5yTJ
twitter.com/SFWRedditGifs

Yes.

I don't know if you can do it with pure CSS but it's definitely possible with JavaScript (Greasemonkey).

Just wait until hiroshimoot implements Likes into Sup Forums. Don't worry, everything will be just like facbook soon.

would you be aware of something like that being out there? i know there's a bunch of scripts and extensions for Sup Forums but none i know of have that

No, I'd just make it myself.

i can't code, really, but i'm a (mediocre) drawfag.

i'll draw you something of your choosing in exchange, if you feel like making a greasemonkey script

I believe so. also brotip for improving your css skills, go to the stylish website and download some styles you like then open them in whatever notepad program you prefer to see how the did shit

>can't code, then what you want is stylish plain and simple, there's tons of userstyles already out there for Sup Forums

thx guis

install

gentoo

.ql-tracked{
background-color: #2E2E2E;
}

i'm gunna need a (You) to test my implementation...

(You)

nah i mean the whole post, like pic related

there you go

(me)

Can I get a reply for testing purposes?

ur mum lmao

lmao

Well, a quick search on google makes one thing obvious. CSS can not in any way make interacting with an element affect its parent element. So while can do whatever he wants to the tiny (you) text, the post box itself is off limits. With that said, each post box has a unique identifier which looks like "pc####" where #### is your get. A little JS that 1) looks up the get of any post with a (you) and 2) effect the background color of the div box with that ID could do the trick. I'm somewhere between rock and caveman as far as JS goes and it's not important enough for me to lose sleep to build so I recommend google and good luck user.

Make a j query thing that selects the first child of all ql-tracked elements and sets style

alright so can someone make a userscript for this already

So while I'm here, how can I implement a (you) counter?

there's gotta be a chrome extension for shills that does this go ask on pol

lo/g/os in action

What is the purpose of this "feature"? Are we really pandering to autists that can't even tell their own posts apart?

Not to mention it's brought in the worst type of attentionwhoring cancer that do nothing but derail the thread.

Remove (You).

...

What is the purpose of this "feature"?
Make it easier to find people who replied to you. Instead of Scrolling through the whole thread looking for (You's), you can just see the giant highlighted post.

I don't know javascript, but im sure as hell going to try and make a userscript to do it.

this is the best i could get

a.quotelink.ql-tracked {
background-color: #F5F5F5 !important;
font-size: 45px !important;
}

found this but it don't seem to do anything
.hasYouReplies

.ql-tracked { padding-right: 900px; padding-bottom: 9000px;background-color:rgb(255, 187, 205); }

nice

.quotelink.ql-tracked {
font-size:12em;
color:#080;
background:#eee;
transition:all 1s;
}

.quotelink.ql-tracked:hover {
font-size:24em;
color:$2f2;
background:#444;
}

.quotesYou * {
background: #ff0000 !important;
}

noobs

Dear god, pure CSS is definitely the wrong implementation

Imma reply to myself and get a tampermonkey script running, one sec

be right back

didn't do anything for me. can you post a screen?

someone reply to me

>tfw replying to myself

it works.
damn im a noob.

oh well

// ==UserScript==
// @name Sup Forums (you) highlight
// @description Highlight (you)s
// @match *://boards.Sup Forums.org/*
// @grant none
// ==/UserScript==

changeColorTo = '#FF0000';

function recolorYou() {
yous = document.getElementsByClassName('ql-tracked');
for (i=0; i

thanks, i'd rather have a userscript instead of installing stylish just to use css on this site.

i love you

Just use Sup Forums X.

That doesn't highlight the background of the message though, just the text.

Also this doesn't work with Sup Forums X.

Alright, replying to myself with Sup Forums x enabled
Strange that it took away my (you)s

And again?

It adds a line to the edge of a post. It's far less intrusive and ugly than changing the entire background of a post.

It doesn't work for me.

Why wasn't it working initially?

future me please reply

Thanks m8

you

Is greasemonkey botnet? Is installing it safe?

What's that theme you're using, dad?

// ==UserScript==
// @name Sup Forums (you) highlight 4chanx version
// @description Highlight (you)s
// @match *://boards.Sup Forums.org/*
// @grant none
// ==/UserScript==

changeColorTo = '#EEEEEE';

function recolorYou() {
yous = document.getElementsByClassName('qmark-you');
for (i=0; i

Oneechan.

need more 'you'

me

dumb tripcode poster

sorry not working.
where are you getting the "reply" from in elem.classList.contains?

ty i think

test

Worked for me senpai

4chanx uses the same (you) class for the one that appears in the post text, and the one that appears in the list of replies to a post.

That if statement was just trying to limit it to posts instead of the list of replies.

I'm using OneeChan's userscript(theme) on top of Sup Forums X, so I'm guessing it was overriding something.

Anyway, I fixed it by modifying one line.
elem.style.cssText = 'background: '+changeColorTo+' !important';


again,thanks for the userscript

Tampermonkey vs. Greasemonkey?

monkeydick

css doesn't have ifs, you need js

>not using tripcode

...

most helpful

Greasemonkey.

This desu fampai.

Is there any way to make the background of the postboxes with (You) the same color as the highlight you get when hovering over a post link (purple on blue boards, pink on red boards depending on which board you're on)?

Pick your poison:
github.com/WhatIsThisImNotGoodWithComputers/All-time-You-count
pastebin.com/zBhR5yTJ

Actually I just realized this works with Sup Forums X custom CSS too.

It's also faster than using a userscript.

>setInterval(recolorYou, 5*1000);
delete this

Yes.

>It's also faster than using a userscript.
Browsers are highly optimized for applying styling rules. This is trivial as fuck for a browser to do.

Using javascript for this is the wrong approach.

>Using javascript for this is the wrong approach.
Not exactly.
You'll probably need to go the userscript route if you needed to do something more involved like

Javascript works better there but for something like OP just CSS is more than sufficient. Javascript would be a waste of time and resources.

What's next for Sup Forums?

can someone tell me how to put the date in the correct order? why the fuck did it change?

Death

My reply counter thing still works. Neat.

whats the correct order?

Day/Date/Month/Year for reading, Year/Month/Date/Day for alphabetical sorting.

Not Pebbles/Fingers/Laddles/Cups.

It's for the thread updater. I didn't want to bother hijacking the update function

I only make threads for the (You)s. Thank God Sup Forums X gave me my (You)s back that dotted line shit was killing me.

>Day/Date/Month/Year for reading, Year/Month/Date/Day for alphabetical sorting.

Both of those are infinitely recursive, user.

Fucking your mom is infinitely recursive and I see no condition for stopping.

(you)

i dont get it what changed

In this case Sup Forums's vanilla extension doesn't have a special class for posts that respond to you (though 4chanX does, apparently).

Also, CSS doesn't have a parent selector.

Combine the two and that means you have to use JS to get the post itself. If you've got a pure-CSS way of handling it, I'd love to see the code.

don't mind me just testing my (you)'s :^)

here's a response

>i can't figure it out with my rudimentary css knowledge

That's weird because it only requires rudimentary css knowledge to implement.

Except it doesn't, retard.

a.ql-tracked{color: blue !important;}

can someone (you) me please? I want to try it out.