Avisos
Vaciar todo

insertar scrip masonry  

 
Miescalona
 Miescalona
Reputable Member

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

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 07/02/2014 4:21 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 07/02/2014 4:49 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Miescalona
 Miescalona
Reputable Member

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 ".

ResponderCitar
Respondido : 07/02/2014 5:52 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 07/02/2014 8:21 pm

Cursos Gratuitos WordPress