?

Log in

livejournal S2 style system blue
LiveJournal's S2 Styles
Palimg textures 
May 23rd, 2004 - 10:31 pm
The following textures are available for all S2 programmers. We'll soon be using them in a lot of the system styles, and adding a new "Colorized texture widget" to the S2 /customize/ wizards.

The filenames (all under the "textures/" directory) are:

brushed_metal.png
burlap.png
camouflage.png
canvas.png
chalk.png
cork.png
fibers.png
floral.png
ice.png
manila.png
marble.png
paper.png
ridge.png
rough.png
stucco.png
terracotta.png
type.png
wavy.png

So for instance in S2 you'd do:

var my_background = palimg_tint("textures/wavy.png", $*bg_color);

and if your $*bg_color property was, say, green (00c000), it'd make the following URL:

http://www.livejournal.com/palimg/textures/wavy.png/pt00c000



So you essentially now have access to 16.7 million colors * 18 textures. That's a lot of combinations.

Here's fibers.png, w/ #c0f0c0


Orange marble:


Props to jproulx for all his work on getting this together.

Enjoy!
Comments 
May 23rd, 2004 - 11:02 pm (UTC)
AWESOME!
May 23rd, 2004 - 11:39 pm (UTC)
that's cool. I like the ones that look more like backgrounds than texture (type, floral, ridge, terracotta). some of them started looking alike too.
May 23rd, 2004 - 11:44 pm (UTC)
It'd be nice if the darker portions of those textures could be replaced by a second color though. For example, I could use a combination of blue and drastically lighter blue to create a rippling effect using the wave texture, which really isn't as dramatic as it could be.


But if this is even possibile with the technology, I don't know.
May 23rd, 2004 - 11:53 pm (UTC)
You can already do that. Read the API docs. It just generates URLs with two colors:

http://www.livejournal.com/palimg/textures/wavy.png/pt8080c0100040
May 23rd, 2004 - 11:58 pm (UTC)
shibby
May 25th, 2004 - 04:55 pm (UTC)
For people like me who don't know their way around the API docs: Some googling yielded this.
May 24th, 2004 - 11:39 am (UTC)
Is it likely that the list of textures is going to be made machine-discoverable at some point?
May 24th, 2004 - 12:49 pm (UTC)
First off let me say that this is amazing. Thanks and congrats to whoever worked on this.

Now, for a small problem I'm having: I'm trying to add the brushed_metal as my background by applying the following style in my CSS:
  body {
     background: url("http://www.livejournal.com/palimg/textures/brushed_metal.png/ptaabbdd314667");
  }
It looks perfect under IE, but when I use Mozilla-based browsers there are black horizontal bars seperating the images where they repeat.

Anyone have any ideas what's causing this and/or how I can fix it?

Mike.
May 24th, 2004 - 12:59 pm (UTC)
Weird, never seen that happen.

It doesn't happen in Mozilla Firefox on Linux, when I look at your journal.
May 27th, 2004 - 08:55 am (UTC)
Nor does it happen in Firefox 0.8 on this Win2k machine.
May 31st, 2004 - 05:21 pm (UTC)
I changed it to a different pair of colours which didn't have that effect :)
Jul 28th, 2004 - 09:28 pm (UTC)
Heh, I know this topic is old but I thought I might ask anyway.

I've been trying these palimg textures, and I have a doubt:

Are all hexadecimal codes supported? I've been trying a few and a lot of them don't seem to be working for me. Is there a specific palette for these?

Thanks in advance.
Feb 10th, 2005 - 02:37 pm (UTC)
Re: var my_background = palimg_tint("textures/wavy.png", $*bg_color);

where do i put this bit of code? using css to add the background didn't work for me.
Feb 14th, 2005 - 08:36 pm (UTC)
I've tried it on my lay-out on several places, but it didn't work for me :(
Apr 11th, 2005 - 08:41 pm (UTC)
You posted this months ago and I'm sure have forgotten all about it, but did you ever figure out where to put the code to add a texture? From looking at your LJ it appears that you did (it's very nice, btw), I'm trying to do something simular and I would really appreciate if you could point me in the right direction. Thanks!
Apr 12th, 2005 - 03:09 am (UTC)
I couldn't get the code to work, but I have the following in the stylesheet in my layers file.

body { background-image: url(THEIMAGEURL.GIF); }

Let me know if that helps or not.
This page was loaded Jun 23rd 2017, 7:34 am GMT.