/jp/ - Otaku Culture

[Anonymous No.]

New custom 4chan thread, old one is autosaged. What's your favorite background, /jp/?

>>>/g/2167538
>>1248439

[Anonymous No.]

[Anonymous No.]

>>1251663
can you upload ur bg pic pls?

[Anonymous No.]

oh hai

[Anonymous No.]

>>1251705
FACEPALM.PNG.GIF

[Anonymous No.]

THIS

[Anonymous No.]

[Anonymous No.]

in b4

[Anonymous No.]

AWESOME

[Anonymous No.]

How do I do this??? ;_;

[Anonymous No.]

>>1251797
see >>1248439
scroll down a little.

[None !Mystia3.V2 No.]

>>1251785
/r/ image.

I'll try this in a bit.

[Anonymous No.]

Is it just me or does it slow scrolling speed down a bit?

[Anonymous No.]

>>1251833
just you.

[Anonymous No.]

>>1251827
http://img179.imageshack.us/img179/251/1220215014435rd8.jpg

[Anonymous No.]

>>1251768
Would be better if the background colors matched.

[Anonymous No.]

[Anonymous No.]

[Anonymous No.]

>>1251827
>>1251859
http://img141.imageshack.us/img141/1876/1220215014435mq7.png
fixed that for you

[Anonymous No.]

>>1251909

I WOULD TOTALLY BUY A WHITE CAR JUST TO PUT THIS DECAL ON THE HOOD OR TRUNK

[None !Mystia3.V2 No.]

>>1251859
Thank you, I hadn't seen much EL fanart of this type.

[Anonymous No.]

[Anonymous No.]

[None !Mystia3.V2 No.]

tl;dr Copypasta

Install this extension: https://addons.mozilla.org/en-US/firefox/addon/2108
right click the Stylish icon in the bottom right (statusbar)
select Write Style -> Blank Style
Give it a random name
Paste

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
html,body {
background-color:#FFFFFF !important;
background-image:url(YOURIMAGE.jpg) !important;
background-position: right top !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
}

Save and enjoy.

[None !Mystia3.V2 No.]

Oh yeah, #EEF2FF is for worksafe BG.

[Sakuya Izayoi !MaidG6SVL6 No.]

Oh hi just Sakuya-ing up this place.

[Anonymous No.]

>>1251947
Image please.

[Anonymous No.]

>>1251936
>>1251933
img source please

[Sakuya Izayoi !MaidG6SVL6 No.]

>>1251951
Original image.

[Anonymous No.]

>>1251959
Thanks.

[Sakuya Izayoi !MaidG6SVL6 No.]

>>1251959
Edited version.

[Anonymous No.]

[Anonymous No.]

And I don't even like her that much.

[Anonymous No.]

http://zip.4chan.org/jp/src/1220575265647.png

Be nice if I could get the coding to make the text boxes look like this.

[None !Mystia3.V2 No.]

I can't concentrate on the text now.

[Anonymous No.]

I'm liking mine so far, trying to find a suitable Saber pic though

[Anonymous No.]

>>1252019
/r/ source image!

[Anonymous No.]

>>1252080

[Anonymous No.]

YAY!

[Anonymous No.]

[Anonymous No.]

This sort of cool, you know?

also, codemastar

[Anonymous No.]

>>1252105
/r/ source img

[Anonymous No.]

Looks like I did it correctly, but I'd like to go back to the old blue. Can anyone tell me how?

[Anonymous No.]

Is anyone else getting scrolling speed slowdown with this?

[Waku Waku !Hauu07PLe. No.]

[Anonymous No.]

>>1252136
I am getting it as well.

[Anonymous No.]

>>1252136
see
>>1251845

[Anonymous No.]

Well, I had it on for about a minute, and just took it down again.

[Anonymous No.]

>>1252152
you host is bad then

[Anonymous No.]

>>1252128
>I'd like to go back to the old blue
Delete these lines:

background-color:#FFFFFF !important;

DIV[class="4chan_ext_thread"] > BLOCKQUOTE {
background-color:#FFFFFF !important;
}

