Barra de navegacion

Hola, estoy intentando hacer una barra de navegacion para mi web. El caso esque estoy mirando tutoriales, y cosas, y no veo la solucion, he creado con otro programa la barra, pero y como lo hago para que funcione el enlace en cada palabra?
Me explico, la barra tiene 4 palabras: fotos......
Como hago para poner el enlace en cada palabra.
Gracias.

Por lo que yo sé no existe, por el momento, ninguna manera de poner un enlace dentro de una imagen. Tienes que cortar cada parte y luego insertarlas todaspa que queden pegadas, luego enlazas cada imagen y ya.

Vale, gracias, yo habia pensado lo mismo, pero digo, igual existe de ponerlo o hacerlo de otra forma,
nuevamente gracias.

Hola a los dos,
que tal estamos.



uuummmm....!!!!! 0.o.0Alexito0.o.0,
creo que estas equivocado, se puede crear una zona interáctiva, con una dirección Web por ejemplo, seleccionando, por poner algooo...
aaahhh.....!!!! el fomoso gorrito que coloco Yeneth en el apuntador de Jorgens, ese que no deja de escribir, si,si,el de hay arriba.je,je,je,
Esto funciona mediante coordenadas.

Copiar éste código, en un bloc de notas, renombrarlo (ésto no es nuevo para vosotros) a HTML, y lo ejecutais.

