/boards/ - 8chan Boards

How do I change the color of the boardlist at the top of the screen?

When i edit the attributes of boardlist it only seems to change the one at the bottom.

>>8109

try this

>Big header text

h1 {
whatever}

>Catalog text

header div.subtitle > a{
whatever}

>Email's table

form table tr th:nth-of-type(1n)  {
whatever}

>Subject's table

form table tr th:nth-of-type(2n) {
whatever}

>Comment's table

form table tr th:nth-of-type(3n) {
whatever}

>File's table

form table tr th:nth-of-type(5n) {
whatever}

>>8109

https://stackoverflow.com/questions/7896402/how-can-i-replace-text-through-css

This one might be tough. I'd like to set a single image to the middle of the background (position doesn't change when scrolling), and I'd also like it to be transparent. Any ideas?

>>8124

I don't think it worked

Here is the board in questions

>>>/anywherebuthere/

I'm trying to make an announcement on my board, but for some reason it's only displaying when I'm logged in as a moderator. Normally I can't see it, and neither can anyone else.

I've tried changing the text, it doesn't seem to matter.

Does anyone know what the problem might be?

>>8158

You've got to make a new post/thread to rebuild the board and see it

Also, old threads won't see it until you post in them

>>8160

oh, that's weird. Thank you.

>>8155

Do you even know how to css? When I post "whatever", you should know what code you should type in there.

Follow the guide in here >>8139. Also the th:nth-of-type(?n) code might be wrong. Try replace it with th:nth-child(?).

>>8143

.desktop-style body::after{
       content:"";
        z-index: -1;
        position:fixed;
        width: exact width of that image in px;
        height: exact height of that image in px;
        right : adjust  image position in px or %;
        bottom : adjust  image position in px or %;
        background-image:url('image-url-here');
        background-repeat: no-repeat
}

>>8197

But how would I adjust the opacity of the background image? I notice the z-index is set to -1, does this mean it would be positioned behind the background and I could just set the rgba of the background color in order to make it as transparent as desired?

>>8198

You need to edit your image using image editor to get its opacity. There's no way you can edit the image opacity by code.

>>8198

the z-index would apply against reply post div. It doesn't affect against the body {} tag background.

>>8199

Not the image itself, but since I can set the rgba of the background, then if the image were placed behind the background and the alpha was set to like 0.9 then the opacity of the image would be effectively 0.1, correct?

I think that's doing things the hard way, though. Do you have any software suggestions for image editing? Photoshop is out of the quesiton.

>>8201

sorry, question*

>>8201

>Do you have any software suggestions for image editing.

Krita, GIMP

>>8203

Thank you.

Okay, so I changed the color of the hyperlinks on my board with

