Cómo hacer un widget con diferentes enlaces

azecti a la(s) 23h59
13
Sep
2009
Hola, quisíera que me dierán el código de como hacer un box parecido a este;


Espero que me ayuden :D
Contestar
1 Kiara, el 14/09/2009 a la(s) 02h43
Por favor edita tu mensaje y coloca un título acorde a tu duda.
Ejemplo: "Cómo hacer un widget con diferentes enlaces".

Título actual: "Código de este box".
2 azecti, el 14/09/2009 a la(s) 02h55
Vale, listo ... Sorry, no sabía que titúlo ponerle :B
3 Kiara, el 14/09/2009 a la(s) 05h17
Debes crear un widget personalizado y colocar allí los enlaces que quieras:

PA Flecha MÓDULOS Flecha GESTIÓN DEL PORTAL Flecha ESTRUCTURA Flecha CREAR UN MÓDULO PERSONALIZADO

Usa este código para cada enlace:

Código:
<img src="AQUÍ LA URL DE LA IMAGEN"><A>&nbsp;</A><a href="AQUÍ LA URL DE REDIRECCIÓN">AQUÍ EL TEXTO</a><br>

Si se aclaró tu duda, edita tu mensaje y coloca el ícono de "Resuelto".

Saludos!
Kiara.
4 azecti, el 14/09/2009 a la(s) 14h52
Emmm, no erá lo que quería, lo que quiero es poner texto dentro de esté box:
5 Kiara, el 14/09/2009 a la(s) 17h06
Entra en el widget que creaste y elimina la opción de "Usar una tabla tipo".
Luego pega este código:

Código:
<center><div style="top: 350px; left: 100px; width: 350px; background-image: url(http://i32.tinypic.com/1z3m4x5.gif); background-repeat: no-repeat;"><br/><div style="text-align: center;">CONTENIDO DEL WIDGET</div></center>

Donde dice CONTENIDO DEL WIDGET inserta los enlaces usando el código que te pasé en el mensaje anterior.

Saludos!
Kiara.
6 azecti, el 14/09/2009 a la(s) 19h45
El código no queda :l
7 Kiara, el 15/09/2009 a la(s) 14h06
azecti escribió:El código no queda :l

Lógicamente no quedará hasta que hayas agregado todo el contenido. ojos cerrados
Recién ahí se verá la imagen completa.

Saludos!
Kiara.
8 azecti, el 15/09/2009 a la(s) 16h07
Me imagino que para hacer esto es un texto superpuesto cierto???...
9 Kiara, el 15/09/2009 a la(s) 23h00
azecti escribió:Me imagino que para hacer esto es un texto superpuesto cierto???...

Por lo visto no entendiste la explicación...

Mira bien este código:
Código:
<center><div style="top: 350px; left: 100px; width: 350px; background-image: url(http://i32.tinypic.com/1z3m4x5.gif); background-repeat: no-repeat;"><br/><div style="text-align: center;">CONTENIDO DEL WIDGET</div></center>

En donde dice CONTENIDO DEL WIDGET debes colocar los diferentes enlaces (con sus imágenes y sus textos) utilizando este código:

Código:
<img src="AQUÍ LA URL DE LA IMAGEN"><A>&nbsp;</A><a href="AQUÍ LA URL DE REDIRECCIÓN">AQUÍ EL TEXTO</a><br>

A medida que los vayas colocando se irá agrandando hacia abajo la imagen de fondo.

Aquí te pongo una muestra del código completo por separado:

Código:
<center><div style="top: 350px; left: 100px; width: 350px; background-image: url(http://i32.tinypic.com/1z3m4x5.gif); background-repeat: no-repeat;"><br/><div style="text-align: center;">

<img src="AQUÍ LA URL DE LA IMAGEN"><A>&nbsp;</A><a href="AQUÍ LA URL DE REDIRECCIÓN">AQUÍ EL TEXTO</a><br>

</div></center>


Saludos!
Kiara.
10 azecti, el 16/09/2009 a la(s) 02h48
Si, si entendí, ese no es el problema... El problemas es que quiero que la imagen se vea completa... Sabes cómo?...
11 Kiara, el 16/09/2009 a la(s) 02h53
azecti escribió:El problemas es que quiero que la imagen se vea completa... Sabes cómo?...

Pues ya te lo dije: DEBES AGREGAR EL CONTENDIDO DEL WIDGET, de lo contrario NO APARECERÁ LA IMAGEN COMPLETA.

¿Cuántos enlaces tienes para colocar?

Saludos!
Kiara.
12 azecti, el 16/09/2009 a la(s) 19h59
MMMM.... sólo 2 enlances :l
13 Kiara, el 17/09/2009 a la(s) 01h56
azecti escribió:MMMM.... sólo 2 enlances :l

Pues la imagen que tienes es demasiado grande para sólo 2 enlaces...

Coloca aquí esos dos enlaces bajo las etiquetas "hide" y veré qué podemos hacer.

Código:
[hide]AQUÍ LOS ENLACES[/hide]
14 azecti, el 17/09/2009 a la(s) 03h09
Ya no te preocupes, ya encontre como hacerlo... Gracias por tu paciencia Guiño

¡Resuelto!
Temas similares
¿Distintos colores en los enlaces de dos lugares diferentes?
Hola... (esta pregunta viene debido a que no supieron solucionar mi consulta anterior (aún no, al menos), espero que en este caso sea diferente... Bueno... me gustaría saber si se pueden poner y de qué forma los enlaces de distintos colores, porque si
Widget lateral de menú con enlaces y efectos
Eh notado y eh visto en un foro algo que sería un Widgets con Css y quisiera ponerlo en mi foro obviamente con mis cambios, aquí les dejo la imagen: Se los agradecería si me ayudarán ^^
Poner varios links en diferentes partes de la imagen.
A ver si me explico. Tengo esta imagen. Quisiera saber si hay forma de poner varios links que al cliquear cada parte de la imagen tenga diferentes links. Algo asi tipo facebook que pones un recuadro en la persona y cuando pasan el cursor
A ver también
more_less
Informaciones

14 Respuestas Para el tema :
"Cómo hacer un widget con diferentes enlaces"

Este tema a sido visto 1423 veces.

Último mensaje escrito :
13/09/2009 a la(s) 23h59 por "azecti"