Icono para enlazar varias webs

centauro122 · #1 (**permalink**) 22/10/2012, 06:06

Hola, buenos días/tardes/noches; escribo a este foro en busca de ayuda ya que estoy desesperado

. Mi propósito es hacer una página principal con un icono interactivo que dé opción a 4 páginas diferentes. He probado a unir varias imágenes y usar <a href="la pagina"> con cada imagen pero el resultado no queda agradable a la vista, ademas que las imágenes no coinciden en tamaño a pesar de haberlas redimensionado. Gracias de antemano.

kalvinman · #2 (**permalink**) 22/10/2012, 07:01

No se si entendí bien, pero si lo que quieres es tener una imagen con 4 zonas de link a diferentes paginas lo mejor que puedes hacer es rocortarlas y unirlas en tu editor web (como dices que lo hiciste) aunque también podrías mapear la imagen para crear zonas con diferentes links.

Si lo que quieres es que al dar click en una imagen se abran 4 paginas debes hacerlo por javascript ya que no puedes poner varios destinos a el mismo enlace. xD

diegobrice · #3 (**permalink**) 22/10/2012, 11:46

Quieres lograr algo asi?

Código HTML:

<html>
<head>
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body{
			background: darkgray;
		}
		nav{
			text-align: center;
			margin-top: 50px;
		}
		ul{
			list-style-type: none;
		}
		li{
			display: inline-block;
			margin: 10px;
			width: 150px;
			background: gray;
		}
		li img{
			height: 150px;
			opacity: 0.7;			
		}
		li img:hover{
			opacity: 1;
		}		
	</style>
</head>
<body>
	<nav>
		<ul>
			<li><a href="#"><img src="http://www.masquewordpress.com/wp-content/uploads/2011/10/jquery-logo.png"></a></li>
			<li><a href="#"><img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png"></a></li>
			<li><a href="#"><img src="http://www.blog.pc-serveis.es/wp-content/uploads/2012/08/css3.png"></a></li>
			<li><a href="#"><img src="http://2.bp.blogspot.com/_3SNLgcPiF9c/R-Fb024PZjI/AAAAAAAAAHk/lQ2SLmi49yo/s320/drupal.gif"></a></li>
		</ul>
	</nav>
</body>
</html>

furoya · #4 (**permalink**) 22/10/2012, 20:21

Hace falta bastante imaginación para interpretar eso, diegobrice

.
Yo me inclino más por la interpretación de kalvinman, pero centauro122 hasta podría estar hablando de un sprite, sin saber cómo se llama.

Mejor esperamos a que ponga un código, un ejemplo, un link, algo sobre lo que no tengamos que adivinar.

centauro122 · #5 (**permalink**) 23/10/2012, 01:53

bueno, antes de nada gracias a todos por responder y perdonad que me haya explicado mal xD.

Lo que quiero es una especie de Botón en 360º que al mantener el raton sobre el proyecte 4 imagenes, situadas una en cada esquina, y que dichas imagenes tengan enlaces a otras paginas. Espero haberme explicado mejor, esque no suelo preguntar por foros y me cuesta explicarme, pero agradezco mucho vuestras respuestas :). Oh y si ademas de html se necesita flash o javascript tambien hay nociones, el caso es que funcione :/, lo que no se es en que parte del foro ponerlo por eso mismo, porque puede que no solo use html ;__;.

furoya · #6 (**permalink**) 23/10/2012, 08:49

Si, explicando sos un desastre. No hay "360º" en los botones, solamente hay animaciones que pueden involucrar algo con rotaciones por grados, pero vas a tener que poner un ejemplo, o describirlas más exactamente.
Por lo de "proyecciones", no es ni un término de diseño, ni queda claro qué querés proyectar.

Poné un ejemplo de lo que ya hiciste. Porque si tenés una idea, la empezaste a desarrollar. No creo que estés esperando que hagamos el trabajo por vos.
O buscá algo que se parezca, y comenzá a adaptarlo.

Efecto explosion desde atras.

centauro122 · #7 (**permalink**) 25/10/2012, 12:06

A ver si asi me explico mejor; lo que quiero es algo como lo de esta pagina y necesito que me ayudeis porque no se como hacerlo ;____;

http://www.winwardium.byethost4.com/

furoya · #8 (**permalink**) 25/10/2012, 12:43

Esa página es flash. No la vi, porque tengo un bloqueador para no caer en ese tipo de sitios de factura lamentable (se justifica hacer la página con flash?)

El problema que noto ahora (y que sospeché desde un principio) es que no tenés ni idea, por eso metiste el post en CSS. Yo pediría que moviesen el el tema al foro que corresponde, pero como no debés entender de programación, no sé si te van a dar mucha bola. En una de esas tenés suerte y alguien lo hace por vos, o sabe de alguno pre-hecho, para copiar y pegar.

Si querés reportalo (con el botón de alerta que hay abajo de tu nick) y pedís que lo lleven a Flash.

(Espero que no sea una güevada que también se pueda hacer con CSS, pero las probabilidades son pocas...)