>>12
Each post has an id number (which you can quote)
There's a relatively new thing in CSS3 which lets one style an attribute so one can style number id's using [id="#"] (with the # being the id number)

>>23
OK, I think I get it. I assume you have to go in after the post is made and reference it in the board's css file?

>>27
That's how it works
I've noticed that using commas will sometimes overwrite the other styles, so its better to style each thing individually, it can sometimes be a chore

>>28
I've noticed something recently I never did before about imageboards, namely that the board itself is composed only of the threads (OPs), and that each thread owns it's own posts as a sub-array. At least that's how the JSON for lynxchan works.
A) Do I understand this properly?
B) Does it work in a similar fashion for the way you're tweaking the CSS? I'm assuming so from your comment earlier about styling the OP affects the whole thread.

>>28
>it can sometimes be a chore
Can you write a tool to automate it?

>>30
Well the posts in the threads inherit the opening post, I asked Stephen Lynx about it and that's what he said
>>31
I like the challenge of styling and I'm not that good with javascript or similar, I mean I haven't made tools like that before, but it could be done
It might take me longer to do since I don't have much experience with that
Its easier for me to just copy and paste the lines

>>33
>Well the posts in the threads inherit the opening post
I'm assuming that's related to the styling, if so then I'm (also) assuming the answer to my question is yes. As far as the JSON's structural relationship goes, data for the threads are all contained each individually inside a json array object for the opening post. EG;
https://anon.cafe/server/res/22.json

Hmm. Code blocks don't seem to be working as I expected. Let's try a pic related.
>
Ehh, probably still not so clear. Anyway the JSON tag "posts" is an array inside the OP, and contains all the data for each post as one element in the array.

>>37
I just went by the html, it has a structure (which the json may create) the divs have id and class then other divs within said divs can inherit from the parent div (which they are inside of)

>>38
OK, thanks. I'm still pretty new to this, but I've had to learn it fast writing the BUMP software heh.

>>39
I've been working with html, css and some programming for a long time

>>133
It shows. Good work anon. :^)

Not got a suggestion (yet), just wanted to thank the BO for keeping some smaller boards alive. Also the CSS here is crazy good, it was really disappointing how many 8chan boards (mostly populated ones) had no custom CSS, it really gives boards a unique flavor. If you'd ever consider doing an imageboard CSS guide that would be amazing, to my knowledge not a single one exists (there was a help thread on 8chan but it was useless and outdated).

>>170
I have a doubt though, are the threads created by users, or by the board owner?

>>170
Sure I'll see if I can make a guide for it
There was a /css/ board but the css on it was crazy, it was like animated rainbows which made it very difficult to read
There was a css thread on 8chan /boards/ which was more helpful but after Jim took over /boards/ became more obscure and less active

>>173
The styles on /server/ were all made by me, but you can make a thread and I'll attempt to style it, or you can specify in this thread or the thread you made how you like the style to be

>>175
I mean, some of them were adapted from styles from 8ch, but I made the adaptions so that they work on here

>>170
seconded.

>>174
>There was a css thread on 8chan /boards/ which was more helpful but after Jim took over /boards/ became more obscure and less active
That's the one I was talking about. It was a real mess jumping around trying to find stuff. I ended up being able to make something decent looking but nothing amazing like the CSS on /min/ or /32/.

I had bright styles mixed in with the dark styles on the test board I made before but it didn't look too good, I think its better if its mostly less bright styles on this board since the base theme is dark

Here's a simple CSS guide;
In most modern browsers there's now a thing which lets you distinguish elements of a web page. In Firefox based browsers this feature is under web developer -> inspector
On chrome based browsers;
https://www.wikihow.com/Inspect-Element-on-Chrome
I'm not sure about other browsers but they may have a similar feature if you look for it. Having this and using it helps in making better looking styles.

Another tool which is also helpful is this color rgb to hex tool;
https://www.rapidtables.com/convert/color/rgb-to-hex.html
With it you can get the color values to hex easily from a color you like, like if you take a screen and put it into ms paint and use sampling tool on it. Apparently Paint.net has this function in it natively so in the color dialog you just extend it out (more >>) and you can see where the R: G: B: values are and there's also a Hex: value.

Lastly there's these 2 pages;
https://www.w3schools.com/css/default.asp
https://css-tricks.com/

What I usually start with is to save the page (File -> save page as) on a page which has a style I like. Just make sure it saves the whole page and the files along with it. That way I can open up the folder which contains the webpage files, like the .css files and study/edit them.
On an imageboard if it has a custom style, it usually either has the name custom.css or [nameoftheboard].css

