Entrar

Meter el menú en una imagen gif

Iria_Cruz · · Solicitar retirada
Ahí va otro reto.
Creé un pergamino con photoshop para introducir los enlaces del menú lateral, pero... sin ni siquiera saber cómo narices hacer esto, me lo he puesto más difícil. (No sé de dónde me viene la puñetera inspiración).
He estado buscando por la red imágenes de pergaminos enrollados y la idea es (si encuentro uno que me guste) que una vez desenrollado se vea el menú, y los enlaces funcionen a la perfección, claro está.
Hasta que alguien tenga a bien aventurarse a darme un pista, seguiré con el que ya está desplegado y a ver cómo queda, pero me no olvidéis por fa!!
Saludos,
Cruz
linkgl · · Solicitar retirada
Pues divide el pergamino en 2, una parte pequeña que es lo de arriba y lo largo de abajo, y pon en tu hoja de stilos donde dice menu h1:

menu h1 {background-image: url(objetos/pergamino.gif);}

y en menu pon:

menu {background-image:url(objetos/pergamino2.gif);}

sustituye los nombres
Iria_Cruz · · Solicitar retirada
Supongo que estas secuencias son "iguales" que las que aparecen en la tercera lección del curso paso a paso. (Redondeo superior)
Y entiendo que hablamos del pergamino desenrollado, porque además, aún no sé como hacer el enrollado ni cómo darle movimiento :? Y supongo que a pesar de ser en formato jpeg, me aceptará la extensión gif, que me dices que ponga, sin problemas :)
Convertirlo en bordes me parece una idea genial, pero tengo una pequeña pega :!: El pergamino lleva la incial del nombre del menú "Programación 2008"
Cómo dividirlo entonces? :roll: Quedará bien? :?:
A ver si puedo subir la imagen y lo ves. Aún falta recortar el fondo y ponerlo transparente, ya que el menú debe ir sobre otra imagen insertada en el index y no quiero que se vea el borde blanco, pero ufff, el lazo poligonal del photoshop y yo... no nos llevamos muy bien y estoy atascadilla en eso :cry:
Iria_Cruz · · Solicitar retirada
:oops: No sé cómo subir la imagen...
No he subido aún la web, así que no tiene dirección :roll:
Iria_Cruz · · Solicitar retirada
Aibá pues sí! Sobraban [contenido no disponible] pero bueno, ya lo sé para la próxima.
Me estoy bajando el plugin del tutorial para recortar el fondo.
Gracias por todo Yaneth! :lol:
lInkgl, hoy mi cabecita no da para más. Toy agotá, pero lo próximo que hago es recortar el pergamino, partirlo al 50% y enseñarte el resultado :wink:
Por cierto, el que he colgado no es el que hice yo. El mío es más cutre. Éste era una postal o algo así que encontré en la red. Le he quitado la inscripción, un dibujo que había a modo de pie con su correspondiente sombra y le he cambiado la inicial del dibujo principal. En mi vida había clonado tanto!!! :o
Iria_Cruz · · Solicitar retirada
Para instalar el plugin necesitaba el serial, :( así que...
Abrí el photoshop, seleccioné imagen y fondo, invertí selección, corté y pequé en un nuevo documento, pero esta vez en el fondo puse transparente.
Quedaron pequeños recortes que pulí con el lazo poligonal, (ya somos amigos) y lo guardé como imagen gif. Y... se ve en mi web!!! :D
Bien, luego busque imágenes de pergaminos enrollados en la red, pero no encontré ninguno que se acoplara al que ya tenía (el "extendido" -le voy a llamar así al archivo, al que ya tenéis aquí colgado-), así que ví uno desplegado con un diseño que me servía para el enrollado (-le llamaré así al archivo-, aún no creado, "enrollado"), ya que con el mío no puedo hacer lo siguiente: recortar la parte de arriba y la de abajo de este pergamino para una vez haberle dado los mismos colores que el "extendido", pueda unir ambos recortes y de el pego de estar enrollado. Tras eso y con este link que he encontrado en un mensaje en el foro de photoshop de vuestra web http://www.desarrolloweb.com/articulos/1024.php
espero conseguir que el pergamino "enrollado" se desenrolle hasta la imagen del "extendido", pero con los enlaces del menú dentro. :roll:
Los problemas ahora son:
1.- el "enrollado" no es del mismo color y no puedo clonar los colores del pergamino "extendido". He buscado, pero no encuentro la configuración de colores para copiarla
2.- no sé cómo unir las dos imágenes "enrolladoa" y "enrolladob", (esas sí están ya creadas -son las partes de arriba y de abajo del segundo pergamino que encontré ya recortadas), porque no domino las capas de photoshop. (Os las subiría para que les echáseis un vistacito, pero no sé cómo añadir más imágenes al foro. :roll: Lo he intentado, pero parece que no se cargan en la web esa para imágenes).Tampoco sé si unir los archivos "enrolladoa" y "enrolladob" o meterlos en mi web por separado (lo digo por el consejo que me colgaste linkgl)
3.- estoy enganchada a mi web. Me encanta verla crecer y no puedo parar!! :oops:
linkgl · · Solicitar retirada
Hola genial, bueno ya cada vez te vaz hacercando, de echo un dos imagenes diferentes o mas bien de distintos colores son muy dificiles de unir yo te recomiendo que aunque no encuentres enrrollados pues uno que no le quede feo