[img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/logo_phpBB.gif[/img]
<map name="Map" id="Map"><area shape="rect" coords="3,4,39,20" href="http://www.comocreartuweb.com/" /></map> 

Luego me decís,si se puede o no.

Saludos manmanu

Hola querido amigo, nose, no lo entiendo, yo me refiero, a una barra de navegación, como en mi web:
FOTOS CURSOS Y TALLERES BIORRES.... TERAPIAS ALTERNATIVAS
Bien, yo digo hacer una barra entera con los nombres y que al pinchar sobre cada uno se vaya a esa pagina, o tengo que hacer botones separados y luego juntarlos.
A parte que el photoshp es complicado de hacer la barrita en cuestion.
Gracias por las respuestas.

Si utilizas el dreamweaver puedes hacer bastante facil el tema de coordenadas sobre imagenes.

Si lo tienes fijate cuando pones una imagen en parte baja del dream como te aparecen tre figuras en forma de circulo, rectangulo y poligono creo. Solo tienes que seleccionar una de estas figuras y dirigirte a la imagen para marcar el contorno de donde quieres hacer el link.

---.Saludos.---

Hola marcos, hola Kike,

para marcos,
yo te sugiero que los botones de enlaces.

Hay sitios en donde su barra a sido forjada mediente zonas, y coordenadas, pero no es muy común.
Si estas forzado por alguna razón a hacerlo de esa manera, pues se puede probar, y hacer.
El problema unos piensan suele ser las diferentes resoluciónes, de cada monitor;
me explico por la desconfianza de si en 800x600 tus enlaces interáctivos creados en tu barra,se encuentran en el mismo sitio, que si utilizas 1152x864, pero si se encuentran, siempre que las zonas que has creado esten dentro de la imágen.

Luego;
He aquí un buen consejo de kimapa.

kimapa escribió:Si utilizas el dreamweaver puedes hacer bastante facil el tema de coordenadas sobre imagenes.

Como dice kike, puedes elegir la forma, te ayudará.


Mira éste link, y crea una barra de navegación con un pequeño consejo;
He intentado hacer una en cinco minutos, y no creo que haya tardado 10mts.
[contenido no disponible]
[contenido no disponible]

Marcos sigue éste link si quieres crear unos botones con enlaces para tu web.
http://www.comocreartuweb.com/phpBB2/ftopic15407.html


Bueno ya me extendi demasiado.
Espero haya servido para orientar a marcos.

Bueno kike saludos para tí tambien.


Hasta ahora amigos.

manmanu

Hola amigos,

con tu permiso, Marcos. Manmanu, el gorrito de papa noel sobre jorgens es mucho más fácil ponerlo con el ps. simplemente arrastras el gorro con la herramienta mover de una capa a otra. Pero al margen de esto, vi tu tuto y, la verdad, no entendí ni michi o quizás no quize entender por estar cansada.

Por qué no te animas y nos haces un tutorial para los que no somos conocedores del tema como tú??? Pero, eso sí, tendría que ser un tuto PASO A PASO TE ALCANZO Y TE PASO. Anda, di que sí, tómate tu tiempo pero... ANÍMATE Medio foro espera respuesta. :D :D :D

Estoy con la compañera, hazte un tutorial, personal, yo te seguiria. Me consegui descargar el Photoshop, pero como no tengo ni idea de utilizarlo, pues utilizo otro programa mas sencillo, de todas formas gracias por el enlace, creo que intentare hacer una barra de navegación más original para mi web. Un saludo y nuevamente gracias.

Me sieto inutil, soy incapaz de crear la barra!!!, pero pienso yo, que una vez acabada, no podre utilizarla, porque yo lo que quiero es poner diferentes enlaces en cada palabra, se puede??????????

Hola,

Aqui quizas la solucion mas facil:

:arrow: Creas el fondo de la barra de navegacion y la guardas en formato JPG
:arrow: Creas el div o la tabla que uses para poner el menu (en el paso a paso de jorgens se llama div d enavvegacion)
:arrow: Creas imagenes transparentes con el titulo de forma que quede solo el texto y el fondo invisible ( te pondria ejemplos perono los tengo a mano) y las guardas en GIF
:arrow: Y ahora te falta solo poner en el menu de navegacion las imagenes con link si no te acuerdas aqui te lo pongo:

[img]objetos/boton1.gif[/img]

Asi de facil amigo

Adios

Hola a tod@s,

hola marcos, la idea de nosabernada, no la he estudiado, posiblemete sea una buena opcion.
Ya comente que éste tema de los enlaces en una barra de navegación estática funciona perfectamente, que no es el procedimiento más utilizado, creo que tambien.
Que hay algo que hace que no funcione bien??? no lo se , no creo, pero...!!!

Ejemplo, para los enlaces en la barra de navegación.
Mira un ejemplo, copia y pega éste code, en un bloc de notas, renombralo html, y lo miaras.Es una chorrada que he hecho en un ratito.
Es una mini-página web.
He utilizado la barra de navegación que te inclui en el post anterior, y las imagenes son todas web, del foro y CCTW.

Dime si contesta a tú pregunta, y si no vuelvela a plantear, que no lo entendi bien.

Ya me dirás.
Saludos manmanu

<body style="background-image:url([url]http://www.comocreartuweb.com/comun/objetos/fondo.jpg[/url]); background-repeat: repeat-x; background-color: #C6E2FF ">
<center>
<div id="ejemplo" style="width:780px; height:646px; margin-top:10px">
<div id="barra"><h1 align="center" style="color: #990000; font-size:18px; font-family: serif">HOLA, ESTO ESTA [img]http://www.comocreartuweb.com/phpBB2/templates/subSilver/images/logo_phpBB.gif[/img]CREADO PARA LOS AMIGOS DE CCTW</h1>
[img]http://img513.imageshack.us/img513/696/444hs2.jpg[/img]
<map name="Map" id="Map"><area shape="rect" coords="36,13,96,37" href="http://www.comocreartuweb.com/" title="Versi&oacute;n &aacute;ctual de CCTW" /><area shape="rect" coords="124,13,184,37" href="http://www.comocreartuweb.com/acerca-de-cctw/acerca-de-cctw-como-nace.html" title="Como nace la Web CCTW" /><area shape="rect" coords="218,14,277,37" href="http://perso.wanadoo.es/jorgegens/main.htm"title="WEBFACIL - antigua versi&oacute;n creada por Jorgens"  /><area shape="rect" coords="329,13,396,37" href="http://comocreartuweb.iespana.es/" title="Otra viejo proyecto creado por Jorgens" /><area shape="rect" coords="448,13,508,37" href="http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-introducion.html"  title="Curso paso a paso de la Web CCTW, by Jorgens"/><area shape="rect" coords="574,13,633,37" href="http://www.comocreartuweb.com/phpBB2/index.php?sid=44627baaefdb97aa8971105b35342605" title="Foro &aacute;ctual de la Web comocreartuWeb" /></map></div>
<div id="conten" style="background-color: #FFFFF4; width: auto; height:470px; border:#000099 solid 1px; margin-top:-5px;">[img]http://miaprendizaje.iespana.es/objetos/cara1.jpg[/img]
<p align="center" style="color:#0000CC; font-size:11px; font-family: Verdana;margin:0 20px 0 20px">Hola, &eacute;ste es un acrhivo html totalmente informal.Solo a sido creado, para hacer un ejemplo a marcosarvalo sobre los enlaces de la barra de navegaci&oacute;n est&aacute;tica, o sea fija.Ya de paso he tenido unos minutos para incluir unas tonter&iacute;as.Todas las im&aacute;genes que &eacute;ste archivo contiene, son solamente direcci&oacute;nes Web.Este archivo solo contiene html, y estilos asociados.</p><p align="center" style="color: #990000; font-size:11px; font-weight:bold; font-family: Verdana;margin:0 20px 0 20px">Saludos manmanu</p>
</div></div></center></body>

bueno, si que toma su tiempo, verdad? no importa, no quize importunar. :D

peugeot escribió: no quize importunar.

Hola amiga,
No importunas en absoluto, es más me alegre y todo, que hagas tú aparición en éste post.
!!...lo digo de verdad..!!!

Ya que éstas en el hilo, dime;
te funciona la barra de navegación, del ejemplo de marcos.
Yo lo utilizo en todos los navegadores, y si funciona, lo he probado en 800x600 y funciona perfectamente, osea lo veo una buena alternativa.


Bueno, a ver que comentais.


saludos manmanu

Ajá, no sé por qué siento que me pasaste el tuto de taquito!!! jajaja...
En primer lugar, yo no sé tanto como tú, aún estoy en aprendizaje. En segundo lugar, mi barra de navegación es con html y css.

Pero, aceptando, con gusto, tu invitación a participar del menudo rollo (y vaya rollo!!!), hice una barra de navegación con ps, nunca antes había hecho tal experimento. Lo hice lo más rápido que pude y casi me llevó 3 horas y pico! El experimento se puede ver aquí:

http://todojazz.mywebcommunity.org/practicas.html
(FAVOR, NO REIRSE)

La barra entrecortada de arriba es la de navegación con los enlaces y la de abajo está sin cortar y como supuestamente debe quedar. La hice cortando y pegando como dijo alexito (yo pensé igual). Pero, al momento de unir los recortes, craso error!!! quedan separados como podrán ver.

A alexito y nosabernada (y a todos), les pediría que nos dijeran cómo se resuelve este problema porque una cosa es decir: "haz así y asá" y otra, hacerlo verdaderamente. Yo he querido hacer el ejercicio (y sacarme el clavo) y he llegado hasta aquí después de casi 4 horas, que ya empieza a salirme humo de la cabeza, pero vale!!! Así, realmente aprendemos todos y salimos ganando.

Les dejo solo los códigos de navegación para no liarnos con tanto código. En html:

<div id="navegacion">

[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
[contenido no disponible]

</div>

En css:

#navegacion {width:800px; height:30px;}

A quién dé la solución, bien merecido tendría un hosting de por vida de esos que se ganó manmanu, jajaja

Estamos a la pronta espera, Saludos a todos!!!

Hola, por lo menos lo has intentado.
Yo no es que sepa, ni más ni menos que tú, te garantizo que las horas practicando hacen al maestro.

No entendi bien sobre la barra de navegación de tú sitio, veo dos, no se si las has colocado hay por alguna demostración, o es que quieres solucionar éste tema de las barras.

Te pego dos barras que he creado, visto que intentaste hacer en color gris la barra, te pego dos parecidas.
Luego si quieres hacer con barra fija, podemos probar a hacer zonas en la barra.
Debes practicar, no por conseguir una barra más elegante, solo pora demostrarte que lo puedes conseguir, utiliza la imáginación.
Te garantizo que el photoshop apenas lo utilizo, solo que el programa complicado, yo... más cabezón todavía, y me sale.je,je,je
Si tú idea es crear éste tipo de barra, se puede crear alguna com más calidad en el acabado, solo las pongo como ejemplo.

Lo del premio, fue puro churro, pura suerte.

Mirare el código que pegaste, é intentaré ver por que se clona, no se si es tú problema, pero lo mirare.
Dame tú opinión.

Saludos manmanu



[contenido no disponible]
[contenido no disponible]




[contenido no disponible]
[contenido no disponible]

Hola peugeot.


Los espacios que aparecen tu barra de navegación, son solo eso espacios.


Si no quieres que aparezcan espacios pues no dejes espacios en entre una imagen y otra. :wink:



Aunque esa no seria la manera correcta de crear una barra de navegación pero te sirve como practica.


Bye.

Hola y aló a todos,

pitufo: poner todos los códigos en una sola línea fue lo primero que hice y después los puse en varias líneas para que se vieran con un poquito de orden al subirlos al foro. Aún siguen sin unirse bien los pedazos.

Ya que estamos en la sec. Photoshop, puedes decirnos cuál sería la manera correcta de crear una barra de navegación con este programa??? Y no me refiero al diseño (lo lindo para uno puede no serlo para otro) sino a la técnica.

manmanu: en mi web de prácticas, hay 2 barras: la de arriba es la barra de navegación que no está quedando nada bien. La de abajo, es solo la muestra de cómo debería de quedar. La muestra de abajo no está cortada, es una sola imagen.

En cambio, la de arriba, hasta tiene 2 enlaces jajaja. PERO NO LOGRO UNIR LOS PEDACITOS!!! Tus barras te han quedado muy bonitas, pero primero me gustaría solucionar este impasse, para llegar hasta el finalk con este técnica.

alexito y nosabernada: sigo esperando sus alternativas de solución, digan algo xdddddd

marcos:en internet, existen muy buenos tutos. Yo empecé con los de aulaclic.com que tienen texto y video. Ya te bajaste el ps. aprovecha tus 30 días de demo!!!

Saludos para todos y cualquier aporte, se aceptará con gusto. CAMBIO

Hola.


Quita el atributo align a todas las imágenes, creo que ese es el problema.


P.D. Cuando tenga tiempo haré un vídeo tutorial de como hacer la barra de navegación. :wink:


Bye.

Hola a todos compañeros,

ME SALIOOOOO!!! y rápido a diferencia de ayer. Simplemente quité las imágenes del html y las volví a subir pacientemente. No fue necesario añadir "align" ni "border", como podrán ver en códigos porque esta vez, se colocaron muy bien solitas. Estoy muy satisfecha por el ejercicio. Si quieren ver:

http://todojazz.mywebcommunity.org/practicas.html

Muchíiiiisimas gracias a los que respondieron. :D

Enhorabuena.....!!!!!! amiga.
Me alegra que hayas hecho progresos, eso esta muy bien..!!


Saludos manmanu

peugeot escribió:A alexito y nosabernada (y a todos), les pediría que nos dijeran cómo se resuelve este problema porque una cosa es decir: "haz así y asá" y otra, hacerlo verdaderamente. Yo he querido hacer el ejercicio (y sacarme el clavo) y he llegado hasta aquí después de casi 4 horas, que ya empieza a salirme humo de la cabeza, pero vale!!! Así, realmente aprendemos todos y salimos ganando.

muy bonito jaja.

Hola,

primero decirte que todo lo que digo en este foro y en cualquier otro esta plenamente probado por mi y con resultados satisfactorios. Nunca pongo o resuelvo ni intento resover algo que esta fuera de mi alcanze. Yo hace tiempo que intento colgar mis web (que son bastante) para que me las critiquen pero tengo unos cuantos problemas. Ese menu es el que uso y si quereis un ejemplo haro lo imposible y os lo traere.

Adios, y si necesitais algo mas AQUI

A mi que me registren, je,je,je,
nosabernada


Yo confio en tí, y si te equivocas tú, ú otra persona, no pasa nada, posiblemente sea un lapsus, o las prisas.
Es que tienen ganas de meterse contigo, que eres muuu....salaooo.....hombre.

nosabernada escribió:Yo hace tiempo que intento colgar mis web (que son bastante) para que me las critiquen pero tengo unos cuantos problemas

je,je,je, si no es muy complique, yo me apunto.


saludos a todos.


manmanu

Hola compañeros,

nosabernada, recién he leído tu últimos mensaje y no tienes por qué haberte puesto saltón. No dije absolutamente nada de mala fe, al contrario, me encanta la buena onda de este foro y seré presisamente yo quien encienda alguna chispa. Estamos compañero? :wink:

Pero, sí estoy muy intrigada por lo que pusiste:

Aqui quizas la solucion mas facil:

Creas el fondo de la barra de navegacion y la guardas en formato JPG
Creas el div o la tabla que uses para poner el menu (en el paso a paso de jorgens se llama div d enavvegacion)
Creas imagenes transparentes con el titulo de forma que quede solo el texto y el fondo invisible ( te pondria ejemplos perono los tengo a mano) y las guardas en GIF
Y ahora te falta solo poner en el menu de navegacion las imagenes con link si no te acuerdas aqui te lo pongo:
Código:
[contenido no disponible]


Asi de facil amigo

Mi pregunta es:

¿Estás queriendo decir que se puede poner una imagen gif encima de una
imagen jpg??? Es decir, en el mismo ps, sí: en varias capas. Pero, ¿cómo se haría para ponerlas en el html-kit??? Esta es la parte que no se te entiende y requiere un esclarecimiento de tu parte. Al menos, MI NO COMPRENDER!!! :roll:

Nos leemos!!!

Hola

Creo que lo que nuestro compañero nos indica
es que la imagen la pondrás como FONDO en el css

background.... etc etc etc

y el gif, que es el que contiene el texto lo pones como imagen
y a esa imagen, la encierras en los <a> para que sea enlace

verdad???????

o ya me enrrede mas
jajajaj

saludos