57

Menus y cabeceras en flash a la carta

Mi amiga DyDy me envía una interesante propuesta para compartir con todos vosotros.

¿Quieres una cabecera o un menú hecho en flash para tu blog?
DyDy te lo hace "a la carta" con las medidas, estilos, los links ya incluidos...o sea, prácticamente te lo proporciona todo hecho.
Una vez terminado su trabajo, tan solo hay que utilizar un código para colocar el menú o el header en el blog:

<embed src=" URL DE TU FLASH " width=" ANCHO " height=" ALTO " type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed>

Lo he probado personalmente y funciona tanto en un elemento como añadiéndolo directamente en la plantilla, además funciona sin problemas en IExplorer y Firefox.
En el caso de los menús, bastaría con añadir el código en un elemento HtmlJavascript y arrastrarlo luego debajo de nuestro header, por ejemplo.
En el caso de la cabecera, tendríamos que incluir el código directamente en la plantilla y lo hariamos añadiendo el código para el flash, justo antes de <div id='header-wrapper'>, de esta manera:

<div id='header'>
<embed src=" URL DE TU FLASH " width=" ANCHO " height=" ALTO " type="application/x-shockwave-flash" play="true" loop="true" menu="true"></embed>
</div>

Si algún problema surgiera con el tema de la colocación en vuestro blog del código flash, estaré encantada de intentar ayudaros.
En cuanto a lo demás, tan solo tenéis que contactar con DyDy, ella tiene un foro en su web, donde podéis solicitar su ayuda o consultarle cualquier duda. Y lo mejor de todo esto, es que es gratis, DyDy lo hace porque le gusta y simplemente desea ayudar a los demás.

Para ampliar esta información, visita a DyDy en Flashmania

Entradas Relacionadas:

57 comentarios:


Estamos en Peligro!

Estimada Rosa,


Puesto que tu blog siempre ha sido de gran ayuda para nosotras, te quería pedir, puesto que gmail ha fallado aparentemente y necesitamos comunicar algo en nuestra pagina respecto de los mails mandados, que me digas lo mas pedagogicamente posible cómo colocaste ese texto en la olumna derecha en el principio donde dice comunicado y leer comunicado, pues necesito informar algo urgente respecto de un concurso para el cual se borro toda la información.

Agradecería mucho la ayuda

un abrazo cordial!!!


el mail es estamosenpeligro@gmail.com


gracias!!

Anónimo

Estamos en peligro, eso que pides está hecho según las explicaciones de esta entrada:

Mostrar/ocultar

Unknown

Que linda cabecera se vería así!!! si esta puesto en un post, supongo que servira para ponerlo también como un elemento hava ebn la plantilla no?. Un beso miau!

Anónimo

Rosa,


Me podrías explicar eso de la parte css, pues no entiendo cuál es.


Gracias

DyDy

Hola Rosa amiga, gracias por el post ,jejjeje flash a la carta que buen titulo jejeje.
A todos los que quieran con gusto les ayudare, sera un placer, y tu Rosa amiga, pide lo que quieras y cuando quieras,ya sabes donde encontrarme.
Saludos y mil gracias por mencionarme en tu blog.

Anónimo

Estamos en peligro, la parte del css es esa que está en tu plantilla donde ves muchas llaves como estas{ }, el css termina justo antes de ]]>/</b:skin>

Anónimo

DyDy, muchas gracias a ti por tu trabajo desinteresado y más aún por tu paciencia ;-)

Anónimo

perdona rosa, pero creo que no me entere bien... meto el codigo, pero no me sale nada. ¿tengo que meter algun codigo en el html para que se vean los formatos flash?

Anónimo

perdona soy rocio derramarociera@hotmail.es
www.gruporocieroladerrama.blogspot.com

Anónimo

Rocio, has de usar el código de arriba pero añadiendo la url del banner o lo que sea en formato flash.

Si no te sirve este código, tal vez te vaya bien este otro:

Banner flash

Sección Marchamalo

Buenas se que lo que te voy a pedir a continuacion no tiene nada que ver con esto, pero es que no encontraba lo que busco,lo que busco es una pestaña de mis entradas que vaya ha una galeria de fotos donde tenga mis album de fotos, un ejemplo es el de esta pagina WWW.SECCIONLASIABELA.COM ellos tienen una pestaña tipo lo que busco muchas gracias

