tag:blogger.com,1999:blog-7470192961806963601.post6318081391663743991..comments2024-03-29T07:03:46.833+01:00Comments on Oloblogger: Mapeado de imágenesOlomanhttp://www.blogger.com/profile/11489455592466904176noreply@blogger.comBlogger56125tag:blogger.com,1999:blog-7470192961806963601.post-8727106180245444462014-10-22T12:02:16.540+02:002014-10-22T12:02:16.540+02:00Muchas gracias por pasarte, lo acabo de arreglar c...Muchas gracias por pasarte, lo acabo de arreglar con un generador de mapeado, está claro que es pronto para que escriba código por mi misma.<br /><br />¡Gracias otra vez y un saludo!<br />Maeve Madrigalhttps://www.blogger.com/profile/01876740937475340746noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-77353268316875811092014-10-19T20:44:20.966+02:002014-10-19T20:44:20.966+02:00No sé Maeve. No me concretaste mucho y yo sólo pue...No sé Maeve. No me concretaste mucho y yo sólo puedo comprobar que la cabecera va bien y que el gadget que lleva el título "New reader? Start here? va a un enlace distinto... pero como no sé lo que quieres hacer desconozco si eso está bien o no.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58660197196788351052014-10-16T02:58:09.458+02:002014-10-16T02:58:09.458+02:00Hola Olomar,
muchísimas gracias por tus tutoriale...Hola Olomar,<br /><br />muchísimas gracias por tus tutoriales, estoy aprendiendo a un ritmo increíble gracias a tu página. Gracias de verdad.<br /><br />He podido cambiar la cabecera de mi blog y poner una imagen mapeada a mi gusto siguiendo tus indicaciones, pero en los gadgets de la columna de la izquierda, el primero no funciona adecuadamente (coge los enlaces y título de la cabecera), y el segundo, sencillamente, no funciona.<br /><br />He repasado el código hasta aburrirme y cambiado la distancia entre la columna y la nueva cabecera, por si ese era el problema, pero nanai. Esto supera mis pocos conocimientos.<br /><br />¿Crees que podrías echar un vistazo y decirme lo que piensas?<br /><br />¡Un saludo!<br />www.fireflyinajarspell.comMaeve Madrigalhttps://www.blogger.com/profile/01876740937475340746noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-80190765568952693282014-05-17T19:26:58.030+02:002014-05-17T19:26:58.030+02:00Hola Maittemar. Eso no lo podrías hacer con mapas ...Hola Maittemar. Eso no lo podrías hacer con mapas CSS. Como opción más fácil habría que usar JavaScript y un poco más complicado de codificar, con CSS pero usando INPUTs y LABELs. Este sería <a href="http://codepen.io/Kseso/pen/CbglG" rel="nofollow">un ejemplo</a>.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-81617846381816127102014-05-15T00:51:47.598+02:002014-05-15T00:51:47.598+02:00Hola Buenas tardes. Muchas gracias por tu aporte.
...Hola Buenas tardes. Muchas gracias por tu aporte.<br />Quisiera saber como puedo hacer que al hacer clic sobre alguna zona del mapa cambie de color, NO cuando paso el mouse por encima quiero que responda al evento clic y cambie a otro color y cuando le vuelva a dar otro clic vuelva a su color original. De esta manera puede quedar la zona de la imagen marcada cuando le de el clic y puedo desmarcarla si deseo.<br />Muchas graciasmaittemarhttps://www.blogger.com/profile/04290983006009014231noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-42034777307527184122013-11-13T20:37:16.890+01:002013-11-13T20:37:16.890+01:00No puedo verlo porque no tienes la dirección de tu...No puedo verlo porque no tienes la dirección de tu blog incluido en tu perfil, pero tiene toda la pinta de que escribes mal la URL del enlace. Tienes que ponerla completa, tal cual aparecería en un navegador, ni más, ni menos. Repasa ese código y posiblemente descubrirás que no la tienes bien tecleada.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-53166107107099290722013-11-10T02:18:22.070+01:002013-11-10T02:18:22.070+01:00¡Hola! Tengo una duda, yo tengo un código html de ...¡Hola! Tengo una duda, yo tengo un código html de una imagen mapeada, pero al hacer click sobre la parte específica que te lleva a determinada página, te lleva a la página en la que nos encontramos más un "/" más la página a la que me quiero dirigir, es decir:<br /><br />Me encuentro en:<br />• BlogDeEjemplo.blogspot.com<br />el cual tiene una imagen mapeada, le hago click a un link y me aparece esto:<br />• BlogDeEjemplo.blogpost.com/www.PáginaDeEjemplo.com<br /><br />¿Hay alguna forma de que solo se abra "www.PaginaDeEjemplo.com" sin el "BlogDeEjemplo.blogspot.com/" antes?<br /><br />¡Muchas gracias!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-84951175314634617972012-12-17T05:14:02.746+01:002012-12-17T05:14:02.746+01:00Genial! Muchas graciasGenial! Muchas graciassimontoyahttps://www.blogger.com/profile/10503993549876489108noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-80552059343317091012012-10-26T00:27:50.415+02:002012-10-26T00:27:50.415+02:00Es un esquema cartesiano. En el segundo párrafo de...Es un esquema cartesiano. En el segundo párrafo del post está más explicado, pero si te refieres a cómo saber cual es un punto cualquiera del dibujo sin tener que ponerse a contar píxeles, eso es algo que te suelen facilitar la mayoría de programas de edición de imágenes.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-49963156659899088812012-10-24T15:30:28.692+02:002012-10-24T15:30:28.692+02:00Hace tanto tiempo tengo ganas de hacerlo en mis bl...Hace tanto tiempo tengo ganas de hacerlo en mis blogs, pero nunca logro encontrar un buen tutorial el cual entienda :/ En este, por ejemplo, no entiendo de donde sacar las cordenadas. Te agradeceria mucho si me podes responder!!Max Suenhttps://www.blogger.com/profile/01616403998369114432noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-58486763379928179242012-07-09T21:39:38.851+02:002012-07-09T21:39:38.851+02:00Muchísimas gracias! Lo probaremos!
No has podido v...Muchísimas gracias! Lo probaremos!<br />No has podido ver el segundo mapa porque lo eliminamos, ya que no funcionaba bien. <br /><br />Gracias de nuevo por la respuesta!Anonymoushttps://www.blogger.com/profile/08561517292464815483noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-6718740703812934602012-07-09T21:35:50.205+02:002012-07-09T21:35:50.205+02:00No encuentro el segundo mapa, pero supongo que pro...No encuentro el segundo mapa, pero supongo que probablemente el problema está en que habéis nombrado ambos con el mismo nombre. Vosotros habéis usado para el que vi #map. En mi ejemplo yo usé #mapa1. Podéis usar el nombre que gustéis, pero cada mapa debe tener su propio nombre.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-4956284425540858062012-07-05T18:40:21.952+02:002012-07-05T18:40:21.952+02:00Hola!
Escribimos un blog en blogger organizado con...Hola!<br />Escribimos un blog en blogger organizado con un cuerpo central y dos barras laterales. En la barra izquierda tenemos insertado el código de una image map ( lo hemos hecho usando dreamweaver ) y funciona perfectamente. El problema ha surgido cuando hemos intentado insertar otra image map en la barra derecha y claro, blogger lee todo el código como uno y me enlaza la nueva image map a los enlaces ya existentes en la parte derecha ( entiendo que para el las coordenadas son las mismas...)<br /><br />Nos da la sensación que se trata de un problema de planteamiento general y nos gustaría saber si existe alguna manera de evitarlo. ¿ Se te ocurre alguna solución ?<br /><br />Este es el blog : www.txikisdelbidasoa.com<br /><br />Gracias de antemano, ( esperando que hayas podido entender cual es nuestro problema ya que explicarlo por escrito es muy complicado)<br /><br />Un saludo,Anonymoushttps://www.blogger.com/profile/08561517292464815483noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-17476329435807079392012-07-01T18:09:29.283+02:002012-07-01T18:09:29.283+02:00Supongo que por mi demora en contestar ya encontra...Supongo que por mi demora en contestar ya encontraste la manera, pues ahora mismo tienes una cabecera personalizada. Si lo que quieres es usar este truco para que parte de ella sea "enlazable", entonces primero haz <a href="http://www.oloblogger.com/2009/08/blogger-como-eliminarsustituir-la.html" rel="nofollow">esto otro</a> y luego vuelve aquí.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-25042333104302348242012-06-26T20:46:55.770+02:002012-06-26T20:46:55.770+02:00Hola ,no soy capaz de poner una cabecera,y menos e...Hola ,no soy capaz de poner una cabecera,y menos entender los codigos ,he colocado una foto y queda pequeña ,¿ como lo hago ?Nuevo Mundohttps://www.blogger.com/profile/18415905970707967778noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-15097627189015316702012-02-15T21:23:37.781+01:002012-02-15T21:23:37.781+01:00Si funciona no hay más que hablar :D
Lo de mover ...Si funciona no hay más que hablar :D<br /><br />Lo de mover el bloque lo dije a ciegas, porque no sé si podrá ser. Me refería a los cambios que se pueden hacer moviendo gadgets desde la sección Diseño del Escritorio. <br /><br />Me alegro de que ya marche bien la cosa.Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-81832305475988503052012-02-15T16:15:58.841+01:002012-02-15T16:15:58.841+01:00Me imaginaba que tenía que ser alguna capa que int...Me imaginaba que tenía que ser alguna capa que interfería ya que el comportamiento variaba en función del ancho de la imagen de abajo. Muchísimas gracias por tus soluciones, no me queda muy claro como mover el gadget a otro bloque pero como ya estoy cansada de este tema he probado la otra solución y funciona!! No se si es correcto donde lo he colocado: después de "head" dentro de "style type='text/css'" ???<br /><br />No se cuanto de "chapucilla" es, ni si el otro cuadro es importante o no, pero probaré así un tiempo y empezaré a diseñar el nuevo menú (gracias a ti), pudiendo utilizar la imagen hasta el final!!!<br /><br />Mil gracias de todo corazón.Sania Cukhttps://www.blogger.com/profile/02737163812469633308noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-55410244520475007242012-02-13T22:53:14.038+01:002012-02-13T22:53:14.038+01:00Rectifico. No funciona bien. Aquí tienes una captu...Rectifico. No funciona bien. Aquí tienes <a href="http://dl.dropbox.com/u/57549161/Temporal/captura%20intoxicated.jpg" rel="nofollow">una captura</a> con el problema.<br />Hay una capa (sin contenido, no visible) que no flota adecuadamente y cuando haces la ventana más pequeña, se solapa por encima de la cabecera.<br /><br />Ese es el diagnóstico y lo malo es que no sé la cura. Eso es cosa de las nuevas plantillas y yo no las controlo (ni quiero). De todas formas creo que lo puedes arreglar con esta chapucilla:<br /><br />#HTML1 {z-index:1;}<br /><br />Eso hace que esa capa que es la que forma tu menú, quede por encima de la otra, pero no sé si la otra será importante o no.<br /><br />Otra opción que podría funcionar, sería mover ese gadget (menú) a otro bloque: header, crosscol...Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-41449028752550369312012-02-13T22:42:43.773+01:002012-02-13T22:42:43.773+01:00Gracias. ¿Y qué has tocado que hoy funciona bien e...Gracias. ¿Y qué has tocado que hoy funciona bien el menú?Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-76859170081517642872012-02-13T09:37:44.446+01:002012-02-13T09:37:44.446+01:00Solo darte la enhorabuena por la nueva imagen!! Me...Solo darte la enhorabuena por la nueva imagen!! Me encanta, es mucho más "estilosa" e intuitiva. Genial lo del menú fijo de la izquierda. Yo aquí sigo peleándome con el mapeado, jejeje, no he dado con ello aún...<br /><br />Besos.Sania Cukhttps://www.blogger.com/profile/02737163812469633308noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-33265139273190753522012-02-09T12:54:08.758+01:002012-02-09T12:54:08.758+01:00Sobre todo un millón de gracias por tu interés, gr...Sobre todo un millón de gracias por tu interés, gracias de corazón. <br />Contarte que he probado a quitar el espacio y nada de nada, me tiene loca este tema... Lo último es que quité todo el mapeado de la imagen de abajo y la de arriba seguía funcionando, puse una imagen más estrecha (200px.) y seguía funcionando, pero al poner una de 150 px. otra vez dejaba de funcionar... Y ahora lo más curioso si coloco una de 180 px. deja de funcionar solo la mitad inferior dcha. Auténtico expediente X!!!! Ya estoy desesperada así que mañana volveré a intentar descubrir el motivo. El blog de pruebas es http://interactive.styleintoxicated.com por si quieres echarle un ojo.<br /><br />Gracias y mil besos.Sania Cukhttps://www.blogger.com/profile/02737163812469633308noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-34317077738250821382012-02-08T20:26:17.141+01:002012-02-08T20:26:17.141+01:00Sí que es raro, sí. Pues el caso es que en el códi...Sí que es raro, sí. Pues el caso es que en el código fuente no se ve ese cierre. A ver si tienes algún script que esté alterando eso accidentalmente.<br /><br />Hay otra pequeña tontería que he visto ahora, pero por probar... La dirección de la imagen tiene un espacio en blanco delante de http que creo que no debería estar:<br /><br />src=" http://img23.imageshac...Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-65485374509655764452012-02-07T10:03:44.192+01:002012-02-07T10:03:44.192+01:00Gracias por tu respuesta pero he entrado a ver el ...Gracias por tu respuesta pero he entrado a ver el código y si que la tiene, pero no debes de ir mal encaminado porque curiosamente en una prueba que he hecho colocando otra imagen mapeada justo debajo algo provoca en la primera para que funcione correctamente, es curiosísimo. (Blog de pruebas: http://interactive.styleintoxicated.com/) seguiré investigando a ver si doy con ello... De todas formas muchísimas gracias por la respuesta.Sania Cukhttps://www.blogger.com/profile/02737163812469633308noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-15188630155905014502012-02-03T18:24:47.486+01:002012-02-03T18:24:47.486+01:00No sé si será esto, pero a esa imagen le falta la ...No sé si será esto, pero a esa imagen le falta la barra de cierre. Al final, justo antes del ><br /><img src="http://img23.imageshack.us/img23/4698/portada2g.jpg" usemap="#mapa1" border="0"<b>/</b>>Olomanhttps://www.blogger.com/profile/01957235221463243588noreply@blogger.comtag:blogger.com,1999:blog-7470192961806963601.post-20459002003237944902012-02-02T12:42:12.662+01:002012-02-02T12:42:12.662+01:00Buenas de nuevo!! Siento estar aquí de nuevo hacie...Buenas de nuevo!! Siento estar aquí de nuevo haciendo preguntillas, espero no ser pesada... Solo quería consultarte que mi imagen de portada esta mapeada para los diferentes botones, pero no se por qué en chrome solo funciona el mapeado hasta el pixel 907 cuando la imagen tiene 1150 pixeles, se ve claramente en el botón de Facebook que solo funciona hasta la mitad. Curiosamente esto no ocurre en Internet Explorer. Alguna idea de por qué puede ocurrir? <br />Y curiosamente lo que me ocurre con Internet Explorer es que no aparece el cuadro de Google Friends, eso es normal??<br /><br />www.styleintoxicated.comSania Cukhttps://www.blogger.com/profile/02737163812469633308noreply@blogger.com