a:visited {color: #FF0000; text-decoration: underline; }

a:link {color: #FFFFFF; text-decoration: underline; }

I only wanted it to apply to the boardlists, but it's also applying to things like filenames and such in the posts. Is there any way to specify this?

It looks good for the board lists, but otherwise it's hard to see because my main background is fairly light. I added a lot of dark shadows to the links as a temporary solution, but it still looks very messy (and edgy).

>>>/otomad/

>>8278

and I know the underlies are superfluous

>>8278

Nevermind. Figured it out. Where's the delete button for this board?

>>8308

use background-color

I have a gif set in the background on my CSS. I'd like it to only display on the various pages, not when inside threads. Is it possible to do this?

This might be a dumb question but where do I even enter my css code (did as >>6006 said, got one I like) for my board?

>>8548

"stylesheet" under board configuration

>>8317

maybe…

Which bit of the CSS refers to the colour of the text in the "subject" of a thread? How do I make this not blue? I can't seem to find it anywhere in the CSS code I'm using (stolen from another board)

>>8579

You can right click on the Subject text and click "Inspect Element" to read the page's source code and see what element the Subject is, as well as the CSS currently being applied to it.

>>8317

I think you'll have to tinker around with using CSS elements that only exist on the various pages, but not in threads, so that the gif can't appear in threads

>>8583

Are there any elements that fit that description?

>>8587

well, actually, now that I think about it I guess I there's the page numbers, but I'm not sure how that'd work. Could I try to place the gif relative to the page numbers, so that if the page number element wasn't displayed on the page the gif wouldn't be displayed either?

>>8317

what's ur board

>>8589

>>>/otomad/

>>8591

No, I don't want it to display when in threads.

>>8594

i'm sorry but i don't know how to do it then. I managed to make it work using page box as replacer but it's not a good solution cos you'll lose the page navigation menu..

another solution could be using that gif as textbox background.. it's not the same thing tho

textarea {
  background: url("https://media.8ch.net/otomad/src/1432833158675.gif");
  min-height: 175px;
  max-width: 230px;
  padding: 2px 5px
  font-size: 1.5em;
}

Is audio allowed on boards?

I'm not sure how to add audio from a link like pomf.

>>8596

Background music? You can't do that yet (or ever), it's not on the cards, you'll haves to ask Hotwheels (8chan) or Josh (Infinity-Next) for that feature.

If you mean just uploading audio files, you can't do that either, Hotwheels said he would support .ogg and .opus audio files (but not .mp3)

>>>/operate/17060

We're still waiting for the feature.

.mp3 files will be supported in Infinity-Next according to >>>/operate/19039, >>>/operate/19042

>>8597

Darn. Thanks.

This is a modification of the scurv board theme. Needs more editing, though, I didn't even check the catalog page.

body {
    background: url("http://i.imgur.com/i5j9NfN.png") repeat rgb(0, 0, 0);
}
body {
    color: rgb(205, 205, 205) !important;
    ;
}
div.post.reply {
    background: none repeat scroll 0% 0% rgba(33, 33, 33, 0.5) !important;
    border-right: 20px !important;
    border-bottom: 5px !important;
    border-style: none solid solid none !important;
    border-color: rgba(0, 0, 0, 0) !important;
    display: inline-block max-width: 94% !important;
}
span.pun {
    color: yellow;
}
span.lit {
    color: #169281;
}
time {
    color: white;
    font-weight: normal;
}
span.kwd {
    color: #3879D9;
}
div.blotter {
    color: white;
}
span.heading {
    color: wine;
}
a {
    color: #DC9D06;
}
tr:nth-child(2n) {
    background-color: rgba(33, 33, 33, 0) !important;
}
div.post.reply:hover {
    background: rgba(33, 33, 33, 0.8) !important
}
div.post.reply.post-hover {
    background: rgba(33, 33, 33, 0.8) !important;
}
div.post.reply.highlighted {
    background: rgba(77, 77, 77, 0.5) !important
}
a,
a:visited,
p.intro {
    text-decoration: none;
    !important;
    color: rgba(255, 181, 5, 1) !important;
    font-weight: normal;
}
span.name {
    text-decoration: none;
    !important;
    color: white !important;
}
div.boardlist {
    background-color: rgb(33, 33, 33) !important;
}
p.intro {
    color: #117743 !important;
    font-weight: bold !important;
}
span.quote {
    color: #047A00 !important;
}
p.intro span.subject {
    color: rgba(43, 201, 95, 1) !important;
}
.options_tab,
#options_tablist {
    background-color: #212121 !important;
}
header div.subtitle,
h1 {
    color: #FFB505;
}
div.boardlist {
    color: #89A !important;
    font-size: 10pt !important;
}
header,
.content_menu,
.button {
    background-color: transparent !important;
}
table.modlog tr th {
    background: none repeat scroll 0% 0% #212121 !important;
}
.theme-catalog div.thread:hover {
    background: none repeat scroll 0% 0% #212121 !important;
    border-color: #B7C5D9 !important;
}
.intro a.email span.name {
    color: #DA1515!important;
}
div.pages {
    color: #CDC6BA !important;
    background: #212121 !important;
    display: inline !important;
    padding: 8px !important;
    border-right: 1px solid #212121 !important;
    border-bottom: 1px solid #212121 !important;
}
form table tr th {
    background: #101010 !important;
}
style div.boardlist:nth-child(1) {
    border-bottom: 0px solid !important;
}
div.post.op {
    margin-right: 20px !important;
    margin-bottom: 5px !important;
}
div.ban h2 {
    background: #212121 !important;
    color: white !important;
    font-size: 12pt !important;
}
div.banner {
    background-color: #212121;
}
pre.prettyprint {
    padding: 10px;
    border: 0px solid #888 !important;
    background:rgba(0,0,0,0.45) !important;
    display: inline-block !important;
}
div.ban {
    background: white !important;
    border: 0px solid #98E !importanppet;
    max-width: 700px !important;
    margin: 30px auto !important;
}
span.pln {
    color: white;
}
div.ban p {
    font-size: 12px !important;
    margin-bottom: 12px !important;
    color: black !important;
}
body > div.ban {
    color: black !important
}
.banlist-opts .checkboxes label {
    display: block;
    color: white !important;
}
tr.tblhead > th {
    color: white !important;
}
user agent stylesheetstrong,
b {
    font-weight: bold !important;
}
#banlist td:hover {
    overflow: visible !important;
    height: auto !important;
    background-color: #212121 !important;
    z-index: 1 !important;
    position: relative !important;
    border: 1px solid black !important;
    padding: 1px !important;
    color: white !important;
}
#content > div.col.col-9.bodyCol > div > table > tbody > tr:nth-child(2) {
    background-color: #212121 !important;
}
table tbody tr:nth-of-type( even) {
    background-color: #101010 !important;
}
.desktop-style div.boardlist:not(.bottom) {
    border-bottom: 0px solid !important;
}
.post-menu ul {
    background-color: rgba(33, 33, 33, 0.5) !important;
    border: 0px solid #666 !important;
}
#options_div,
#alert_div {
    background-color: #101010;
}
.cb-menuitem {
  display: table-row;
}

