Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / How can i make?

Author
Message
UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 01:27 Edited at: 8th Aug 2005 01:45
How can i make a image transparent on a website so it can show the background or the part its covering up i should say. im having a problem with this.

im using GIMP 2.0

When i was in gimp i started a new image and when you start it lets you pick what colors to use as background well i clicked on transparent and when i put it on the site im making the background is white =\ so no transparency.

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Keaz
21
Years of Service
User Offline
Joined: 22nd Sep 2003
Location: Somewhere in south Texas
Posted: 8th Aug 2005 02:35 Edited at: 8th Aug 2005 02:36
You need to use a gif or png. BMP and Jpg don't support Transparency. So it might be your file type, but you'll need to post more info.

UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 03:59
oh okie so i guess i'll make it a BMP or gif i was using JPG

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Megaton Cat
21
Years of Service
User Offline
Joined: 24th Aug 2003
Location: Toronto, Canada
Posted: 8th Aug 2005 05:00
Make sure to save/export it as index transparancy.


Need a team? No noob bullshit, visit http://www.teamrequest.com
UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 05:23
when i export a bmp it dosnt let me do any thing except export it so no options on that one and doing it as a bmp didnt work eaither im still working on it but i'll try and see if i can do what you said megaton

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Ace Of Spades
19
Years of Service
User Offline
Joined: 6th Mar 2005
Location: Across the ocean
Posted: 8th Aug 2005 05:35
Quote: "when i export a bmp it dosnt let me do any thing except export it so no options on that one and doing it as a bmp didnt work eaither im still working on it but i'll try and see if i can do what you said megaton"


Quote: "BMP and Jpg don't support Transparency"


Grog Grueslayer
Valued Member
19
Years of Service
User Offline
Joined: 30th May 2005
Playing: Green Hell
Posted: 8th Aug 2005 06:42
If it's not a super detailed image you should use .gif. Gifs load a lot faster than anything else... especially at dialup speeds.
UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 07:34 Edited at: 9th Aug 2005 15:58
eh im on a cable modem =) but anyhow yeah i finally got it wit ha gif image hehehe take a look at the site so far...i ment to put in some more stuff but im going to bed now.

http://pk.darkuniverse.net/

im in the process of getting the DNS name for the sub domain up and running so i can uhh direct people there =) so for now this will work.

http://www.darkuniverse.net/pk/Test1.html

Tell me if you guys like this one more its just a test example of what i could do put things on the outside of the circle with the name of the site in the middle having liek a shoutbox or a poll on the right upper or lower side with links on the left side with news or whatever =)

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Ace Of Spades
19
Years of Service
User Offline
Joined: 6th Mar 2005
Location: Across the ocean
Posted: 8th Aug 2005 08:13
i love that green background thing

UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 08:27
Yeah it is neat isnt it? hehehehe

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Raven
19
Years of Service
User Offline
Joined: 23rd Mar 2005
Location: Hertfordshire, England
Posted: 8th Aug 2005 09:43
Quote: "BMP and Jpg don't support Transparency"


Bitmap does support Alpha Channels, just because no one uses it doesn't mean the support isn't there.

Phaelax
DBPro Master
21
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 8th Aug 2005 12:49 Edited at: 8th Aug 2005 13:01
I've used transparency on webpages with jpg. The image format technically doesn't matter. Lemme try to find the code bit.

Quote: "<img src="http://image.jpg" width="600" height="795"
style="filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=50, Style=0)">"


You can set style to 1 if you want a gradient transparency.
2, fades out from the center in a circular shape.
3, fades out from the center in a box shape.

I have a space between progid: and DX, there should be no space between them at all. (the forum was making a smiley)

PETA - People for the Eating of Tasty Animals
Neofish
20
Years of Service
User Offline
Joined: 7th Apr 2004
Location: A swimming pool of coke
Posted: 8th Aug 2005 13:45
I assume that's an IE only solution and put it in a code box to get rid of the smiley.

David R
21
Years of Service
User Offline
Joined: 9th Sep 2003
Location: 3.14
Posted: 8th Aug 2005 15:13
Quote: "Bitmap does support Alpha Channels, just because no one uses it doesn't mean the support isn't there."


The BitMaP format which supports Alpha Channels is a slightly different varient from normal BitMaPs.


################Dream::Catcher#################
ITS COMING. NOVEMBER 1ST
UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 8th Aug 2005 15:59
Hmmm welp eaither way i got it to work so it dosnt matter anymore and didnt sacrific quality too. i also finally got my sub domain to act like a totally independent domain no more jerry rigging it lol pk.darkuniverse.net/index.html all i had to do was add a DNS service for the sub domain and then run it as a fully hosted (as if i was its own www.yourstuff.com type) and then everything worked....wow im so new to this but now i know! hehehehe.

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Ace Of Spades
19
Years of Service
User Offline
Joined: 6th Mar 2005
Location: Across the ocean
Posted: 8th Aug 2005 17:43
Quote: " I assume that's an IE only solution and put it in a code box to get rid of the smiley."


Yea, IE thought those damn filters would make them cool again or something...they just can't stick to the basics.

Grog Grueslayer
Valued Member
19
Years of Service
User Offline
Joined: 30th May 2005
Playing: Green Hell
Posted: 8th Aug 2005 21:57
Quote: "eh im on a cable modem =) "


