[ / / / / / / / / / / / / / ] [ dir / random / hover / inbouron / qa2 / qsource / random / swfriend / torochan ]

/hover/ - Hovercraft and Advanced Technology

Experimenting

Name
Email
Subject
REC
STOP
Comment *
File
Password (Randomized for file and post deletion; you may also set your own.)
Archive
* = required field[▶Show post options & limits]
Confused? See the FAQ.
Flag
Embed
(replaces files and can be used instead)
Options

Allowed file types:jpg, jpeg, gif, png, webp,webm, mp4, mov, pdf
Max filesize is16 MB.
Max image dimensions are15000 x15000.
You may upload1 per post.


Check out our friends over at: /robowaifu/ and /miku/

File: 0436ac6732b7892⋯.jpg (11.99 KB,255x179,255:179,1428341826311.jpg)

 No.33

Styles and features, hover effects, etc.

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

____________________________
Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.
Post last edited at

 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)
Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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).

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.101

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

The stylesheet has been fixed. Further updates may follow.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.105

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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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..

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.126

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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.129

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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.220

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

>>219

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

The current css is certainly pretty rad.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.230

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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 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

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.234

>>233

That one still needs some work

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1040

File: 57fbf9bf95f6ea7⋯.png (100.45 KB,1297x939,1297:939,8ch-dark-midori.png)

This is a stylesheet I made for browsing style-less boards on 8chan, its an experimental look which might work well for some boards, with extra clearing space to make the page more readable while ads are visible and a bigger size font top bar

I call it "dark midori"

https://pastebin.com/TmGJMkqt

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1041

>>1040

Small fix;

div.pages 
{
color: #AAAAAA;
background: #004B00;
border: #393 1px solid;
font-family: sans-serif;
font-size: 10pt;
}

And some colorchanges for redtext stuff;

span.heading
{
color: #3C3;
}
span.sage
{
color:#3C3;
}
.intro span.capcode, p.intro a.capcode, p.intro a.nametag
{
color:#C3C;
font-weight:bold;
text-shadow: black 2px 2px 2px, black -2px -2px 2px, black -2px 2px 2px, black 2px -2px 2px;
}

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1042

File: 7399c82fed3953e⋯.png (112.7 KB,1297x933,1297:933,dark-kiiro.png)

Here's a yellow one;

https://pastebin.com/ZbDS3qMb

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1043

File: e615a52806a0259⋯.png (118.44 KB,1296x942,216:157,dark-akai.png)

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1044

File: cbcc2927064f52a⋯.png (240.74 KB,1297x938,1297:938,dark-aoi.png)

And a here's a blue one;

https://pastebin.com/shbmqnBU

These could maybe be fixed up better later

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1045

>>1040

>>1041

>>1042

>>1043

>>1044

I like collecting CSS. Thank you for these.

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1046

>>1045

You're welcome

The yellow, red and blue ones are color shifted from the green one, so the colors might need some fixing on those but the fixes in >>1041 have been applied to them. I was going to make a different blue colored one but this one works. Also in changing the colors I noticed some things like the gray lines in the blotter and the requirement star (which has its own color for some reason)

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1047

>>1046

The gray lines in the blotter are specific to the /hover/ css

The custom css style is overlayed over the custom board style as an inline style, that's kinda intersting

Also the custom style automatically is applied everywhere even if the option for that isn't ticked (at least for me)

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1048

File: d24e96eec3c8a78⋯.png (119.92 KB,1297x942,1297:942,dark-aoi-2.png)

>>1044

Here's another variant of the blue one which I think is a bit more readable;

https://pastebin.com/dJaAQbdG

It could still be fixed up more

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.

 No.1242

Stylesheet "Midori Dark" originally for 4chan has been fixed for 8chan;

https://pastebin.com/a8zbS5Tp

It works with custom style script;

https://mybrowseraddon.com/custom-style-script.html

Disclaimer: this post and the subject matter and contents thereof - text, media, or otherwise - do not necessarily reflect the views of the 8kun administration.



[Return][Go to top][Catalog][Nerve Center][Random][Post a Reply]
Delete Post [ ]
[]
[ / / / / / / / / / / / / / ] [ dir / random / hover / inbouron / qa2 / qsource / random / swfriend / torochan ]