.cb-menuitem span {
  padding: 5px;
  display: table-cell;
  text-align: left;
  border-top: 1px solid rgba(0,0,0,0.5);
}

>>8601

>>8602

I like what you did with the postmenu icon!

>>8603

What postmenu icon, anon? And in which theme? BTW, this is the one I generally used. It's a modification of another theme, also, with some tweaks to fit my preferences.

body {
    background: url("http://i.imgur.com/f3veYKD.png") repeat rgb(0, 0, 0);
}
body {
    color: rgb(205, 205, 205) !important;
    ;
}
div.post.reply {
    background: none repeat scroll 0% 0% rgba(33, 33, 33, 0.5) !important;
    border-right: 20px !important;
    border-bottom: 5px !important;
    border-style: none solid solid none !important;
    border-color: rgba(0, 0, 0, 0) !important;
    display: inline-block max-width: 94% !important;
}
span.pun {
    color: yellow;
}
span.lit {
    color: #169281;
}
time {
    color: white;
    font-weight: normal;
}
span.kwd {
    color: #3879D9;
}
div.blotter {
    color: white;
}
span.heading {
    color: #FFB505 !important;
    font-size: 14pt !important;
}
a {
    color: #DC9D06;
}
tr:nth-child(2n) {
    background-color: rgba(33, 33, 33, 0) !important;
}
div.post.reply:hover {
    background: rgba(33, 33, 33, 0.8) !important
}
div.post.reply.post-hover {
    background: rgba(33, 33, 33, 0.8) !important;
}
div.post.reply.highlighted {
    background: rgba(77, 77, 77, 0.5) !important
}
a,
a:visited,
p.intro {
    text-decoration: none;
    !important;
    color: rgba(255, 181, 5, 1) !important;
    font-weight: normal;
}
span.name {
    text-decoration: none;
    !important;
    color: white !important;
}
div.boardlist {
    background-color: rgb(33, 33, 33) !important;
}
p.intro {
    color: #117743 !important;
    font-weight: bold !important;
}
span.quote {
    color: #047A00 !important;
}
p.intro span.subject {
    color: rgba(43, 201, 95, 1) !important;
}
.options_tab,
#options_tablist {
    background-color: #212121 !important;
}
header div.subtitle,
h1 {
    color: #FFB505;
}
div.boardlist {
    color: #89A !important;
    font-size: 10pt !important;
}
header,
.content_menu,
.button {
    background-color: transparent !important;
}
table.modlog tr th {
    background: none repeat scroll 0% 0% #212121 !important;
}
.theme-catalog div.thread:hover {
    background: none repeat scroll 0% 0% #212121 !important;
    border-color: #B7C5D9 !important;
}
.intro a.email span.name {
    color: #DA1515!important;
}
div.pages {
    color: #CDC6BA !important;
    background: #212121 !important;
    display: inline !important;
    padding: 8px !important;
    border-right: 1px solid #212121 !important;
    border-bottom: 1px solid #212121 !important;
}
form table tr th {
    background: #101010 !important;
}
style div.boardlist:nth-child(1) {
    border-bottom: 0px solid !important;
}
div.post.op {
    margin-right: 20px !important;
    margin-bottom: 5px !important;
}
div.ban h2 {
    background: #212121 !important;
    color: white !important;
    font-size: 12pt !important;
}
div.banner {
    background-color: #212121;
}
pre.prettyprint {
    padding: 10px;
    border: 0px solid #888 !important;
    background:rgba(0,0,0,0.45) !important;
    display: inline-block !important;
}
div.ban {
    background: white !important;
    border: 0px solid #98E !importanppet;
    max-width: 700px !important;
    margin: 30px auto !important;
}
span.pln {
    color: white;
}
div.ban p {
    font-size: 12px !important;
    margin-bottom: 12px !important;
    color: black !important;
}
body > div.ban {
    color: black !important
}
.banlist-opts .checkboxes label {
    display: block;
    color: white !important;
}
tr.tblhead > th {
    color: white !important;
}
user agent stylesheetstrong,
b {
    font-weight: bold !important;
}
#banlist td:hover {
    overflow: visible !important;
    height: auto !important;
    background-color: #212121 !important;
    z-index: 1 !important;
    position: relative !important;
    border: 1px solid black !important;
    padding: 1px !important;
    color: white !important;
}
#content > div.col.col-9.bodyCol > div > table > tbody > tr:nth-child(2) {
    background-color: #212121 !important;
}
table tbody tr:nth-of-type( even) {
    background-color: #101010 !important;
}
.desktop-style div.boardlist:not(.bottom) {
    border-bottom: 0px solid !important;
}
.post-menu ul {
    background-color: rgba(33, 33, 33, 0.5) !important;
    border: 0px solid #666 !important;
}
#options_div,
#alert_div {
    background-color: #101010;
}
.cb-menuitem {
  display: table-row;
}

