[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
4chan CSS
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 50
Thread images: 18
Show us your 4chan CSS, anon.

Source links are appreciated.

I'd provide my own but it still needs a bit of polish on replies and new threads.
>>
>>55258168
Too much grey. Look up some resources on color pallates
>>
Looks solid, yah with a little bit of work could look amazing.
>>
.boardList, .boardBanner, .abovePostForm, .center, .belowLeaderboard, #blotter, .aboveMidAd, #delform > hr:nth-of-type(2), #absbot, #content > .desktop, #hd, #ft {
display: none !important;
>>
File: 2016-06-26 02_27_05.jpg (276 KB, 2475x1384) Image search: [Google]
2016-06-26 02_27_05.jpg
276 KB, 2475x1384
appchan x with custom colors. i used to use my own css, but i like this one more.
>>
File: file.png (299 KB, 1280x913) Image search: [Google]
file.png
299 KB, 1280x913
>>55258168
This shit
>>
>>55260079
this thing works with 4chan x and thread watcher colors? if so, share please famalam. my eyes hurt.
>>
>>55260137
looks like 4chan x + oneechan or appchan x (which has oneechan built in)
>>
File: file.png (25 KB, 641x231) Image search: [Google]
file.png
25 KB, 641x231
>>55260137
4chan X + OneeChan
>>
>>55260166
Thank you for the suggestion but...
why body > .center instead of just .center?
>also add "#globalMessage"
I like to know what Hiro is doing.
>>
>>55259958
You should change the ".center" selector to "body > .center", or else you're hiding the form buttons in the settings popup...
>>
>>55260252
see
>>55260273
couldn't live with my typo and didn't see your response in time :P
>>
File: OLU1B0r[1].png (568 KB, 1920x1080) Image search: [Google]
OLU1B0r[1].png
568 KB, 1920x1080
No links, but you can find what I built this off of on userstyles
>>
>>55260273
Oh, okay. Well, I don't ever open or use the options in the settings. Also, I browse in private mode all the time so, even if I fiddled with the settings, the settings would be gone after I close Firefox. Thank you, anyway. I learned something.
>>
>>55260302
>How to screenshot
>Shemale Tube

Based.
>>
File: css.png (715 KB, 1395x1385) Image search: [Google]
css.png
715 KB, 1395x1385
here's mine
>>
File: SS_2016-06-25_03.png (847 KB, 1920x1080) Image search: [Google]
SS_2016-06-25_03.png
847 KB, 1920x1080
>>55258168
Okay.
>>
>>55260397
best patterns and fonts ITT reminds me of emulating sonic on one of those transparent imac computers
>>
>>55260150
is it possible to remove the animus
>>
>>55260547
yes, read through the script
>>
File: 1466884121196.jpg (178 KB, 1920x1080) Image search: [Google]
1466884121196.jpg
178 KB, 1920x1080
>>55260527
lol
>>
>>55260560
WHY IS HER HAND DOWN THERE
>>
>>55260574
to try to contain the stench
>>
>>55260586
no bullying best girl
>>
File: Mio_Akiyama_Character_Profile_1.png (2 MB, 1190x1600) Image search: [Google]
Mio_Akiyama_Character_Profile_1.png
2 MB, 1190x1600
>>55260602
wrong
>>
File: it's k.png (175 KB, 1157x1128) Image search: [Google]
it's k.png
175 KB, 1157x1128
>>
>>55260611
>mio
>lefty
not the worst, but the devil
>>
hmm
>>55260622
delet this
>>
>>55260612
good colors but why is the font blurry
>>
File: hubub.png (962 KB, 1920x1080) Image search: [Google]
hubub.png
962 KB, 1920x1080
No CSS looks best for Windows.
>>
File: file.png (232 KB, 1596x748) Image search: [Google]
file.png
232 KB, 1596x748
i am efficient
not creative
>>
>>
>>55260710
nice layout
>>
>>55260735

thanks
>>
File: Clipboard02.jpg (316 KB, 1885x989) Image search: [Google]
Clipboard02.jpg
316 KB, 1885x989
>>55258168
I'm still using the "Google" theme from 1'st April
>>
>>55260506
Nice. 9/10.

What OS/distribution are you running? and how do i make firefox look like that?
>>
>>55260612
Good. 9/10.
Make the post time a little darker or muted maybe dark grey because sometimes it mixes with the top and bottom reply. If you do that, I think you will get better separation from each reply making it look clean and neat.
>>
>>55260978
It's windows 7, use the stylish addon.

/* AGENT SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul){

}
>>
Fresh install. Nothing yet.
>>
>>55261124
Thank you.
>>
>>55261192
4chan fonts look squashed
>>
>>55261192
>measuring bra size
we know it's bait, shitty try
>>
>>55260710
Can you post your css? or a pastebin or something, it looks wonderful.
>>
>>
>>55261967
how did you get the floating reply button to work, every time I plug in that css it's not there
>>
>>55262041
honestly, i couldnt tell you
the css is a mess, its literally 1451 lines, working with that theme is how i "learned" how css works

theres a reason i wasnt sharing it, but its really just a heavily modified/fucked up material design theme, theres a bunch of them on stylish userstyles
>>
>>55262075
share it anyway, I'm curious now and want to read the css
>>
>>55262086
all of this here should involve the button

but im not sure, if i can remember how to upload it to stylish ill put the whole thing on there and post it all in a bit


span.summary {
border-radius: 0 0 2px 2px;
background-color: #4786EF;
width: 80%;
display: block;
margin: -1px auto 0 auto;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
border-top: 1px solid rgba(0, 0, 0, 0.1);
text-indent: 10px;
padding: 10px 0;
}

#togglePostFormLink a::after, .navLinksBot [href="#top"]::after, #totop::after
{ background-color: #4786EF;
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
position: fixed;
right: 25px;
bottom: 25px;
display: inline-block;
font-size: 24px;
color: #fff;
content: '+';
width: 56px;
height: 56px;
line-height: 56px;
vertical-align: middle;
border-radius: 50%;
font-weight: normal;
text-align: center;
cursor: pointer;
}

#togglePostFormLink a::after
{ z-index: 1;
box-shadow: none;
}

.boardList
{ font-size: 0;
}

.boardList a
{ font-size: 14px;
display: inline-block;
padding: 0 3px!important;
margin: 0!important;
}

.postMenuBtn:hover
{ text-decoration: none!important;
}
>>
>>55262114
you can always use pastebin
>>
>>55258168
Is this the april fools CSS?
Thread replies: 50
Thread images: 18

banner
banner
[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y] [Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.