Is it possible?

Jan 07, 2010 22:59

I've been busy fixing my LJ and this comm has helped me out so much!!! Thanks a lot!!! But I have this question. Is it possible to make the background of the entries/sidebar to be a bit transparent so that my background could be seen and at the same time for my posts to be readable? It's my first time posting here and I totally have no clue about ( Read more... )

sidebar:backgrounds, entries:background

Leave a comment

av8rmike January 8 2010, 13:38:37 UTC
I worked out something similar for a different user here. According to this, there is a setting that works in IE as well. So, I think you want something like this:
#alpha-inner, #beta-inner { opacity: 0.7; filter:alpha(opacity=0.7); }
You can change the "0.7" to what you want.

Reply

endlessdream76 January 8 2010, 13:49:35 UTC
thanks ^^
i tried it but is it possible to be the background only? because my userpics and the things that are written are getting transparent too so it's a bit hard to read...

Reply

av8rmike January 8 2010, 14:21:40 UTC
OK, sorry, I guess I misunderstood. It sounds like what you want is to just make the entry background partially transparent. The background-color property supports a "transparent" setting, but not variable opacity. So if I'm correct, you (or corporatebeach) will have to edit the entry background image to add an alpha channel.

Reply

endlessdream76 February 3 2010, 16:49:29 UTC
So does that mean that I can make my entry background transparent? That would work for me too ^^

Reply

av8rmike February 8 2010, 14:38:13 UTC
If you're talking about the "notebook paper" part, i.e. the entry background image, there's no way to make that partially transparent through CSS, at least not without affecting the text as well. You'll have to take the background image itself and edit it in some kind of image editing software to make it partially transparent.

Reply

endlessdream76 February 8 2010, 14:42:40 UTC
Oh okay...
Is there a code in css where I can change the notebook paper image?

Reply

av8rmike February 8 2010, 14:56:50 UTC
You would change it with this:
.asset-header, #comments h2 { background-image: url(...); }
replacing the "..." with the URL to your image.

Reply

endlessdream76 February 8 2010, 15:09:22 UTC
okay thanks ^^ is there a particular size that I need to follow for the bg image?

Reply

av8rmike February 8 2010, 15:23:05 UTC
The entry header image is (W x H pixels) 48x19 and the entry background image is 4x16.

Reply

corporatebeach January 9 2010, 00:04:53 UTC
That's what happened to me too. I tried everything.

Reply


Leave a comment

Up