Catalog of /css/

The backup domains are located at 8chan.se and 8chan.cc. TOR access can be found here, or you can access the TOR portal from the clearnet at Redchannit 3.0.



8chan.moe is a hobby project with no affiliation whatsoever to the administration of any other "8chan" site, past or present.

Search:

R: 1 / I: 0 / P: 1

[Guide] Custom CSS theme tutorial

Are you tired of the bland default theme? Do you want to make a new theme to stand out? Then, this is the guide for you, as you'll learn how to make a custom CSS theme either for yourself or share it with the anons, perhaps even make it so good that it becomes used as a board's theme! This task cannot be accomplished on mobile browsers as they do not have a means of bringing up the inspector or console, so go get on your desktop & fire up the browser of your choice. The names in the posts will refer to the elements in the CSS theme that you can lookup for reference. Here, I will discuss the OP posts of the thread. They usually have a separate property from the regular posts below it. On the default Yotsuba P theme, it only has display & width & no unique color properties, it thus simply works with the default background color + gradient. [code] .opCell > .innerOP { display: inline-block; width: 95%; } [/code] Most custom themes modify the OP posts to make them stand out more. Below is an example of the Purple Vidya theme used in /v/ where the OP has a slightly transparent background that the posts below it don't have. [code] div.innerOP { background: #E4E4F900; /* Original value was 'rgba(228, 228, 249, 0.6)', converted to hex */ /* display: inline-block; max-width: 100%; */ border: 1px solid var(--contrast-color); border-radius: 6px; } [/code]