.cb-menuitem span {
  padding: 5px;
  display: table-cell;
  text-align: left;
  border-top: 1px solid rgba(0,0,0,0.5);
}

>>8607

Have you tried viewing your board as a normal user?

What does https://8ch.net/stylesheets/board/yourboardname.css show?

>>8609

>Have you tried viewing your board as a normal user?

Yeah.

>https://8ch.net/stylesheets/board/yourboardname.css

Thanks for the link.

You can simply paste links to other boards' css in the stylesheet field, right?

>>8610

Uh, I haven't tried it but I guess something like

@import url("https://blahblah.blah/blah.css");

I'd just copy+paste the css itself into the stylesheet box.

>>8618

Alright, thanks for the help m8.

I think I've got it figured out now.

Does anyone know how to hide the new ads? I can't get anything to work.

>>9409

I don't know why you'd want to, the new ones are a lot more interesting.

div[id="8ch-bottom"], div[id="8ch-top-ads"] {
    display: none !important;
}

Thanks!

The ads aren't terrible but I keep seeing the same ones.

How can I make the board log more readable without messing anything up on the main board?

https://8ch.net/log.php?board=roze

>>9556

.modlog tbody tr:nth-of-type( even ) {
    background: none;
}

>>9557

Thanks!

>>5330

What game is that screencap from?

>>9578

Xenoblade maybe

how do I force sage in email field :^)

>>9639

shut up

How do I make an image stretch among the whole background?

css to automatically ban anybody who says a filtered word?

How do I view a board's css?

When posting a short comment + video/image, the word wrapping can be pretty terrible.

A narrow column of words, only a couple per line. >>>/film/3034

Or, one word stuck above the image and the rest of the comment below it. >>>/mu/55042

Has anyone tried to fix this sort of thing with CSS, if it's even possible?

>>9651

You can either view the source css with your browser or use the link ;

>>8609

If its your board then in the control panel you go to board -> settings to bring up the board configuration.

Changes to the css may take a while to show or may require the refreshing of the browser.

View the board as a regular user to see the css changes.

>>9714

https://8ch.net/operate/res/37373.html

wewewewewewewe

Does anyone know where I can get the CSS that halfchan uses on October 1st?

I'd like to use the code that makes birthday hats appear on the posts.

>>9944

nvm i got it