Anónimo

Seccion, lo siento pero la url de esa página que has puesto no existe, al menos como la has escrito...

Anónimo

Hola Rosa, siempre es un gusto poder saludarte. Hoy te escribo para preguntar, por intermedio tuyo, algo a Dydy. Es simple, quisiera saber qué programa está usando para crear las animaciones. Eso es todo. Mil gracias y un abrazo de quien sólo te conoce a través de tus posts, pero que te aprecia y estima.

Anónimo

Carlos Javier, da gusto, en serio te lo digo, la forma tan educada y agradable que tienes de solicitar las cosas.
Acabo de intentar comunicar con DyDy por dos vías distintas, en cuanto tenga respuesta te aviso.

¡Un abrazo!

paqui
Este comentario ha sido eliminado por el autor.
paqui

Hola Rosa, como puedo poner la cabecera o banner de mi blog transparente, espera me explico, para que se vea el fondo del blog y no blanco.
Besicos

Anónimo

Paqui la única forma es hacer una imagen para la cabecera precisamente así, es decir cuyo fondo fuese transparente. Abría que hacerla con un programa de dibujo...siento no poder ayudarte en esto, no tengo ni idea de como hacerlo.

Se me ha ocurrido probar a darle "opacidad" que no es lo mismo que transparencia pero hace un efecto que a veces resulta muy lindo.
Ve a tu plantilla y localiza:
#header-wrapper {
Justo debajo pones esto:
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50;

No guardes nada sin usar Vista Previa, ya te digo que no se exactamente el efecto que se logrará en tu caso.
¡Abrazos!

paqui

Rosa, no encuentro la parte de la que me hablas en mi blog

Anónimo

Paqui, prueba a añadirlo directamente y, ya sabes, no guardes antes de hacer vista previa.
Añadelo así, por ejemplo, antes de header h1{

#header-wrapper {
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; }

Anónimo

Para Paqui:

Coincido con Rosa en que la aparente única manera, o por lo menos la más fácil, es que la imagen que cargues en el header justamente tenga el fondo transparente. Una forma de conseguir esto es trabajando en photoshop y guardando la imagen en formato .png. Ojo, sólo .png, pues si las guardas en otro formato como .gif o .jpg, el programa por defecto pone el fondo de la imagen de color blanco.

Lo mismo ocurre si trabajas en flash. Al menos hasta donde yo se, así lleves a flash una imagen con fondo transparente, el programa te genera un fondo por defecto.

Espero que esto te haya podido ayudarte en algo.

paqui

Gracias Carlos Javier, pero no entiendo mucho de photoshop, ya que este banner me lo hicieron

Anónimo

Ufff, que suerte saber eso del diseño con Photoshop o con cualquier otro...¿verdad Paqui? yo de eso, ni idea :-X

Anónimo

queria decir www.seccionlaisabela.com . perdon. 1 saludo

Anónimo

seccion marchamalo, lo que tienen en esa página sencillamente son dos blogs conectados, es decir, el blog principal y otro blog distinto para colgar solo fotos, al que se va mediante un enlace en el principal.

la verdad oculta del ser

hola rosa dydy me ha hecho este mensaje de bienvenida pero no me queda centrdo yo quiero que quede mas alto y mas estrecho como lo puedo hacer

http://lacasitadelasservilletas.blogspot.com/

Anónimo

ana, en el código donde dice width=" ANCHO " height=" ALTO " cambia ANCHO y ALTO por la media que quieres en pixeles, por ejemplo width="250px"

Anónimo

Yo amo a Dydy

Anónimo

antes que nada , felicidades un excelente blog ,y tengo una duda , yo inserto un archivo flash (swf)en la cabecera de mi blog y todo perfecto , solo que cuando lo guardo , me sale la cabecera todo en blanco , que podra ser ??? espero puedan ayudarme para poner en la cabecera de mi blog una animacion flash

Anónimo

