Foros del Web » Creando para Internet » Flash y Actionscript »

rollover y links con css en flash

Estas en el tema de rollover y links con css en flash en el foro de Flash y Actionscript en Foros del Web. Hola a todos: Tengo hecha una web en flash y me han pedido que añada un apartado de enlaces. Me ha costado un rato hacer ...
  #1 (permalink)  
Antiguo 14/12/2006, 16:58
 
Fecha de Ingreso: diciembre-2003
Mensajes: 71
Antigüedad: 20 años, 11 meses
Puntos: 0
Pregunta rollover y links con css en flash

Hola a todos:

Tengo hecha una web en flash y me han pedido que añada un apartado de enlaces. Me ha costado un rato hacer un botón con cada enlace para que cambie su estado en el rollover y que cada botón vaya a su web. ¿No hay alguna manera más fácil de hacerlo, como si se hiciera en html con href y estilos a:hover?

Gracias a todos!
  #2 (permalink)  
Antiguo 15/12/2006, 09:52
Avatar de PabloSutra  
Fecha de Ingreso: octubre-2006
Ubicación: Guadalajara, México
Mensajes: 222
Antigüedad: 18 años, 1 mes
Puntos: 0
Re: rollover y links con css en flash

Hola Basterillo:
Claro que se puede hacer, y aqui te explico, espero poder ser claro y no te confunda, fijate en primer lugar haz tu hoja de estilo, aqui se va a cargar un archivo de texto (txt), para de ahi leer todos los links.
Ya que la tienes en flash primero pones este codigo, y claro haces un campo de texto dinamico que su nombre de instancia sea links:
ahora en el primer frame de tu pelicula pones este codigo:

Cita:
// Principio del codigo para cargar un archivo de texto externo
var miLV = new LoadVars();
miLV.onLoad = function (exito)//si carga correcto
{
if (exito)
{
links.htmlText = miLV.links;

}
else//si no carga el archivo de texto
{
links.text = "ERROR AL CARGAR!!!,";
}
};//FIN de carga de archivo de texto
despues vamos a cargar la hoja de estilo, igual en el mismo lugar donde cargas tu archivo de texto

Cita:
//Codigo para cargar hoja de estilo
var cssEstilo = new TextField.StyleSheet();
cssEstilo.load("css.css"); //ruta y nombre de tu hoja de estilo
cssEstilo.onLoad = function (exito)//si carga correctamente
{
if (exito)
{
links.styleSheet = cssEstilo; //aqui le asignas el estilo a tu campo de texto dinamico
miLV.load("links.txt");//ruta de tu archivo de texto en este caso links.txt
}
else //si no carga la hoja de estilo
{
links.text = "Error cargando la CSS";
}
};
Bien, ahora en tu archivo de texto pon algo asi:

Cita:
links= <a href="http://www.forosdelweb.com">Foros del Web</a>
<br> <a href="http://www.google.com">Google</a>
y asi sucesivamente, como ves, es como si hicieras un HTML, con sus saltos de linea <br>, y puedes poner cuantos quieras. Una cosa que se me olvido mencionarte es que en las propiedades del campo de texto dinamico, que le pusimos links donde pones la instancia hay un boton con el signo de <>, este es muy importante que este activado para que tu campo de texto pueda leer tags de HTML.
Y bueno, creo que seria todo, espero te sirva y no te confunda.
SALUD!!!
  #3 (permalink)  
Antiguo 15/12/2006, 13:40
 
Fecha de Ingreso: diciembre-2003
Mensajes: 71
Antigüedad: 20 años, 11 meses
Puntos: 0
Re: rollover y links con css en flash

Hola Pablosutra:

Gracias por la ayuda! Me salen los links pero si no hago la caja de texto más grande manualmente el resto de los links no aparecen, ¿no hay alguna forma de que automáticamente se alargue la caja? Ya le he puesto multilinea y autoajuste pero nada...Por otro lado, los links me salen muy separados verticalmente y sólo tienen la etiqueta <br>, ¿sabes cómo podría arreglarlo?
  #4 (permalink)  
Antiguo 15/12/2006, 14:08
Avatar de PabloSutra  
Fecha de Ingreso: octubre-2006
Ubicación: Guadalajara, México
Mensajes: 222
Antigüedad: 18 años, 1 mes
Puntos: 0
Re: rollover y links con css en flash