Usually when one starts styling, the simplest thing to start with is to change the background color and text and its best to do the body first. Using the inspector tool in the web browser, you can actually change the css elements while on the page to see how it might look. Simply hover over a part of the page, click on it and the css lines should appear in a window for temporary editing to see how it may look.
Styles will cascade, which means that any styles you add after the styles in the .css document will usually overwrite the prior ones. Child elements inherit the parent elements.
This article explains it better;
https://css-tricks.com/the-c-in-css-the-cascade/

If you need help with anything else just ask

>>258
Thanks, good info anon. Worth the wait tbh.

>>258
/server/ guide to CSS - http://archive.md/jLAGw

>>23
When an opening post is styled in this way it only styles as far as the text of the op until replies get posted

>>341
good idea.

>>361
i see. certainly each thread seems to look different to the untrained eye.

I've been looking at Javascript more lately
Apparently since Flash has been abandoned, HTML5 took over, but then I wondered what exactly is this HTML5 part which makes games and other web programs work? Turns out its mostly Javascript

>>378
Jquery makes it easier

>>378
I didn't know this until just now but apparently one can use javascript in photoshop

>>424
>one can use javascript in photoshop
I didn't realize that anon.

www.adobe.com/content/dam/acom/en/devnet/photoshop/pdfs/photoshop-cc-javascript-ref-2019.pdf

>>22

Hi anon,
I'm the admin from the /cyber/ board

Would you know how to steal CSS from an archived 8chan board and make it usable on this chan?

This is the old board I would like to steal the CSS from:

https://web.archive.org/web/20190415000852/https://8ch.net/cyber/index.html

>>438
Yeah, I mean I already kinda copied it on here
8chan was running vichan so some of the names of elements are different from lynxchan (which anon.cafe, late.city and julay.world are using)
So it needs to be adapted, basically you'll have to make sure the styles fit the element names on here, like instead of div.post.reply its called innerPost (but you can just copy the style I have on the /cyber/ thread and remove all the square brackets [ ] and what's inside those brackets after you look up the linkQuote number of the op post on the /cyber/ thread in the stylesheet and every square bracket which has that number will have style relevant to you after it
In addition to that you can use the guide here >>258
that and that archived page you linked should be enough to adapt the style on this chan
If you need more help just ask

>>439
Not that anon, but thanks for the tips. I'm writing some software, and I plan on scraping HTML & CSS from boards and making them convertible between different IB sites. I'd appreciate any other details you'd care to share anon.

>>438
I started playing with modifying the 8ch /cyber/ style and may have made some improvements to it, I'll let you test it out /cyber/ anon if you're interested
>>440
Its all good, I took classes on html and css before, but css is pretty easy to get into, one can experiment with it for a while and get good results
Most of the work is just going through the elements and making sure they match so the html is actually being styled from its tags and not something that isn't in the html (like leftovers from another html) I never really got into javascript before so I'm relatively new to it, maybe it could work to write some scripts to replace elements automatically

>>441
Thanks for the tips. I plan on writing the HTML very simplistically to begin with as I dip my toes in these waters for the first time. That should be some help along the way to help me not leave 'leftovers' from other HTMLs.
>javascript...maybe it could work to write some scripts to replace elements automatically
I'm using C++ actually and will be writing my parsers from scratch so if anything works the wrong way I can't blame anyone but myself heheh.

Thanks for the tips anon.

I was experimenting with these for a style for /cyber/ but considered that it might be a bit much to have to watch those bright edges on every post, but the effect looks cool (I ended up making a less bright version of the edges for a modified 8ch /cyber/ style)
>>442
I meant like if copying over a CSS from a different chan, there might be leftover element stylings for tags that aren't on the site its being copied for. I think even different versions of lynxchan might have some discrepancies (different tags/elements in some cases)
>I'm using C++ actually
Right, anything that can change the file so that it matches would work

>Custom scrollbars are extremely rare and that’s mostly due to the fact that scrollbars are one of the remaining bits on the web that are pretty much unstylable. You can use JavaScript to build your own, but that’s expensive, low fidelity and can feel laggy.
https://css-tricks.com/the-current-state-of-styling-scrollbars/

>>451
I realize it's not what you're talking about, but it brought to mind the first time I saw a scrolling header on an imageboard was /templeos/. I thought it was so cool at the time tbh.

The quotes, new thread innerposts and catalog posts should look a bit better now

