CSS Thread

Name
Email
Subject
Comment *
File	Select/drop/paste files here
* = required field	[▶ Show post options & limits] Confused? See the FAQ.

Embed	(replaces files and can be used instead)
Options	Do not bump (you can also write sage in the email field) Spoiler images (this replaces the thumbnails of your images with question marks)
Password	(For file and post deletion.)
Allowed file types:jpg, jpeg, gif, png, webm, mp4 Max filesize is 8 MB. Max image dimensions are 10000 x 10000. You may upload 1 per post.

CSS Thread Anonymous 04/06/15 (Mon) 17:37:06 No.33

Styles and features, hover effects, etc.

You may also request help with styles or share lines of css here.

Anonymous 04/06/15 (Mon) 17:44:37 No.34

File: 1428342277552.png (385.31 KB, 1271x908, 1271:908, Hover-css.png)

Posting a pic of original hover css for reference (if it displays differently for you then you might need to update your browser to view it properly)

Anonymous ## Board Owner 06/24/15 (Wed) 20:48:26 No.97

The site has been updated so portions of the original hover css do not cover some of the more recent features yet.

I'm working on a fix (to make it look better).

Anonymous ## Board Owner 07/08/15 (Wed) 20:16:33 No.101

File: 1436386593637.jpg (59.89 KB, 750x504, 125:84, css-fix.jpg)

The stylesheet has been fixed. Further updates may follow.

Anonymous ## Board Owner 07/09/15 (Thu) 00:23:06 No.105

File: 1436401386081.png (117.7 KB, 700x534, 350:267, button-fix.png)

Anonymous ## Board Owner 08/01/15 (Sat) 13:43:01 No.125

File: 1438436581048.png (8.63 KB, 500x500, 1:1, no-file-1.png)

Testing out some new board assets, suggestions for assets that look better can be posted here..

Anonymous ## Board Owner 08/01/15 (Sat) 13:43:32 No.126

File: 1438436612560.png (2.1 KB, 128x128, 1:1, spoiler-1.png)

Anonymous ## Board Owner 08/01/15 (Sat) 13:56:48 No.129

File: 1438437408540.png (3.42 KB, 140x50, 14:5, deleted-1.png)

Anonymous 09/11/15 (Fri) 05:34:48 No.144

File: 1441949688408.png (816.51 KB, 2973x766, 2973:766, hover blotter suggestion.png)

Really nice looking board BO, but i have a few suggestions for it.

Do you think you could try transferring the style of the "Posting mode: Reply" box to the blotter. You could also try just removing the gray

background entirely, since i think that'd look much better.

also could you copy & paste this into the board announcements box in your board configuration settings:

http://pastebin.com/V2niXL3D

I think the above would look a bit better than what you currently have.

Anonymous 09/12/15 (Sat) 20:04:52 No.145

>>144

I removed the background from the blotter.

Thanks for the suggestions.

The blotter text is like that for consistency but I might change it later.

I will experiment with moving the "Posting mode: Reply" box to see if it looks better.

I also noticed that in your screenshot the button style doesn't show up. More recent browsers

have support for changing the styles of submit forms and buttons,

it would be great if it worked on older browsers too but I'm not sure

if I could fix that. Hiding the actual button and replacing it with an

image would most likely cause the button to not work anymore.

Anonymous ## Board Owner 09/12/15 (Sat) 20:25:50 No.146

>>144

>>145

I've also fixed the spacing for the banner so that its about equally close to the text

as it is to the boardlist section.

Anonymous ## Board Owner 11/01/15 (Sun) 11:50:35 No.184

I'm working on some stylesheets for when 8chan migrates over to inifinity next on November 9th.

If the retro look still works I will make it the default for the board as the switch-over happens.

I will also have a Next theme for those who like that.

Anonymous ## Board Owner 11/09/15 (Mon) 16:42:38 No.191

Apparently the migration isn't until December, as today is the start of open beta. Which means I have some time to fix up the stylesheet some more before it happens. I'm considering using only the "retro" look (which should be the default one) to begin with and see about further style modifications later.

Anonymous ## Board Owner 12/14/15 (Mon) 23:37:48 No.219

I'm still working on the infinity next stylesheet, I may have to make more changes to it while the site is being worked on.

Anonymous 12/22/15 (Tue) 12:19:50 No.220

File: 1450786790808.jpg (63.04 KB, 585x454, 585:454, 1450556357097.jpg)

>>219

頑張ってください、BOさん

The current css is certainly pretty rad.

Anonymous ## Board Owner 12/22/15 (Tue) 15:51:11 No.221

File: 1450799472142.jpg (138.75 KB, 1249x943, 1249:943, infinity-next-hover-style.jpg)

>>220

Thanks. The stylesheet for infinity next looks almost identical despite various setbacks and modifications which made styling it to keep the current look a lot more difficult. The resizable reply box has been the most difficult part.

Pic related - its the style as it currently looks on infinity next as of this posting

Anonymous 12/24/15 (Thu) 00:16:53 No.222

File: 1450916214854.jpg (119.77 KB, 640x480, 4:3, 1449630192563.jpg)

>>221

That looks pretty good. My only major gripe with default Next's layout is the floating quick reply box/large right hand margin as it takes up so much room (I think Josh mentioned it's only used at higher resolutions with my current res being near the lower bound). I tend to maximize the area available for web pages (hiding the taskbar, removing as much shit at the top as possible, etc.) so it sets off my autism to have this large gap I can't do anything with.

Anonymous ## Board Owner 12/30/15 (Wed) 16:13:33 No.223

>>222

Yeah, the infinity next reply box being on the right side by default like the quick reply was bad enough in itself, but having it float around and resizable was a total gizmo bad idea. It might work for phones but most chan users I know of don't actively browse much using phones. I hope they only use it for quick reply and stick with the static reply box for the default regular look.

I've been a bit busy figuring out some things, reorganizing and reading through recent information to make way for new adjustments.

Anonymous 01/12/16 (Tue) 20:38:48 No.230

Infinity Next has been having some big issues. I read something about a 3rd migration today. But the /hover/ skin looks good.

Anonymous ## Board Owner 01/26/16 (Tue) 21:38:35 No.232

Infinity Next is finally over. It was a terrible idea from the start and it was an uphill battle just trying to keep up with fixing the css for it to retain the familiar old layout. Every single time I had adjusted the css, something got changed which broke it. It was as if he was making it deliberately more and more difficult to keep the familiar old layout and making the users submit to using the "de facto" styling. He even went as far as adding forced style attributes to the html pages.

On the up side it helped me learn some more css tricks to counter the changes.

This board has now survived the Infinity Never debacle and even though it might be slow it will still go on.

Anonymous 01/31/16 (Sun) 22:57:30 No.233

File: 1454281051053.png (305.33 KB, 1246x936, 623:468, css-test-01.png)

Here's another css I've been working on, based off the original one

Anonymous 02/01/16 (Mon) 15:44:27 No.234

>>233

That one still needs some work