I have a few questions here about website stuff like graphics and codes. My first question is:
How do I make a graphic transparent on a webpage? I have most of the graphic white so how would I make it transparent according to white?
My next question is how would I make a background area for text. Like have and image behind the text so it would look descent.
My final question would be how would I make background music loop? If not possible how to make music loop then?
~Thx in reply
I think GIF is the only format that supports transparency. (not very sure, but for transparent/translucent images, I always save as GIF and it works perfectly fine).
For background music on a loop:
| Code: |
| <embed src="filename_here.wav" autostart="true" hidden="true" loop="true"> |
I know nothing about images, sorry. | Sparda wrote: |
I have a few questions here about website stuff like graphics and codes. My first question is:
How do I make a graphic transparent on a webpage? I have most of the graphic white so how would I make it transparent according to white?
My next question is how would I make a background area for text. Like have and image behind the text so it would look descent.
My final question would be how would I make background music loop? If not possible how to make music loop then?
~Thx in reply |
Question No. 1: You can either use gif or png24 format, depending on what graphics program you're using.
Question No. 2: If the text is located within a table (you should learn a bit of html if you don't know before attemptingn this), then you should use the background="myimage.png" tag or if you're using a div layer then use css code for it. CSS is a bit more advanced then html but there are alot of guides on the internet to help you, if you want to go with the css option just search "background-image" on google or whatever, you should be able to find an appropriate tutorial.
Question No. 3: As for the music loop, although i wouldn't recommend for you to do this since it will become really annoying who has a dial-up internet connection. One way i can think of would be using flash, i don't have too much knowledge about this but i know even Youtube converts its video files into a flash with an .flv extension.
I hope I was of use, good luck solving your problems.For the graphics transparency. I do have my graphics saved as GIF and another one as gif. They are not transparent. Here are some graphic editing programs I have: The GIMP 2, Game Maker Sprite Editor, and Microsoft Paint.
Is there anything special I should do to the graphic to make it transparent? Or can I just use some code to make Transparency="true"?
| Sparda wrote: |
For the graphics transparency. I do have my graphics saved as GIF and another one as gif. They are not transparent. Here are some graphic editing programs I have: The GIMP 2, Game Maker Sprite Editor, and Microsoft Paint.
Is there anything special I should do to the graphic to make it transparent? Or can I just use some code to make Transparency="true"? |
No, there is no code which you could add to make the image transparent. THe following site may help you, apparantly it has the ability to make an image transparent (I haven't tried the service, so tell us how it goes): http://stuff.mit.edu/tweb/map.htmlheres a good site for making images transparent,you can do lots of other stuff,like converting image format,adding text to images,even adding images to images,glitter effects and more.
http://www.online-image-editor.com/ | wumingsden wrote: |
| No, there is no code which you could add to make the image transparent. THe following site may help you, apparantly it has the ability to make an image transparent (I haven't tried the service, so tell us how it goes): http://stuff.mit.edu/tweb/map.html |
Well, I tried that site and it almost works out. There are still parts of the image that is white. http://www.spardaslayer.frih.net/ to check the image out. It is the image to the top left, you can't miss it.
| truespeed wrote: |
heres a good site for making images transparent,you can do lots of other stuff,like converting image format,adding text to images,even adding images to images,glitter effects and more.
http://www.online-image-editor.com/ |
I don't know about all this glitter and mage adding, but it sure doesn't make the image transparent.Change
| Code: |
| <img src="sllogo3.gif"> |
to
| Code: |
| <img src="sllogo3.gif" border="0"> |
This should remove the rest of the white bits.
| Sparda wrote: |
| truespeed wrote: | heres a good site for making images transparent,you can do lots of other stuff,like converting image format,adding text to images,even adding images to images,glitter effects and more.
http://www.online-image-editor.com/ |
I don't know about all this glitter and mage adding, but it sure doesn't make the image transparent. |
I've tried out the above service and here is the graphic that I created:
As you can see, the image is in fact transparent, (except for the border, which is the same as the other image transparency service). A good background music script is:
| Code: |
| <bgsound src="yourmusicfile.mid" loop="infinite"> |
you can use css to make the whole image tranparent:
| Code: |
img.transparent {
alpha: 50;
} |
| Quote: |
How do I make a graphic transparent on a webpage? I have most of the graphic white so how would I make it transparent according to white?
|
You have to do that while your creating your image on a transparent canvas.
| Quote: |
My next question is how would I make a background area for text. Like have and image behind the text so it would look descent.
|
Any background you create for your text, just make sure it's not too bold. Fade the image a bit or use light colors. You want your text to stand out so people can read it clearly.
| Quote: |
My final question would be how would I make background music loop? If not possible how to make music loop then?
|
<embed src="../../music/rags/bethena.mid" height="15" width="50" controls="smallconsole" autostart="false" nosave="true" loop="true">The easiest way to make transparent images is to use a photo editor that supports transparency to make your images. Try using Adobe Photoshop or Macromedia Fireworks, they offer free trials i think.
| dfunkt wrote: |
| Quote: |
My final question would be how would I make background music loop? If not possible how to make music loop then?
|
<embed src="../../music/rags/bethena.mid" height="15" width="50" controls="smallconsole" autostart="false" nosave="true" loop="true"> |
He wants background music, meaning that he doesn't want to see a console. If you cannot see it then the music has to be start automatically on page load, so ...
This
has to be changed to | Sparda wrote: |
How do I make a graphic transparent on a webpage?
|
Use a transparent background when you're making the images in Photoshop, and then save them as either GIF or PNG
| Sparda wrote: |
My next question is how would I make a background area for text.
|
I'm not exactly sure what you mean, but you would use a div or something, set the background to what you want, then type text between the div tags. | wumingsden wrote: |
For background music on a loop:
| Code: | | <embed src="filename_here.wav" autostart="true" hidden="true" loop="true"> |
I know nothing about images, sorry. |
Yeah background music is that code.
---
GIFs are mostly used for transparency, but only from Photoshop..