When you put a .GIF on your webpage it'll be fast for the people that have dialup modems that look at your webpage. You want a webpage that loads fast for everybody... not just for you.
Phaelax
DBPro Master
21
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 8th Aug 2005 23:01
There was an article recently on slashdot, about some guy saying we should all stop using IE. Because they don't stick with standards and it's hurting web development. He then said everyone should migrate to Firefox. Even Apple has said that they will probably switch from safari to firefox on the new x86 architecture. I'm made, i hate firefox, slow buggy piece of junk.

PETA - People for the Eating of Tasty Animals
Ace Of Spades
19
Years of Service
User Offline
Joined: 6th Mar 2005
Location: Across the ocean
Posted: 8th Aug 2005 23:04
Not to turn this into a firefox discussion, but I have to say that firefox seems to stick to web standards alot closer that IE. Also, what do you mean by slow? Pages load much faster in firefox than IE, or at least or me. What do you mean by piece of junk? sure firefox has its downfalls, but any other web browser has plenty of their own, even internet explorer. Firefox just seems to be the best widely recognized web browser out right now, I can understand perfectly why many others would want to switch to it.

Xolatron old
20
Years of Service
User Offline
Joined: 25th Jan 2004
Location: The Star Forge Language: DBpro
Posted: 9th Aug 2005 00:29
Use Netscape , I love it.

On the topic of transparent images. Yes, bitmaps have a transparency chanel, but bitmaps don't work on web pages. Use GIF. GIFs can have one transparent color, which can be set in MS Paint:
1. Save as .GIF
2. Use a color that you don't use to be the transparent color
3. Select 'IMAGE' menu
4. Select 'Attributes'
5. Check 'Use Transparent background color'
6. Click 'Select Color...' and choose the color that you want to be transparent (see step 2)

-Xol

JoelJ
21
Years of Service
User Offline
Joined: 8th Sep 2003
Location: UTAH
Posted: 9th Aug 2005 00:34
use freaking PNG, they're so much better

"people who wear clothing with tech themes for the purpose of gaining a social label are no different than teenagers who wear large sweatpants to look edgy"
-Wikipedia "Nerd"
Xolatron old
20
Years of Service
User Offline
Joined: 25th Jan 2004
Location: The Star Forge Language: DBpro
Posted: 9th Aug 2005 00:37
You can't save as PNG in Paint

-Xol

UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 9th Aug 2005 07:00
i used a gif in gimp to do transparency and it worked fine.

Quote: "When you put a .GIF on your webpage it'll be fast for the people that have dialup modems that look at your webpage. You want a webpage that loads fast for everybody... not just for you. "


I do have gif images on my site...i was just stating that i have a cable modem.

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Phaelax
DBPro Master
21
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 9th Aug 2005 09:30
Firefox is insanely slow compared to IE when loading. It response time is slow too, feels like a java gui. And its less secure than IE.

Either way, Safari rules them all!

PETA - People for the Eating of Tasty Animals
Ace Of Spades
19
Years of Service
User Offline
Joined: 6th Mar 2005
Location: Across the ocean
Posted: 9th Aug 2005 09:37
Quote: "Firefox is insanely slow compared to IE when loading."

Its much slower starting up, but i find it loads pages much faster on my computer.

Quote: "It response time is slow too, feels like a java gui."

I get 50% faster response from firefox than i do IE.

Quote: "And its less secure than IE."

Very arguable. Newer does not mean less secure. Firefox has its issues, but IE has plenty of issues as well. Only Microsoft takes forever to fix them.

Quote: "Either way, Safari rules them all!"

Only tried Safari a few times, but i really hated how it was all setup.

UnderLord
21
Years of Service
User Offline
Joined: 2nd Aug 2003
Location:
Posted: 9th Aug 2005 15:54
omg lock the thread admin PLEASE lol....

When we talk to god, we're praying. When god talks to us, we're schizophrenic.
Grog Grueslayer
Valued Member
19
Years of Service
User Offline
Joined: 30th May 2005
Playing: Green Hell
Posted: 10th Aug 2005 01:40
Quote: "i used a gif in gimp to do transparency and it worked fine.
"


Cool... glad you got it.

Quote: "I do have gif images on my site...i was just stating that i have a cable modem."


Ah.
indi
22
Years of Service
User Offline
Joined: 26th Aug 2002
Location: Earth, Brisbane, Australia
Posted: 10th Aug 2005 04:17
gif have a lower overhead and therfore will load quite quickly as compared to jpg or png.

one of my llama gif icons is only 666 bytes yet the header information for a png is higher. If your anal about file sizes...

the transparency or alpha channel feature in the gif format is probably the safest method to work on all browsers.

if you wanted to spend the time you could create a series of tables with pre rendered images giving the illusion that there is transparency between objects.
the method mentioned above is very good for static designs with dynamic button graphics or dynamic rollover parent child areas.

If no-one gives your an answer to a question you have asked, consider:- Is your question clear.- Did you ask nicely.- Are you showing any effort to solve the problem yourself &#63743;

Login to post a reply

Server time is: 2024-11-15 15:01:47
Your offset time is: 2024-11-15 15:01:47