Sticky Post Background *HACK*

[danielefton]

I was just curious as to how, if it's even possible, to add a background image to the sticky post, and not to other entries.

You can see what I currently have at livebackward. Code is now live and more updated at my own journal.

On this specific page having the background in every entry isn't a problem because of the length and number of the posts. But my personal journal posts tend not to be that long and since I have so many viewable at a time I feel that it would be too much.

The only option that I have thought of and haven't tried is putting the image code into the sticky post input form itself. I haven't tried because I don't think it will work. If I am mistaken please let me know.

I appreciate any and all help.

EDIT:
I have found a workaround for those that are interested. The idea hit me this morning after reading av8rmike's comment to my conundrum.

If you use the following code to set the width of your alpha column
.layout-twt #alpha-inner {
width: 860px; }

You can use the following to place an image in the background of #alpha-inner
{background-image: url(http://pics.livejournal.com/danielefton/pic/000tft52);
background-position: 626px 184px;
background-repeat: no-repeat;
background-attachment: scroll; }

You can add this to any other css options you have set for #alpha-inner.

- The first number in the background-position property is the xposition. It places the left side of your image horizontally the number of pixels specified. Placing the image at the right side of your sticky post would require a px number of #alpha-inner width (minus) image width.
- The second number isn't as easy to find, and moves your image up and down in the #alpha column. I found my number by trial and error.