Avisos
Vaciar todo
Hola amigos:
Estoy arreglando la pestaña anuncios de Listbingo en el perfil de usuario Communyti Builder.
Con css he realizado bastantes cambios pero, para lo que yo quiero hacer, el css se queda corto. He buscado y la unica solución que encuentro para evitar "huecos" en divs flotantes de distinta altura pasa por usar el script masonry.
Podéis verlo aqui.
Bien, me pongo manos a la obra y sigo este tutorial:
Tutorial
Por lo que veo lo 1º es subir este archivo a la web:
masonry.pkgd.min.js for production
1-¿puedo subirlo a cualquier directorio?¿Me recomiendas alguna carpeta?
Siguiente: Include the Masonry script in your site.
2-¿Donde pego el script?
El último paso:
Initialize in HTML
You can initialize Masonry in HTML, without writing any JavaScript. Add js-masonry to the class of the container element. Options can be set with a data-masonry-options attribute.
Creo que debe ser añadir la clase y lo que sigue en el .php de lb para cb en el div contenedor.
(Aqui creo que no tengo problemas.
Por favor contestarme a las 2 preguntas formuladas.
Gracias por vuestra ayuda
(Aqui creo que no tengo problemas.
Por favor contestarme a las 2 preguntas formuladas.
Gracias por vuestra ayuda
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 07/02/2014 4:21 pm
Hola
El tema no es sólo el uso del script, por lo que veo es un script de grid
Supongo que quieres mostrar los módulos de tu sitio como grid.
Es decir es un tema de programación que implica también tocar el código php de tu plantilla.
Saludos.
Respondido : 07/02/2014 4:49 pm
HOLA:
Creo que lo estoy haciendo bien.
Pero me encuentro una nueva dificultad:
debo pegar esto en php:
data-masonry-options='{ "columnWidth": 200, "itemSelector": ".lb_adslist" }'>
pero el html devuelve las comillas simples como dobles y entonces no trabaja el script.
¿Cómo puedo solucionarlo?
Esto es lo que dice el tutorial al respecto, pero no entiendo nada:
Options set in HTML must be valid JSON. Keys need to be quoted, for example "itemSelector":. Note that the attribute value uses single quotes ', but the JSON entities use double-quotes ".
Respondido : 07/02/2014 5:52 pm
HOla
Eso es código json, no código php, claro puedes meter código json en php o javascript o un archivo de texto o html
Segun el tutorial esto es la referncia html, sin embargo en Joomla el html es dinámico y tendrás que buscar el PHP y editar el archivo correspondiente.
Como te comenté anteriormente es un tema de programación, no damos soporte de este tipo de consultas.
Saludos.
Respondido : 07/02/2014 8:21 pm