mmm, pues mira de que se alargue la caja de texto, no se, pero podrias ponerle un scroll, para que se vaya avanzando hacia arriba o hacia abajo, en cuanto a que te haga los saltos de linea muy separados, eso si nunca me ha salido, y la verdad no se que pueda ser, pero puedes intentar grabar tu txt como UTF-8, o probablemente algo con tu hoja de estilo, la verdad no se que pueda hacer, pero investigo y si encuentro solucion te la digo.
  #5 (permalink)  
Antiguo 15/12/2006, 14:34
 
Fecha de Ingreso: diciembre-2003
Mensajes: 71
Antigüedad: 20 años, 11 meses
Puntos: 0
Re: rollover y links con css en flash

Esto es lo que he puesto en los css, por si te sirve, lo demás todo como me has dicho, calcadito, je, je:

/* CSS Document */

a {
font-family: Arial, Helvetica, sans-serif;
color: #999900;
font-size: 11px;
font-style:italic;
text-decoration:underline;
margin: 0px;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
color: #999900;
font-size: 11px;
font-style:italic;
text-decoration:none;
}
  #6 (permalink)  
Antiguo 15/12/2006, 16:40
 
Fecha de Ingreso: enero-2005
Ubicación: culiacan, sinaloa, mexico
Mensajes: 97
Antigüedad: 19 años, 10 meses
Puntos: 0
Re: rollover y links con css en flash

para que tu caja de texto cresca dependiendo el texto que le introduzcas puedes poner

mytext.autoSize = "left"; >> y tu caja crece de izquierda a derecha
mytext.autoSize = "right"; >> tu caja crece de derecha a izquierda
mytext.autoSize = "center"; >> tu caja crece hacia ambos lados
  #7 (permalink)  
Antiguo 16/12/2006, 16:42
Avatar de PabloSutra  
Fecha de Ingreso: octubre-2006
Ubicación: Guadalajara, México
Mensajes: 222
Antigüedad: 18 años, 1 mes
Puntos: 0
Re: rollover y links con css en flash

MM se me hace raro, ya le cale y me sale bien, sin el salto de linea muy alto, ahora lo que podrias hacer es que en flash, tambien pongas el tipo o tamaño de letra en 11 como lo tienes aqui, mira en mi pagina lo tengo como te dije (www.pablosutra.com) en la parte de portafolio, mi hoja de estilo en la parte de los links es:
Cita:
a:link
{
color:#FF0000;
text-decoration:underline;
}
a:hover
{
color:#999999;
text-decoration:line-through;
}
y tambien uso puros sltos de linea (<br>), te digo a lo mejor es de acomodar en flash y no tanto en tu hoja de estilo.
Espero te sirva, demientras bsuco mas soluciones
  #8 (permalink)  
Antiguo 17/12/2006, 07:46
 
Fecha de Ingreso: diciembre-2003
Mensajes: 71
Antigüedad: 20 años, 11 meses
Puntos: 0
Re: rollover y links con css en flash

Hola PabloSutra!

Ya lo he arreglado, probando, probando...lo que he hecho es quitar de los estilos el tamaño de letra y la fuente quedando así:

a:link {
color: #999900;
text-decoration:underline;
}
a:hover {
color: #999900;
text-decoration:none;
}

Y en flash, seleccionando la caja de texto dinámico, le pongo el tamaño y el tipo de letra y le he cambiado la opción de multilínea que tenía puesta a línea única y después le he puesto en el interlineado -6pt y ya se juntan...Yo pensaba que había que poner multilínea, como cuando haces un escroll, pero se ve que no, je, je...

Bueno, muchísimas gracias por tu ayuda. Saludos!
  #9 (permalink)  
Antiguo 01/09/2008, 06:59
 
Fecha de Ingreso: enero-2008
Mensajes: 4
Antigüedad: 16 años, 10 meses
Puntos: 1
Respuesta: rollover y links con css en flash

Hola a todos,
antes comentabas que te hacia muy grande el salto de línea, y creo que el problema no es ese, sino uno al que estoy buscando solución, el caso es que al cerrar una etiqueta automaticamente mete un salto de línea, yo quiero evitar eso, si por ejemplo quieres poner en rojo una palabra en mitad de una frase, no se cómo hacerlo.

Querría hacer algo asi:

Esto es una frase y rojo es un color.


Pero flash me hace:

Esto es una frase y rojo
es un color.

el codigo del texto en el flash sería:
<estilo1>Esto es una frase y <rojo> rojo </rojo> es un color.</estilo1>

Aver si alguien supiera algo por que busco por todos lados y no encuentro solución, no quiero creer que flash no me permita encontrar una solución a este problema.

Gracias.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:03.