Legolas007, lo único que se sobre este tipo de archivos para usar en Blogger es lo que explico en esta entrada, lo siento:-(
Por eso recomiendo visitar la web de DyDy, ella sabe todo sobre este tema...

Anónimo

oye, pues no entiendo la parte del Url de tu flash pues quiero saber como se crea

Anónimo

Martinvsr , pues eso es lo que yo digo...que de ese tipo de archivos no tengo ni idea...por eso recomiendo la página de DyDy

Eroz

Hola Rosa vengo todo desesperado jajajajaa mira comenzare con la historia:

Entre a Vagabundia en este post

http://vagabundia.blogspot.com/2008/04/galeras-de-imgenes-en-flash.html

Veeeeee las galerías son simplemente hermosas ¿que no?

Bueno ahora comencé a leer todos los comentarios y ve el 10 y 13 con una dirección de un blog ósea claro que es posible mira (en especial el primero)

http://didita2.blogspot.com/

Bueno corrí para acá jajaajaja ya que te menciona y la busque directamente ya que recordaba su nombre de DyDy en algún post y buala apareció voy a su pagina pero no encuentro como hacer el contacto ya que me encanta su galería =)
Espero me puedas ayudar.

buen día!!

Anónimo

Eroz, para contactar con DyDy lo único que puedes hacer es dejarle un mensaje en su foro, ella no tiene correo publico:

http://didita.iespana.es/foro.htm

Eroz

Ok Rosa mil gracias!!

Juanchoz94

pues yo encontre una solucion muy sencilla para colocar un flash en la cabecera, de tanto darle vueltas a la vaina y pues me parecio bien hecho mi trabajo. He aqui mi explicacion.1) Debemos hacer desaparecer la cabecera y como? pues facil, en la plantilla van a "Header" y todos los numeros que vean colocalos en ceros, ej: hay un numero q dice creo 660 px, pues lo dejan en 0 px, una vez hecho esto van a editar la cabecera subiendo una imagen que corresponda a un insignificante puntico, osea que la imagen sea lo mas pequeñisima posible para que no se note, el puntico,2) colocamos un html/java a todo lo ancho como si fuera nuestra nueva cabecera y hay podeis colocar tu flash a tu antojo, a mi me resulto y si quieren entre a este blog q estoy editando y veran el puntico rojo y el flash isçnstalado. http://fundaciongemarhome.blogspot.com/

Anónimo

Radiogol, es una solución, aunque no es correcto y tampoco sirve para todas las plantillas...pero si estás contento con el resultado, pues bien:D

CV

Hola Rosa siempre visito tu blog publicas cosas interesantes. pero esta vez tengo un problema cuando elijo la categoría en el menú flash no carga el link y te aseguro que esta bien los link aquí puedes ver el menú Flash:

http://www.indumatxo.org/plug/images/RTJ81523.swf

y cuando lo agrego como html/javascript con el código que colocas arriba no entra en los link este es mi blog:

http://cambios-visuales.blogspot.com/

Gracias de antemano si pudieras ayudarme!

Anónimo

Cambios visuales Como digo en la entrada, mi idea de trabajar con flash es ni más ni menos que el haber podido incluir el banner en el blog...

Por lo poco que se, creo que para usar flash en un menú, el link ha de ir incluido al hacer la imagen o banner...eso creo :S

CV

Hola Rosa claro los link están incluidos en el menu flash si quieres prueba con cualquier categoría aquí:

http://www.indumatxo.org/plug/images/RTJ81523.swf

Bueno concluyendo la realidad es que no encontré la solución para colocar el menú flash que creé yo mismo, lo que hice fue tomar uno ya creado y le soloque el titulo con sus respectivos link en esta pagina:

http://www.flashvortex.com/index.php?action=category&categoryId=2

Allí pude hacer lo anteriormente dicho y al final luego de configurar el menú flash me dio un código (diferente al que coloca Rosa)que coloqué directamente como elemento html/javascript en mi blog.

Igualmente Gracias

Rosa

Cambios visuales Pues bien por ti...;)
Seguro que le sirve el comentario a alguien que ande buscando lo mismo. Gracias!

CV

Una Pregunta si quiero agregar un link a la cabecera por ejemplo mi pagina de inicio! cual seria el código. claro que sea totalmente externo al flash... esto seria posible? que el flash tenga un enlace que no se haya agregado durante la creación del flash? quiero saber si existe ese código y donde agregar dicho código al que tu Rosa publicas en esta entrada!

Gracias de antemano...

Anónimo

