• Als Spam markieren
• Beitrag melden

• 
  Diese Gruppe Alles

• Archiv
• RSS-Feeds

• Kontakt
• Hilfe
• Impressum
• Datenschutz

Re: Trouble Creating Transparent GIF

On Jul 5, 3:01 am, SpaceGirl <nothespacegirls...@subhuman.net> wrote:
> On Jul 5, 2:38 am, inez <nezm...@or.fact> wrote:
>
>
>
> > woods wrote:
> > > In article <f6gv6i$p2...@aioe.org>, inez <nezm...@or.fact>
wrote:
>
> > >> pbd22 wrote:
> > >>> On Jul 4, 2:55 am, woods <nore...@none.com> wrote:
> > >>> OK, thanks. If the corners are transparent, then why do they turn
> > >>> black when I try to make the blue color transparent?
> > >> Because only 1 color can be referenced as the transparent color.
>
> > > for a gif yes, not for a png.
>
> > Well, he's asking about a GIF, right? Is PNG-24 now supported across all
> > browsers or does it still take scripting for some? (I haven't been
> > keeping up)
>
> > --
> > inez
>
> IE 7 and FireFox and Safari, which accounts for most people.
> Dynamically include a script just for IE6 and you've got pretty much
> everyone. I wouldn't worry about people who have JS turned off :)

Thanks all.

Inez, in response to your comments...

"Are you wanting everything transparent except the arrow then?"

yes, everything should be transparent except the arrow. Ideally, I
would also
like the arrow to be shaded a little - I am trying to create an
"inactive" button
for when the user scrolls to the end of a list.

"If the blue is transparent the round-corner rectangle will be
invisible. So, do
you want a stroke to show the outer edge of the button?"

Yes, I want to preserve the rounded corner effect of the original
button after
the inner-color transparency happens. I am just not sure how to do
that. What
is a stroke?

"What color do you want the arrow and stroke to be, white?"

The arrow's active color is white. So, as an inactive button, I am
guessing it
should be shaded a little, but not too much. I am guessing #F3F3F3,
#F5F5F5, #F7F7F7, or #F8F8F8 might to the trick. I am not sure what
the stroke is. Is that the border? I was hoping to add a border color
to the original arrows and preserve
that color in the transition from active to inactive buttons.

"May I also assume you want the blue area of the button transparent so
whatever background color it's place on will show through?"

Well, I really just wanted to replace the original color of the button
with a new, "inactive" color. That was the point of all this. The
background that the button rests on is this color: #E1E9F3. I thought
this might be the new blue inside the button to show it is now
inactive. If there is a border and the the white arrow, it
will still look like the button is there.  Other ideas are #F3FEFF or
AliceBlue but I think #E1E9F3 should do the trick.


So,

I am trying to create two "inactive" buttons:

1) I would like the original inner blue replaced
with a significantly lighter (blue/gray) color.
I am guessing if the button's background is
transparent, then the #E1E9F3 background
color of the web page will show through. The
border and arrow will preserve the feel of the
button.

2) I would like the white arrow to still be noticeable
but dulled slightly. Possibly one of these colors:
#F3F3F3, #F5F5F5, #F7F7F7, or #F8F8F8.

3) I would like the curved nature of the button preserved.

4) I would like to add a noticeable border color to the
original "active" button (in the provided links) and
then preserve that color in the transition from active
to inactive buttons.


Is this hard to do? I haven't been able to find online graphics tools
that allow
me to do this short of buying an expensive program like Photoshop. Is
there
a kind soul out there that could either A) show me how to go about
accomplishing this or B) spend a few minutes with their graphics
program doing this. In either case I would be seriously indebted.

Thanks!

Antworten