acutbal Posted February 11, 2013 Share Posted February 11, 2013 (edited) Hola, Tengo un espacio libre en la home gracias al módulo "editorial" y me gustaría aprovecharlo. Había pensado poner fotos pequeñas que al clicar sobre ellas lleven a otras páginas de la tienda, como un blog, consejos de compra, testimonios, y cosas similares usando html: http://ubuntuone.com...040LxwKVK1hoz71 He visto este tutorial, pero no se si me servira: http://www.linuxhisp...con-html-y-css/ ¿Alguna otra sugerencia sobre como lo podría hacer? Saludos!! Edited February 12, 2013 by acutbal (see edit history) Link to comment Share on other sites More sharing options...
nadie Posted February 11, 2013 Share Posted February 11, 2013 Hola, Tengo un espacio libre en la home gracias al módulo "editorial" y me gustaría aprovecharlo. Había pensado poner fotos pequeñas que al clicar sobre ellas lleven a otras páginas de la tienda, como un blog, consejos de compra, testimonios, y cosas similares usando html: http://ubuntuone.com...040LxwKVK1hoz71 He visto este tutorial, pero no se si me servira: http://www.linuxhisp...con-html-y-css/ ¿Alguna otra sugerencia sobre como lo podría hacer? Saludos!! Bueno, en el modulo "Editorial" puedes insertar código html, por lo tanto puedes insertar tanto imagenes, texto, enlaces ect... Tambien puedes hacer lo mismo en este módulo: http://contentbox.org/ o este http://www.prestasho...ugar-que-desee/ (ambos gratuitos) Todo es cuestión como lo quieras dejar exactamente la estructura. Por lo que veo en la guía que pasa lo que hace es que floten las imagenes una al lado de otra y las encapzula en un div. (Podriamos decir que es una guía mas o menos correcta) 1 Link to comment Share on other sites More sharing options...
acutbal Posted February 11, 2013 Author Share Posted February 11, 2013 Hola Nadie!! Muchas gracias por tu respuesta, pero es que eso ya lo sé... , lo que yo necesito es saber el código html para conseguir tres o cuatro fotos de un tamaño aproximado de 150x150 alineadas de izquierda a derecha que cuando se haga click sobre ella lleven al visitante a otras páginas de la tienda. Igual ahora me explico mejor... S2!! Link to comment Share on other sites More sharing options...
nadie Posted February 11, 2013 Share Posted February 11, 2013 Hola Nadie!! Muchas gracias por tu respuesta, pero es que eso ya lo sé... , lo que yo necesito es saber el código html para conseguir tres o cuatro fotos de un tamaño aproximado de 150x150 alineadas de izquierda a derecha que cuando se haga click sobre ella lleven al visitante a otras páginas de la tienda. Igual ahora me explico mejor... S2!! La guía que has comentado es correcta mas o menos, revisala, aplicala y si se te ve mal comentalo por aquí. 1 Link to comment Share on other sites More sharing options...
acutbal Posted February 11, 2013 Author Share Posted February 11, 2013 Ok, muchas gracias!! Entonces, según esta guía, edito el código html para conseguir la grilla, pero.., ¿el css también he de pegarlo en el módulo junto con el código html? Y para que la foto lleve un enlace incorporado, ¿pongo el atributo href dentro de img? Saludos!! Link to comment Share on other sites More sharing options...
xabikip Posted February 11, 2013 Share Posted February 11, 2013 Ok, muchas gracias!! Entonces, según esta guía, edito el código html para conseguir la grilla, pero.., ¿el css también he de pegarlo en el módulo junto con el código html? Y para que la foto lleve un enlace incorporado, ¿pongo el atributo href dentro de img? Saludos!! El css los tendras que poner el el archivo css. Y efectivamente si quieres que la imagen sea un link tendras que poner <a href=""><img src=""/></a> 1 Link to comment Share on other sites More sharing options...
acutbal Posted February 11, 2013 Author Share Posted February 11, 2013 El css los tendras que poner el el archivo css. Y efectivamente si quieres que la imagen sea un link tendras que poner <a href=""><img src=""/></a> Hola, muchas gracias!! Entiendo que sería en el archivo global.css de mi tema, ¿no? Es que ando bastante pez en esto del código... S2 y muchas gracias!! Link to comment Share on other sites More sharing options...
acutbal Posted February 11, 2013 Author Share Posted February 11, 2013 El css los tendras que poner el el archivo css. Y efectivamente si quieres que la imagen sea un link tendras que poner <a href=""><img src=""/></a> Ea!! Funciona!! Simplemente he añadido el html tal como comentabas, nada de CSS y me funciona: http://ubuntuone.com/6LwVSBL60jsvM3I6pDpcc9 Y si ahora quisiera añadir texto para identificar la foto, por ejemplo, blog y la foto+enlace encima, ¿donde debería poner el <p>? Saludos y muchas gracias!! Link to comment Share on other sites More sharing options...
acutbal Posted February 12, 2013 Author Share Posted February 12, 2013 Buenas!! Tal como me quedo ayer la cuadrícula ya me esta bien, lo que me interesaba era el código a emplear. Además, como tampoco he notado nada raro al no modificar el archivo css correspondiente pues para mi el tema ya esta solucionado. El texto lo añadiré directamente a la foto con algún programa de retoque fotográfico. Ahora solo queda coger las buenas fotos y terminar de pulir. Muchas gracias y saludos!! Link to comment Share on other sites More sharing options...
Recommended Posts