Grupos » Flash Maniacs » Temas » [T]Clear .gifs Over Your Flash

Listado 1-15 de 30    1   2   de  2 Siguiente >
Autor Mensaje
Flash Mod

M/22
,
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder a esta publicación Publicado:  mar 8, 2007 7:41 a.m.
This tutorial will explain how to place a clear .gif image over your flash file so that you can create click able links to other urls.
This is necessary because of myspace's automatic filter on flash allownetworking="internal" which makes the getURL command in
action script be completely useless.

1. In your embed code for your flash file, add the following code if it is not already present
wmode="transparent"

This will actually allow for the images to be seen when positioned over the flash file.

2. Create a new div in your style sheet. for this example, we will call it .message
You need to create a div style for each button you want.

Code:
div.message{
position:absolute;
background-color:none;
top:XXXpx;
left:50%;
margin-left:+-XXXpx;
width:XXXpx;
height:XXXpx;
z-index:2;
}

Change all the bold values to suit your specific profile. The width and height should be the size you want your "hit" area for the button to be.
The z-index must be atleast 1 number higher then the z-index for the flash file. Thus placing it above the flash file.

3. Now to place the actual div coding for the image.

Code:

<div class="message">
<img src="http://img89.imageshack.us/img89/2290/blankgif1cj1.gif" height="XXX" width="XXX" border="none"><a href="URL To Link"></a>
</div>

You can use this url for your blank gif, it is only 5px x 5px so you must include the height and width attribute to resize it. The height and width attribute
should be the same as the height and width that you set in your style sheet.

That is all there is to placing clear gif's over your flash file! Thank you for reading this tutorial. I hope you find it very helpful with your flash animations. For any help with this tutorial or questions, please post only in this forum thread.

**Note**
It is best, that if you want to place clear gif's over your flash file, that you do not give those buttons rollover states. If you are using firefox then
they will show up correctly and act as they are supposed to, but if you use IE then as soon as you hover over the clear gif, the flash file will
act as if you rolled off the flash file and no longer be in its rollOver state. Therefore making a really bad looking effect. Sorry, sucks huh?

~Flash Mods
AMG


M/28
the 408,
California
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 12:24 a.m.
im having issues with using this....the image is broken and when i enter the url link to the code myspace changes it to some other crap.....the page im working on is http://www.myspace.com/189191114 any help would be great
Ryan


M/22
Denver,
Colorado
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 12:39 a.m.
use this URL instead.

http://x.myspace.com/images/clear.gif

it looks like imageshack deleted that image or something
AMG


M/28
the 408,
California
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 12:53 a.m.
thanks....you have any idea about the link being changed?
Ryan


M/22
Denver,
Colorado
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 12:56 a.m.
AMG wrote:
thanks....you have any idea about the link being changed?


myspace does it...nothing you can do about it...it will get fixed eventually hopefully
AMG


M/28
the 408,
California
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 1:05 a.m.
so basically the page is non functionable until it gets changed...if it ever does. are there other ways to get links in flash to work or other ways.....i have tried to do other ways like using photoshop then loading it into dreamweaver and setting up hotspots for links but that doesnt work either...since i have flash cs3 and you can load psd files into it....my normal profile is just a psd file that i linked in dreamweaver....but im tryin to learn flash now. this is a great group and people here know there shit im sure i'll learn a lot from the profiles that you are doin.....many thanks man.
Ryan


M/22
Denver,
Colorado
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 13, 2007 1:10 a.m.
nope, you can't make links work at all in Flash on myspace.
Yunus


M/26
Los Angeles,
CALIFORNIA
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 30, 2007 6:45 a.m.
What if I have .. instead of .. how do I use wmode="transparent"? <msprm name="wmode"="transparent"> ?
Yunus


M/26
Los Angeles,
CALIFORNIA
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 30, 2007 6:46 a.m.
What if I have object instead of embed how do I use wmode="transparent"? param name="wmode"="transparent" ?
mike


M/23
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 30, 2007 8:00 a.m.
Yunus wrote:
What if I have object instead of embed how do I use wmode="transparent"? param name="wmode"="transparent" ?


param name="wmode" value="transparent"

I think.
Ryan


M/22
Denver,
Colorado
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: jul 30, 2007 2:21 p.m.
yea, that should be right
Ryan


M/22
Denver,
Colorado
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: ago 1, 2007 2:50 p.m.
really?

well it is not that difficult with AS 3.0 either. As you can see from the tutorial I wrote for it.
Yunus


M/26
Los Angeles,
CALIFORNIA
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: ago 1, 2007 8:02 p.m.
Is there a tutorial on how to perform these tasks in Dreamweaver? I got CS3 and 8. I just don't get it what you mean by creating a div in style sheet LoL, and then I gotta measure XXX's, which I don't yet kno how... xcuzme for the ignorance ^_^ I'm kinda ready to pay for an individual mentoring on this one... cuz this is what I'm stuck... and can't move on w/ the design =((
Yunus


M/26
Los Angeles,
CALIFORNIA
Mensaje instantáneo
Enviar mensaje
Responde con esta cita Responder Publicado: ago 6, 2007 7:15 a.m.
How to figure out the XXX? I mean the position of the button? Do I refer to the flash's ruler? Is there anyone who could help me out for $50? I need to place the comment editbox and the links over the flash... Thanx.
Listado 1-15 de 30    1   2   de  2 Siguiente >

dspPostReplies v29