logo El diario de Pepe Molina (Caricatos)

yo

Hemos usado el formato svg para crear mapas interactivos muy sencillos; ahora iremos ampliando las posibilidades de este formato.


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

El mundo es la suma total de nuestras posibilidades vitales

José Ortega y Gasset, filósofo y ensayista español (1883-1955).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

SVG: más que mapas

emoticón de Caricatos Publicado el día 23 de enero de 2013
id=112; categorías: Vicisitudes de un Webmaster, Globalización, Programación

Hemos usado el formato svg para crear mapas interactivos muy sencillos; ahora iremos ampliando las posibilidades de este formato.

En el apunte "SVG: Mapa de España", mostramos un sencillo efecto rollover (imagen de sustitución), también utilizando el lenguaje XLink hemos creado enlaces y añadido títulos (igual que los mapas de imágenes); pero vamos a intentar añadir más vistosidad.

El efecto en la provincia de Málaga, no solo cambia el color de la provincia, también muestra un icono previamente ocultado con estilos. De la misma manera podríamos tener escondidos otros elementos salpicados por el resto del mapa.

Hemos reservado para la capital (con borde negro) una novedad en esta serie de apuntes, la inserción de elementos svg dentro de una imagen svg. Son cinco (5) estrellas que se ubicarán en la esquina superior derecha del dibujo.

Insertando estrellas

Nos ayudaremos del código que habíamos usado en el apunte Generando estrellas svg. El código de la estrella de cinco (5) puntas lo hemos copiado e insertado dentro de nuestro mapa con distintas coordenadas y otro tamaño. Para poder ubicar la misma estrella, con los mismos puntos y dimensiones, pero en distintos sitios y un tamaño menor, hemos usado otros tantos elementos svg, tan solo variando la coordenada x.

Por último, crearemos dinámicamente una provincia -Gerona-, y la enlazaremos al apunte sobre el Congreso que aconteció el año 2011. Detallaremos esta inserción dinámica en un futuro apunte.

Zona de comentarios

Hemos encontrado 1 comentarios.

#Mensaje enviado por Andrés Fernández
Comentario escrito el día 29 de enero de 2013, a la hora 20:01:07
url: http://www.disegnocentell.com.ar
email: mobius@disegnocentell.com.ar

Excelente!

Evaluación

Valoración de esta página: (apunte.112) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 2828 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

../diario.imagen.php?id=2&max=480
enlace a la postal
Copyright © 2002-2018 www.pepemolina.com
RSS rss | Ver Mapa del sitio