[Anonymous No.]

>>1252178
I don't have those lines.
All I have is
@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
html,body {
background-color:#f5fdff !important;
background-image:url(fuckload of text)!important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
BLOCKQUOTE {
max-width:460px !important
}
}

[Arktis !4nIyURICik No.]

[Anonymous Jones‮[8-FTU] ‪‪‪‬ ‪‬ ‭‬ !TapsqdZp4A No.]

>>1252038
Opacity is 70%, font is mona, border is set to 1 pixel for bottom and right.

"Coding" CSS is hardly rocket science.

[Anonymous No.]

[Anonymous No.]

>>1252115
How do you do that?

[Unagi !!tLY+Lpb3rMm No.]

tee hee hee hee hee

[Anonymous No.]

The background is blocking too much. How can I prevent it?

[Anonymous No.]

>>1252367
.reply, .replyhl {
opacity: .50 !important;
}

Change .50 to whatever.

[Anonymous No.]

[Anonymous No.]

>>1252416
thank you

[Anonymous No.]

>>1252416
Can I have the clean code for this, I don't have 4chan extention

[Anonymous No.]

>>1252416
that makes the whole thing transparent, learn how to half-transparency png

[ZUN !barYV1VtIA No.]

Why would you do this?

Do you use those awful desktop buddy things too? Also, Rainmeter, with a big old ugly skin?

[Anonymous No.]

>>1252538
lol

[Anonymous No.]

>>1252538
I think it needs more noise.

[Anonymous No.]

>>1251697
For some reason the semi-transparent shadows at the bottom keep turning opaque, maybe a problem with how the image is cached? I took them out for now.

[Anonymous No.]

.reply, .replyhl {
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}

cosmetic touch for rounded borders.

[Anonymous No.]

>>1252538
oh, you

[Anonymous No.]

>>1252538
>Rainmeter
>ugly skin

[Anonymous No.]

I do this because I can.

[Anonymous No.]

>>1252497
Mind teaching us how you do this? I've no skill in image editing programs.

[Anonymous No.]

>>1252538
oh come on...It's like the first time when you found out you could customize your windows wallpaper. Or like when you found out you could skin winamp...

[Anonymous No.]

>>1252603
tell me how plz.

[ZUN !barYV1VtIA No.]

>>1252588

Your desktop disgusts me. Here is mine.

Spoilers: I am using Windows Vista. I primarily use Opera too.

[Anonymous No.]

>>1252633
I opened it in PSP, masked the layer according to the luminance, then inverted the mask. I'm hosting this file on a web server I'm running on my computer.

I copied my background element(s) to .reply, .replyhl to insert it and modified the colour aspect to return to a good approximation of the original reply box colour. There is likely a better method somewhere.

[Anonymous No.]

>>1252646
you're the one who's disgusting.

[Anonymous No.]

>>1252646
Your desktop disgusts me with its fancy icons, taskbar, and black wallpaper. I only use the command line.

[Anonymous No.]

[ZUN !barYV1VtIA No.]

Also, I'm very surprised at the amount of Touhou. I thought that we only pretended that Touhou was popular.

[Anonymous No.]

>>1252622
I have no idea of how to use photoshop, you'll have to look yourself

body[bgcolor], .reply, .replyhl {
background-image: url("image goes here") !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important
}
.reply, .replyhl {
background-image: url("half-transparent image goes here") !important;
}

[Anonymous No.]

>>1252677
You're so silly ZUN! xD

[Anonymous No.]

>>1252650
...Huh?

[Anonymous No.]

This is pretty awesome.

[Anonymous No.]

>>1252702
Was I a little terse? Too technical? Too PSP?

I'm making use of all 8 bits of PNG alpha in my image, to provide a range of transparency. I based the alpha values off the inverse of the luminance of the relevant pixel. Since I use PSP, this involved defining a mask for a layer.

Then you use the same background CSS for the "reply" and "replyhl" classes to get the image to display when a reply box overlays the image in the background.

[Anonymous No.]

[TruckTrucklol !loLH8fhMsE No.]

[Anonymous No.]

