/server/ - 188

Thread Specific Utility Board

SAVE THIS FILE: Anon.cafe Fallback File v1.0 (updated 2021-01-10)

Want your event posted here? Requests accepted in this /meta/ thread.

Max message length: 5120

Drag files to upload or
click here to select them

Maximum 5 files / Maximum size: 20.00 MB

Board Rules

(used to delete files and postings)

Check out our friends at kind.moe

Open file (228.67 KB 1280x1280 3843147911280.jpg)
/meta/ - Maintenance access Anonymous 10/24/2019 (Thu) 13:30:43 No.22
/server/ suggestions, maintenance, questions and off topic discussion

This thread is not to be confused with the site /meta/
>>>/meta/ <-- Go here for board requests and other site related stuff
Keep stuff posted in this thread related to this board; /server/
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)
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?
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
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.
>it can sometimes be a chore
Can you write a tool to automate it?
Well the posts in the threads inherit the opening post, I asked Stephen Lynx about it and that's what he said
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
Open file (168.27 KB 1166x892 2019-10-24_10-19-11.png)
>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;

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.
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)
OK, thanks. I'm still pretty new to this, but I've had to learn it fast writing the BUMP software heh.
I've been working with html, css and some programming for a long time
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).
I have a doubt though, are the threads created by users, or by the board owner?
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
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
I mean, some of them were adapted from styles from 8ch, but I made the adaptions so that they work on here
Edited last time by server on 10/26/2019 (Sat) 20:15:32.
>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;
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;
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;

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;

If you need help with anything else just ask
Thanks, good info anon. Worth the wait tbh.
/server/ guide to CSS - http://archive.md/jLAGw
When an opening post is styled in this way it only styles as far as the text of the op until replies get posted
good idea.

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
Jquery makes it easier
I didn't know this until just now but apparently one can use javascript in photoshop
>one can use javascript in photoshop
I didn't realize that anon.


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:

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
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.
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
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
Edited last time by server on 11/18/2019 (Mon) 19:44:14.
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.
Open file (275.25 KB 1028x548 plexiglass-post-ideas.png)
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)
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.
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
nevermind figured it out should have tried more inspect element before asking
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?
I'm glad I got to nab a css I like.
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%;
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,.
You still need to fix the numbers so that they're not obfuscated in the background
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
>trying to figure out how to get the side catalog marked cell to display the same as a selected post does
Something like this?
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
>that css
>put it at the bottom
Thank you, anon, that was exactly it.
Open file (283.93 KB 1920x1080 1446774267769.jpg)
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.
Open file (262.89 KB 1293x491 8kun-the-board-is-broke.png)
It broke, now this board may be more useful than the actual older board variants
Open file (1.42 MB 1080x1512 movienightkindv1.png)
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

Report/Delete/Moderation Forms

Captcha (required for reports)

no cookies?