[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
Custom 4chan CSS thread?
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: 24
Thread images: 9
File: download.png (222 KB, 1903x972) Image search: [Google]
download.png
222 KB, 1903x972
Post your own, or improve on mine. It's far from perfect.

If you didn't know you can add your own CSS to 4chan.
Press Settings in upper right corner, expand Miscellaneous, check Custom CSS, press Edit and paste your CSS. Or use mine.

* {
box-sizing: border-box;
}
body {
width: 70%;
margin: 0 auto;
padding: 10px;
}
.globalMessage, #toggleMsgBtn, hr, .sideArrows {
display: none;
}
.boardBanner, .navLinks, #togglePostFormLink, #blotter {
margin-top: 25px;
margin-bottom: 25px;
}
.postContainer, .reply {
width: 100%;
}
#quote-preview {
width: auto;
}
div.reply {
padding: 10px;
border: 1px solid #444;
margin-bottom: 10px;
}
.reply .file {
margin: 10px -10px 0 -10px;
}
.file {
background-color: #444;
height: 40px;
line-height: 40px;
text-indent: 15px;
}
.replyContainer {
border: 0px solid #444;
}
.highlight {
width: 100%;
background-color: red;
}
.threadHideButton {
top: 11px;
left: 11px;
position: relative;
}
.postInfo {
top: -3px;
position: relative;
}
input[type="checkbox"] {
top: 2px;
position: relative;
}
.opContainer .postInfo {
top: 15px;
}
.opContainer .postMessage {
top: 15px;
}
.opContainer img {
margin-top: -3px;
margin-bottom: 6px;
margin-left: -20px;
}
.replyContainer img {
margin-top: 8px;
margin-bottom: -5px;
margin-left: -10px;
}
.threadHideButton {
left: 32px;
position: relative;
}
.opContainer .fileText {
position: relative;
left: 25px;
}
.opContainer .postMessage {
position: relative;
top: 10px;
}
.reply.highlight, .reply:target {
padding: 10px;
background-color: #282a2e!important;
border: 1px solid #81a2be!important;
outline: 1px solid #81a2be!important;
}
>>
>>54395981
speak to a layman, how do I do this in firefox? because your settings are beautiful
>>
Use pastebin, you fucking retard.
>>
>>54395981
Congrats it's the same as default but black.
>>
>>54396438
Install Stylish addon, make new style, make it apply to 4chan.org domain, paste code, save.
>>
>>54395981
>>54396848
I feel bad for being a dick, sorry and have a bump.
>>
>>54396438
>>54397028
I didn't use Stylish, but I'm sure that works just as well. I wrote how I did it in the OP.
>Press Settings in upper right corner, expand Miscellaneous, check Custom CSS, press Edit and paste your CSS. Or use mine.

>>54396848
No no. The black theme is 4chan's own. You can select it in the bottom right corner. Yotsuba B is default, I use Tomorrow.
The CSS I pasted makes everything centered, ever post the same width, and a few more tweaks. Just look at the OP image.
>>54397205
It's alright. Thanks for the bump.
>>
.prettyprint .deadlink {
text-decoration: none !important;
}


Simple and essential styling to making sure >>> in code blocks is displayed right
>>
File: tumblr_nf96ncn3cj1sfoq8to1_500.png (272 KB, 500x700) Image search: [Google]
tumblr_nf96ncn3cj1sfoq8to1_500.png
272 KB, 500x700
Thank you for sharing.
>>
File: opera_2016-05-05_17-02-23.png (260 KB, 2329x1572) Image search: [Google]
opera_2016-05-05_17-02-23.png
260 KB, 2329x1572
Here's how my customized 4chan looks
>>
I'm waiting for that nigga with the all-black custom CSS.
>>
>>
hey guys check out my script for this! comes with a ton of themes.
https://github.com/Nebukazar/OneeChan
>>
>>
File: Untitled.png (6 KB, 1920x1080) Image search: [Google]
Untitled.png
6 KB, 1920x1080
>>54398001
>>
>>54397972
How are you liking opera compared to ff or chrome?
>>
>>54398060
A lot better, it feels good like Chrome but doesn't stand out from the rest of my programs like Chrome does, plus I can use Chrome addons
>>
Recently unbanned squad who up???
>>
>>54398044
L O N D O N
O
N
D
O
N
>>
I saw a good one that had Lana from Archer in the corner before. Does anyone have the CSS for that one?
>>
>>54395981
Great! Thanks for this CSS, but it does stretch out the navigation arrows into a long ugly bar.
>>
File: 2.jpg (2 MB, 2192x2969) Image search: [Google]
2.jpg
2 MB, 2192x2969
This is mine, I guess it's pretty much complete but I don't want to post it to Stylish yet.
Got some commented out sections to fix, colour schemes to add, other fun shit.

>>54397490
Forgot about that since I use Stylish for lots of sites.

>>54397537
Never seen this issue, but I'll add it to mine, thanks.

>>54398019
Always thought this was an alternative to 4chan X not an addon. Will look into it.

>>54398906
Loving those browser tabs.
>>
How do I apply a CSS on top of 4chanx?
I've been using OniiChan to style it for now, and I'm looking for alternatives
>>
>>54399284
You can use stylish, greasemonkey, or here
Thread replies: 24
Thread images: 9

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.