CHEEEEEEEEEEEEEEEEEEEEEEEEEN-!

[Anonymous No.]

Is there anyway to change the text color without messing with my browser settings? I'd like to make it white.

[Anonymous No.]

I'm not using the background stuff, but for those who are interested, here is a little script to add on Stylish to make the messages "rounder" (pic related):
@-moz-document domain("4chan.org") {
td.replyhl, td.reply{-moz-border-radius:12px !important;opacity:100 !important;background-color:rgb(230,230,255) !important;color:rgb(0,0,0) !important;

border:solid 0px rgb(0,0,0) !important;

padding-bottom:10px !important;

[Anonymous No.]

>>1252852
see>>1250828

[Anonymous No.]

>>1252909

Thanks. Now is there anyway to make it so the the selected post isn't highlighted red/pink?

I don't think I saw that in the other thread.

[Anonymous No.]

>>1252953

Never mind, found it.

[Anonymous No.]

Fuck yes, you are the most awesome thing ever.

[Anonymous No.]

There is a white bar that stretches out all the way over the background on the first post of every thread. Is there any way to make it opacity?

[Anonymous No.]

>>1252082
I love that one,

Here´s mine, not a fan of SW (Funny show, but too much fanservice) but i find this image kind of cute.

[Anonymous No.]

Sup.

[Anonymous No.]

I have to admit, I'm kind of surprised at all the Touhou too.

[Anonymous No.]

How do I keep this from happening.

[Anonymous No.]

>>1253032
I think someone mentioned having a similar problem with a sailor moon image and a merchant background in one of the original threads.

[Unagi !!tLY+Lpb3rMm No.]

>>1253032
i do not know, good luck!

[Anonymous No.]

>>1253032
change "html, body" to "body[bgcolor]"

[ZUN !barYV1VtIA No.]

>>1253031

Best one in the whole thread.

[Dawnfag No.]

>>1252497
Increast the number to like 0.9, that's what I did with this, so it doesn't look transparent, but I can still see Dawn through textboxes.

[Dawnfag No.]

>>1253076
increase*

[Anonymous No.]

>>1253076
but half-transparency is better, so yeah

[Anonymous No.]

>>1253097
That looks stupid, can you make the whole thing 50%?

[Unagi !!tLY+Lpb3rMm No.]

>>1253097
i have a problem, the text goes half transparent too

[Anonymous No.]

>>1253127
My text and images go half transparent as well.

[Unagi !!tLY+Lpb3rMm No.]

>>1253128
and expanded pictures in the 4chan plugin?

[Anonymous No.]

>>1253130
No.

[Anonymous No.]

>>1253097
It's almost the exact same thing, just by a different means...

[Unagi !!tLY+Lpb3rMm No.]

>>1253131
that is my problem too, sucks, any help?

[Unagi !!tLY+Lpb3rMm No.]

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document
domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org)
{
.reply, .replyhl {
opacity: .5 !important;
}
.reply, .replyhl {
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
}
body[bgcolor]
{
background-color:#FFFFFF !important;
background-image:url(freakingurlgoeshere.png) !important;
background-position: right top !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
}

[Anonymous No.]

>>1253097
Changing a value from 0.5 is much easier than making a half-transparent png for people who don't have photoshop or any image editor other than paint.

Especially while they're messing around with it and reading this thread.

[Anonymous No.]

>>1253137
Up the 0.5 to something else.

[Unagi !!tLY+Lpb3rMm No.]

>>1253144
hmmm, half transparency or being able to read ....

i think 0.8 will do

[Anonymous No.]

>>1253138
I'm just saying

If you want transparent text I wont stop you

[Anonymous No.]

I think sketches and stuff work best for this
This picture of Haruhi just so happens to be in the perfect color to match 4chan, too

[Dawnfag No.]

>>1253202
But it isn't...

[Anonymous No.]

Please explain to me why you faggots haven't even done this with corner Suigintou yet.
Seriously, kill yourselves.

[Anonymous No.]

Is there a way to make the highlighted posts transparent just like the the non-highlighted posts?

[Anonymous No.]

>>1253295
They blind in nicely so it doesn't look too out of place.

[Anonymous No.]

and then I had an awesome idea
I just need a better pic

>>1253357
see
>>1252416

[Anonymous No.]

>>1253380
I was the one who posted that so I already have it. It doesn't seem to affect highlighted posts which is why I'm asking.

[Anonymous No.]

>>1253345
Back to Bokuchan with you.

[Anonymous No.]

>>1253412
you have done it wrong then, because .replyhl is the highlighted post class

[Anonymous No.]

Is there a way to increase posts' border?

[Anonymous No.]

>>1253439
Seems you're right. The problem was: background-color: #E5E5E5 !important;

Next question: does anyone know of a way I can keep my custom colors and still have transparent highlights?

This is the coding I'm using:
.reply, .replyhl {
opacity: .85 !important;
background-color: #E5E5E5 !important;
border-right-style: solid !important;
border-bottom-style: solid !important;
border-right-color: #6D7B8D !important;
border-bottom-color: #6D7B8D !important;
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}

[Anonymous No.]

>>1253478
.reply, .replyhl {
border-right-width: Xpx !important;
border-bottom-width: Xpx !important;

[Anonymous No.]

MODDING MY 4CHAN.

NERDCORE.

[Anonymous No.]

>>1253547
Thanks, it worked well. And how can I change the font size and colour?

[Anonymous No.]

>>1253503
.reply {
background-color: #E5E5E5 !important;
}
.reply, .replyhl {
opacity: .85 !important;
border-right: 1px solid #6D7B8D !important;
border-bottom: 1px solid #6D7B8D !important;
}

[Anonymous No.]

>>1253503
Any chance to get that working for non reply mode.
I.e expanding thread with 4chan extension.

[Anonymous No.]

>>1253563
Just find yourself a css reference.
font color is
color:#XXXXXX;
font size is
font-size:Xpx;

[Anonymous No.]

>>1253570
>>1253503
So whats the difference between these two?

[Anonymous No.]

I'm scared of using transparent mode.
Too much for my heart.

[Anonymous No.]

>>1253590
Hina is a good girl, she won't bite...

[Anonymous No.]

I'm a bit lost, it's 5am so please excuse.

Which code is the best way to keep the thumbnails and text from going transparent?

[Anonymous No.]

>>1253609
Don't use the <opacity: .85 !important;> part in your coding.

>>1253570
Thanks a lot!

[Anonymous No.]

Haha; oh wow...

[Anonymous No.]

Good, now somebody make it so that the script loads a different random image from a specified directory every time I refresh /jp/.

[Anonymous No.]

>>1253636
well I want transparency, just not the thumbnails and text

[Anonymous No.]

>>1253651
Just use php to create a dynamic pic. It's not that difficult.

[Nightjumper !m0RRMfebq. No.]

Truly the only thing I need.

[Anonymous of Croatia !na1byG1GU. No.]

So still no one has been able to figure out how to make the thumbnails non transparent?

[Anonymous of Croatia !na1byG1GU. No.]

>>1252895
why not just td.replyhl, td.reply{-moz-border-radius:Npx !important;}

N- The curve on the borders you want, the other things are not needed. Well only if you use a custom style.

[Anonymous No.]

>>1251933
>>1253590
>>1253696
hate to be a bring down but was hoping for originals of all these pictures (and the first 3 in the last picture)

[Anonymous No.]

I'm very much enjoying my Youmoe~.

[Anonymous No.]

halp me make it work in Opera please!

I think it has to be something like

// ==UserScript==
// @include http://*.4chan.org/*
// ==/UserScript==
(function() { var css = "{ background-color:#FFFFFF !important; background-image:url(http://img133.imageshack.us/img133/3020/sakurarinny0.jpg)) !important; background-position: right top !important; background-repeat:no-repeat !important; background-attachment:fixed !important; }";
}
})();

but I can't get it to work and I'm too lazy to look it up

[Anonymous No.]

fix anyone?

[Anonymous No.]

>>1253941

oh nevermind I already got it fixed.

[Nightjumper !m0RRMfebq. No.]

>>1253907
Here you go, bro.

[Nightjumper !m0RRMfebq. No.]

Also, Fate's Ass.

[Anonymous No.]

>>1252895
Anyway to make the rounded part only on the right of the post?
Shit, I should know this...

[Anonymous No.]

[Anonymous No.]

[Anonymous No.]

>>1253938

ok nevermind, using the normal script as a css worked

[Anonymous No.]

I can't bring myself to do this. Every time I see a picture I halfway like my brain screams "WEB 1.5 WEB 1.5 WEB 1.5 WEB 1.5" and the revulsion sets in.

[Anonymous No.]

[Anonymous No.]

FFFFFFFFFFFFFFFFFFFFFFFFFFF-

[Anonymous No.]

>>1254124
lol.

[Anonymous No.]

groooooovin' magic

html,body {
background-color:#EEF2FF !important;
background-image:url(http://img170.imageshack.us/img170/2442/1220048090064vc6.gif)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}

[Nightjumper !m0RRMfebq. No.]

>>1254055
I dunno lol. It's worked into the Yotsuba imageboard style
Ask moot.

[Anonymous No.]

>>1254074

Care to share your background image?

[Nightjumper !m0RRMfebq. No.]

>>1254146
Protip: Use Insert -> Data URI... so you don't have to upload the background image.

[Anonymous No.]

>>1254124
RAN RAN RUUUUU!
Related: How do you put an image into the comment box? Sorry for being a useless fag and not knowing how to CSS

[Anonymous No.]

>>1254150
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topright:12px !important;

Looks awesome.

[Anonymous of Croatia !na1byG1GU. No.]

>>1254225
Works nicely thanks.

[Anonymous No.]

>>1254153
http://img222.imageshack.us/img222/1681/fanpatternyw0.png

[Anonymous No.]

The gay bubbles idea I had it's stupid. I think I'm going back to my yukari.png

[Anonymous No.]

I think my code is a little redundant. Is there anything I can do to simplify it without sacrificing its effects?

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org){

html, body {
background-image: url("http://img170.imageshack.us/my.php?image=dozokk9.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
html, body, .reply, .replyhl {
background-image: url("http://img337.imageshack.us/img337/2356/semidozohd8.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}

.reply, .replyhl {
-moz-border-radius: 0px !important; (for future use)
-webkit-border-radius: 0px !important; (for future use)
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topright:12px !important;
}
TABLE[class="4chan_ext_reply"] {
max-width:800px !important
}
DIV[class="4chan_ext_thread"] > BLOCKQUOTE {
max-width:800px !important
}
}

[Anonymous No.]

>>1254287
it's not like you're competing for less size, but you can take out the second
html,body
.reply, .replyhl
works fine on its own.

Dozo looks great

[Anonymous No.]

I know, I know...needs dark tone.

[Anonymous No.]

>>1254287
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org){

body[bgcolor] {
background-image: url("http://img170.imageshack.us/img170/8785/dozokk9.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.reply, .replyhl {
background-image: url("http://img337.imageshack.us/img337/2356/semidozohd8.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius: 0px !important; (for future use)
-webkit-border-radius: 0px !important; (for future use)
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topright:12px !important;
}
BLOCKQUOTE {
max-width:800px !important
}
}

[Anonymous No.]

>>1254327
I also fixed your dozokk9.png link

[Anonymous No.]

>>1254327
Ah, thanks a lot. I was wondering where the other dozo went.

[Mr.Likes To Sage Threads !orf3MrSaGE No.]

>>1253032

Here's a fix:

@-moz-document url-prefix(http://zip.4chan.org/a/src/)),
url-prefix(http://img.4chan.org/r9k/src/)),
url-prefix(http://zip.4chan.org/c/src/)),
url-prefix(http://zip.4chan.org/jp/src/)),
url-prefix(http://zip.4chan.org/g/src/)),
url-prefix(http://orz.4chan.org/d/src/)),
url-prefix(http://orz.4chan.org/e/src/)) {
html,body {
background: none !important
}
}

[Anonymous No.]

>>1254374
No those aren't necessary.
Simply use:
body[bgcolor] {
Instead of:
html,body {

[Anonymous No.]

Is there a way to host the picture locally like in a cache?

[Anonymous No.]

I just reaized that most of the artists with Ace Combat work on Pixiv also draw Touhou.

[Anonymous No.]

>>1254442
Insert -> Data URI
It was mentioned earlier in this thread

[Anonymous No.]

>>1254442
See >>1250569

[Anonymous No.]

[Anonymous No.]

>>1254456
What the fuck is this shit.

[Anonymous No.]

>>1254456
Sparky, stop sucking Russia's dick.

[Anonymous No.]

Work in progress.
I call this "Yotsuba 2"

[Anonymous No.]

>>1254287
thanks, now I could pimp my sugoisugoi.css even further!

body[bgcolor] {
background-image: url("http://img411.imageshack.us/img411/9886/sugoisugoikm0.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.reply, .replyhl {
background-image: url("http://img222.imageshack.us/img222/1329/sugoisugoisemigg1.png")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius: 0px !important; (for future use)

[Anonymous No.]

>>1254481
Oh wow that's ... kind of awesome actually

[Anonymous No.]

>>1254463

lul whut

[Anonymous No.]

>>1254492
Croatia is giving tomberyking free blowjobs.

[trip sage test !Ep8pui8Vw2 No.]

!

[Anonymous No.]

EVEN IN YOUR BROWSER!

[Anonymous No.]

>>1254518
GTFO.

[None !bS6MqgIjE. No.]

>>1254518

[Anonymous No.]

>>1254481
I hope you finish soon, looks pretty awesome. I'll probably give it a try when it's out, even though I prefer burichan's colours.

[Anonymous No.]

body[bgcolor] {
background-image: url("http://img237.imageshack.us/img237/1884/akihafq9.jpg")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
}
.reply, .replyhl {
background-image: url("http://img237.imageshack.us/img237/1875/akihatransparentxu4.jpg")) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius: 0px !important; (for future use)
-webkit-border-radius: 0px !important; (for future use)
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topright:12px !important;

[Anonymous No.]

>>1254562
>Onemanga
What are you reading.
>Lego
...wat...
>Crypt
...Cryptology?

[Anonymous No.]

[Anonymous No.]

addendum: If a post's email field contains "sage," it will show "(sage)" next to the name. (easy ID, especially if someone decides to put something else in the email field, like "I feel like contributing something.")

[Anonymous No.]

>>1254571
>What are you reading.
My Drooling Girlfriend X, Mirai Nokia 3210, Double Arts
>...wat...
Legorobotics, fun for the whole family (wanted to see why the German government went apeshit about that site; realized yet again that I'm in a country led by retards)
>...Cryptology?
http://en.wikipedia.org/wiki/Cryptograms_(album)

[Anonymous No.]

>>1254582
CONAN, YOU'RE BACK!!!!

[Anonymous No.]

>>1254576
so much easier than the way I was doing it. Share the piece of code on detecting mail? And how can I refer to the post instead of the mail field, I want to put a background for sage posts

[Anonymous No.]

>>1254576
And how does it work?

[Anonymous No.]

>>1254604
>>1254617

.commentpostername a.linkmail[href="mailto:sage"]:after
{ content: " (sage)"; }

.commentpostername is the poster's name (Anonymous, etc.)
(just to note: .postertrip is the tripcode.)

To break down the next part:
a.linkmail[href="mailto:sage"]:after

a.linkmail is the class used for the link that is created if something is entered in the mail field.
[href="mailto:sage"] is an attribute selector. In other words, it'll only work if the link's href attribute is mailto:sage.
:after is a pseudo-element. So after the name, it will enter "(sage)"

[Anonymous No.]

>>1254644
As long as it doesn't consume extra frames/work on every PC...

[Anonymous No.]

>>1254644
damn, so it's back to my way.
The way I do it, it uses a modified version of the 4chan filter GM script, and makes it a class .sage

Well, I could look further into it, streamline it

[Anonymous No.]

>>1254319
hey i was thinking of using that image! but then i forgot the necessary photoshorp skills to make it transparent.

[Anonymous No.]

>>1254706
Isn't there a slider that you can use?

[Anonymous No.]

>>1254711
He probably wants to make the white background transparent while keeping girl non transparent.

[Anonymous No.]

>>1254124
NEVAR FORGET.

[Anonymous No.]

>>1254717
yes this. except mine has a bit of a fuzzy outline and I couldnt remember how to get that to gradiate to transparency

[Anonymous of Croatia !na1byG1GU. No.]

Funny how /jp/ pays 10 times more attention to this then any other board.

[Anonymous No.]

>>1254732
Just looks that way because /jp/ is extremely slow.

[Anonymous No.]

>>1254732
We are the strongests, Croatia.

[Anonymous of Colombia !pkzejWGkfw No.]

>>1254732
/a/ went insane as well, but most of the breakthroughs were done here.
We should make an easy to follow guide with the common questions. Like the body[bgcolor], and inserting image as URI.

back to going anonymous...

[Anonymous No.]

[Anonymous No.]

>>1254732
>Funny how /jp/ pays 10 times more attention to this than any other thread.

fix'd that for you Croatia

[Anonymous No.]

This work great for 4chan, but when I go to other sites the white text carries over, and I have to switch it off. It's not that big of a deal to turn it off, but is there anyway to make it so it only effects 4chan?

[Anonymous No.]

>>1254903
Because you did it wrong. You need to count these { } things properly.

If your style has this:

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org){

{hohrdshgudhgseoufsouegouweoeahyrfouewysar
}

}

>{hohrdshgudhgseoufsouegouweoeahyrfouewysar
>}
it means that whatever this was, it'll be restricted to 4chan. In your case you did something like this:

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org){

{hohrdshgudhgseoufsouegouweoeahyrfouewysar
}

}

{more...hohrdshgudhgseoufsouegouweoeahyrfouewysar
}

[Anonymous No.]

>>1254929

This is what I have:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
html,body {
background-color:#EEF2FF !important;
background-image:url(http://i51.photobucket.com/albums/f382/sharinagin/FGHYYU2.png)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
}
.reply, .replyhl {
background-color:transparent !important;
}
body, span#navtop, td.replyhl, td.reply, a, a:hover, a.quotejs, a.quotejs:hover, a.quotelink, span.filesize {color: #ffffff !important;}

@-moz-document url-prefix(http://zip.4chan.org/a/src/)),
url-prefix(http://img.4chan.org/r9k/src/)),
url-prefix(http://zip.4chan.org/c/src/)),
url-prefix(http://zip.4chan.org/jp/src/)),
url-prefix(http://zip.4chan.org/g/src/)),
url-prefix(http://orz.4chan.org/d/src/)),
url-prefix(http://zip.4chan.org/v/src/)),
url-prefix(http://orz.4chan.org/e/src/)) {
html,body {
background: none !important
}
}

Can you point out the lines I need to fix?

[Anonymous No.]

>>1254239

Thanks.

[Anonymous No.]

>>1254943
This is all you need:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {

body[bgcolor] {
background-color:#EEF2FF !important;
background-image:url(http://i51.photobucket.com/albums/f382/sharinagin/FGHYYU2.png)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important}

.reply, .replyhl {background-color:transparent !important;}

body, span#navtop, td.replyhl, td.reply, a, a:hover, a.quotejs, a.quotejs:hover, a.quotelink, span.filesize {color: #ffffff !important;}

}

[Anonymous No.]

>>1254955

Ah, thanks a bunch.

[Anonymous No.]

Another screenshot(s).

[Anonymous No.]

>>1254970
Ah I forgot to ask, does anyone have a cute picture of Yotsuba for the lower-left corner? Thanks!

(* Once I complete it, it'll be put up on UserStyles)

[Anonymous No.]

>>1254972

Too big? Not cute enough?

[Anonymous No.]

>>1254988
I was thinking more of Yotsuba standing looking up, or something like that. But thanks anyway!

[Anonymous No.]

>>1255025

380x380 was the biggest I could find on Google. You might have to smooth it though.

[Anonymous No.]

>>1254970
Sageru? I lol'd at that.

[Anonymous No.]

>>1255044

Improved.

[Anonymous No.]

Whoops, didn't notice what was left of the shadow.

[Anonymous No.]

← I'm starting to look through Danbooru, and I saw this.

[Anonymous No.]

>>1255106
... although personally, I think that this will work the best.

[Anonymous No.]

looking good so far

[Anonymous No.]

Many internets to the kind anon that can make this background transparent. I currently only have Paint on me laptop.

[Anonymous No.]

>>1255235
There you go.

[Anonymous No.]

>>1255250
Thanks, kind anon!

[Anonymous No.]

>>1255235
How about the complete style? I made the reply boxes transparent with a second background image:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
body[bgcolor] {
background-image:url(http://img99.imageshack.us/img99/5154/sakurarintransparentfz7.png)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
.reply, .replyhl {
background-image:url(http://img244.imageshack.us/img244/1017/sakurarinsemitransparenaw7.png)) !important;
background-position: right top !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topleft:12px !important;
}
DIV[class="4chan_ext_thread"] > BLOCKQUOTE {
max-width:600px !important
}
DIV.postarea {
margin-left: -430px !important
}
}

[Anonymous No.]

>>1255235 >
How about the complete style? I made the reply boxes transparent with a second background image (lol version2 minor screwup):

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
body[bgcolor] {
background-image:url(http://img99.imageshack.us/img99/5154/sakurarintransparentfz7.png)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
.reply, .replyhl {
background-image:url(http://img244.imageshack.us/img244/1017/sakurarinsemitransparenaw7.png)) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topleft:12px !important;
}
DIV[class="4chan_ext_thread"] > BLOCKQUOTE {
max-width:600px !important
}
DIV.postarea {
margin-left: -430px !important
}
}

[Anon of Neo-Russia No.]

I have Google Chrome. Is there any way to get the custom backgrounds?

[Anonymous No.]

How do I change the color of the reply boxes?

This is my current theme:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(zip.4chan.org),
domain(img.4chan.org),
domain(orz.4chan.org),
domain(cgi.4chan.org) {
body[bgcolor] {
background-image:url(http://i51.photobucket.com/albums/f382/sharinagin/ecchi01.png)) !important;
background-position: right bottom !important;
background-repeat:no-repeat !important;
background-attachment:fixed !important
}
.reply, .replyhl {
background-image:url(http://i51.photobucket.com/albums/f382/sharinagin/ecchi012.png)) !important;
background-position: right bottom !important;
background-repeat: no-repeat !important;
background-attachment: fixed !important;
-moz-border-radius-bottomright:12px !important;
-moz-border-radius-topleft:12px !important;
}
DIV[class="4chan_ext_thread"] > BLOCKQUOTE {
max-width:600px !important
}
DIV.postarea {
margin-left: -430px !important
}
}

So, what would I add to make the reply boxes a lighter color to better match with the background image?

[Anonymous No.]

... And it's done!

There are still some tweaks and bugs in it (like parts of the 4chan Firefox extension not completely changed,) those will be fixed sometime soon. It should automatically update the style.

http://userstyles.org/styles/10323

[Anonymous No.]

>>1255524

Halp please.

[Anonymous No.]

>>1255524
.reply{
background-color:#FFFFFF !important;
}
Replace white hex with your own color. I like to take the D6DAF0 and try to whiten it in PS, then check the resulting hex.
No need to set that background image in .reply.

[Anonymous No.]

>>1255665
>No need to set that background image in .reply.
But that's the best way we have to make the reply boxes transparent without making the thumbnails transparent.

[Anonymous No.]

>>1255684
genius!
So, is someone going to make another thread? It gets annoying, having to check for replies all the way in page 6

[Anon of Neo-Russia No.]

>>1255551

/r/ing this be made official.

[Anonymous No.]

>>1255778


New thread:
>>1255822