CVPodrías probar metiendo todo el código de la cabecera entre <a expr:href='data:blog.homepageUrl'> y </a>
Pero ni idea de si va a funcionar si el flash ya tiene su propio enlace...

CV

Gracias Rosa pero no funcionó voy a dejarme de inventos! al flash se le debe agregar el link cuando se esta haciendo. Quería probar de otra forma porque en este bendito programa "SWiSHmax" no consigo donde colocarle el enlace.

Igualmente gracias por tu tiempo.

Anónimo

CV Ya me imaginaba yo que nada...¡que pena no poder ayudarte, pero es que no tengo ni idea! :(

Unknown

esa codificacion tiene un problema para firefox... hace años estoy dedicado a trabajar con flash y esta vez al poner un .swf en la cabecera y abrirlo en firefox no reconoce unas ordenes que le di al .swf atraves de action script... cosa que no sucede en ie... gracias

Anónimo

hola es la 1º comentario que posteo aqui, rosa queria si no es mucha molestia me dijeras como pongo este codigo en mi blog <marquee direction="up" scrollAmount="1" style="background-color:
#990000; text-align: center; width:100px;height:150px;border:2px solid
#cccccc;padding:3px" onMouseover="this.scrollAmount='0'"
onMouseout="this.scrollAmount='1'">
<a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a>
<br>
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
</marquee>
en el he puesto imajenes y queria ponerlo en la cabecera de la pagina justo despues de los menus, los tengo asi: inicio | comentarios | xxxx | aqui lo queria poner | tengo el buscador ya al final | pero al cargar la pagina me salen todas las imajenes en fila hacia abajo espero me puedas ayudar gracias desde ya.

Anónimo

pd.

lo pongo despues de los enlaces entre (li)-(/li) y me sale pero no me hace nada al pasar el puntero ni siquiera los del menu??

Anónimo

Logaed Como se te ocurre tratar de poner ese tipo de código en un menú normal...no se puede hacer eso.

Anónimo

gracias por contestar, que me recomiendas que haga entonces lo que quiero es poner eso en la cabecera la plantilla es de francisco de blog and web la Colourise si no se puede con eso que codigo uso?? la funcion en si es que a ese codigo le e puesto banderitas de todos los paises con su enlace de google traduciendo a todos los idiomas ose un super mega traductor y claro lo chachi es que este en la cabecera (asta puede que te inspire a hacer una entrada :P ) te dejo la url de mi blog logaed.blogspot.com sera esta el principio de una amistad!! ;)

Anónimo

Logaed En primer lugar en esta parte del código: marquee direction="up" lo que indica el "up" es que las banderas se desplacen en vertical... ahí tendría que ser "right" o "left" según fuesen a izda o derecha...

itext

Rosa, la ayuda q nos brindas es magnífica.

Sabes que no se de qué manera visualizar la url de un archivo flash?

Estaré agradecido si me explicas el modo.

Un abrazo desde Uruguay.

Anónimo

wtext No se mucho del tema... pero un flash subido a un alojamiento o a una web, tiene una url como cualquier otra imagen...esa es la que hemos de usar.

Diegose07

Hola Rosa
Tengo un header hecho en flash que puse en mi blog (http://ciclonazo.blogspot.com/) pero dicho header no me funciona.. El SWF lo levante en Sky driver pero no me funciono:O
Ojala puedas ayudarme y decirme como lo soluciono desde ya muchas gracias!!

Anónimo

Diegose07 Como digo no se mucho del tema flash... quizá si pruebas a usar otro alojamiento, no se...lo siento:(

Diegose07

Pues muchas gracias lo voy a intentar!!
:)

Tuchi R.

Hola chicas,

Bueno, yo estoy justamente organizando una plantilla con un menú en flash que quedó genial. Pero tengo un problema, el menú es realmente una película donde de manera animada ingresan los botones, tiene el logo y demás, pero cada vez que quiero ver un link ya sea de las páginas a las que lleva el menú o de las entradas, la película en flash vuelve a cargar y se hace fastidioso.

Cómo se puede resolver esto?
Si quieren pueden verlo en http://astroamandor.blogspot.com/ a ver qué sugerencias hay... de lo contrario o me acostumbro a lo fastidioso o me toca hacer otro menú diferente.

Gracias

Anónimo

Tuchi Yo ni idea, lo siento.:(

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S