Hello /server/ plshlp I stole a css from mewch for /fa/ and I've edited it a bit to allow for any size banner and removed rainbow text.
I can't seem to figure out how to tell it to not capslock "/fa/ - Fashion" or "Dress to Impress", and this is really all I'm asking for help with. Perma phoneposter so bully as needed but if it can be done on a phone I'll do it.
Stole the css from here https://mewch.xyz/b/res/127.html#206

>>531
nevermind figured it out should have tried more inspect element before asking

>>531
>mewch
Glad its back up but only to serve as a containment for those retards. Was really happy when it died the first time round

Sorry to pester you but how the fuck do I change the colour of the subject line? I've tried editing the colour where it says: p.intro span.subject { and I even added !important to the colour change in the hopes that would work. The CSS I'm using works fine on vichan, is it something to do with the global CSS and how do I overwrite it?

>>533
I'm glad I got to nab a css I like.
>>534
What board? Look around this boards CSS and see if you can find what you're looking for. You can also check out the CSS on >>>/otter/ >>>/lego/ >>>/cyber/ and >>>/r9k/ to see if you can find it.
Inspect elements
idk maybe this can help
/* Area for inputing text */
input, select, textarea {
box-shadow: none;
border: 1px solid #80002c;
border-radius: 0px;
background: #ffe6ea;
color: #80002c;
font-family: monospace, sans-serif;
font-size: 80%;
}

>>535
Please forget about it, I have fixed it now. Turns out I needed to add something, not change an already existing part. Board was >>>/lego/ by the way,.

>>537
You still need to fix the numbers so that they're not obfuscated in the background

>>539
Sorted

Okay last time I asked a question I figured it out so hopefully that happens again but I'm stuck trying to figure out how to get the side catalog marked cell to display the same as a selected post does on >>>/fa/ . I've tried everything that's come to mind and makes sense to someone who first touched css a week ago, including copypasting the seemingly relevant lines and deleting anything else that defines borders for the side catalog marked cell but that only removes the shadow but doesn't put out a dotted border.
I was able to change the color of the side catalog marked cell with a few lines I grabbed off >>>/lego/ thank, and add the box shadow to all side catalog cells by copypasting stuff already in the CSS I'm using.
Ideally I want the side catalog to look identical to a thread, same background color, same look for unselected threads in the side catalog as how posts look in a thread - slightly darker than the bg solid line border and a 3px 3px3px box shadow this is already done, maybe I need to switch some colors but that's it, and the same look for the selected thread in the side catalog as how a selected post appears in a thread - dark field with a dotted border and no shadow.
Any tips or pointers about what I should be fucking around with or trying out or deleting would be well welcome

>>545
>trying to figure out how to get the side catalog marked cell to display the same as a selected post does
Something like this?
.sideCatalogMarkedCell{
border: 1px dashed #80002c;
background: #eab5b4;
box-shadow: none;
}
Make sure you put it below other lines that affect that part (maybe the bottom of the stylesheet is the best) so the other lines don't overwrite this

>>546
>that css
>put it at the bottom
Thank you, anon, that was exactly it.

Happy holidays

The captcha being on everywhere right now is not my doing, seems like a spammer made every board have captcha on it now

What should I do with that /cv/ thread? If it is to be given a CSS I'll accept ideas here

>>667 yeah give it an infected as fuck css

>>667 I think giving it a red coat of paint with some yellow could fit

Okay css fixed and updated

>>670 looks great.

Hey there BO. So we don't really have a /robowaifu/ thread specifically for highlighting different designs, and frankly I'm not sure that the tiny number of us there atm are very talented in this area. We have lots of different images spread out and even a 'post ur waifu anon' thread, but yea, no. You obviously have some great design tastes so I thought I'd ask you about approaches.

>>672 I'll look into it I've shelved the fairy robot but could still work on it more later, its just that other things have taken priority for reasons

The site has been down and other things happened so I haven't been able to get on and post in a while

>>719 glad to hear you're back.

It broke, now this board may be more useful than the actual older board variants

Your friend /kind/ is hosting a Halloween stream if anyone is interested.

>>752 Its a bit late by my time so I might not make it, would've joined otherwise

The CSS on this thread is like the default lynxchan board theme >>672 I wonder what happened to /robowaifu/ at this point I'm unable to access that board

>>1264 >alogs.space/robowaifu Works fine for me

Board friends have been added >>1264 Apparently the webring link I was using was broken, the /robowaifu/ board is still up

>>1266 Maybe its time to pay them a visit I also noticed some new styles around