Hola
A menudo busco imágenes publicadas por personas en mi foro, especialmente en ciertos temas (de hecho, a veces intento hacer esto en cualquier motor de foro).
La consulta de búsqueda es así:
@Canapin con:imágenes tema:265354
En la vista del tema, los resultados se ven así:
En la página de búsqueda avanzada, se ve así:
Sería genial si tuviéramos miniaturas incluidas en los extractos para encontrar fácilmente lo que buscamos, o simplemente tener una buena visión general.
Además, actualmente, la única forma de comprobar todos los resultados es haciendo clic en un resultado para ver la publicación, luego haciendo clic de nuevo en el icono de búsqueda para ver de nuevo la lista de resultados, luego haciendo clic en el segundo resultado, etc. Rápidamente molesto. ![]()
Una maqueta:
Código de ejemplo de extracto:
<a class="widget-link search-link" href="/t/pictures-of-your-latest-ride-continued/265354/450" title="">
#450 by Canapin
<span class="blurb"><span title="Sep 24, 2016 4:52 pm" data-time="1474728722000" data-format="tiny" class="relative-date">Sep 2016</span><span> - </span>
<span>Poitiers, France http://tof.canardpc.com/view/6009f51c-c924-4d4b-b04f-b93fda475d3f.jpg</span></span>
<span class="thumbnails-container">
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/f/5/f5ec74ec6a23af79ccc2aa0fa175e2db15932aa2.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/6/d/6d47f72debc3920dabf483e940b8c0b66f0da772.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/a/3/a3ff77045a113377db71625dba7ac63487958608.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/0/1/018c76e5db311eddf6ee18740f139e0594773be0.jpeg');"></span>
<span class="result-thumbnail" style="background-image: url('https://f5i4i8k5.stackpathcdn.com/uploads/default/original/3X/d/e/dec5d4e4948c074614d41c56ae087d782361ec6f.jpeg');"></span>
</span>
</a>
.thumbnails-container {
display: flex;
}
.result-thumbnail {
width: 20%;
height: 80px;
margin-right: 10px;
background-size: cover;
}
Alternativamente, un enlace agregado podría mostrar una lista de publicaciones regular que contenga solo las publicaciones encontradas en la consulta de búsqueda, y podríamos desplazarnos por ellas como una lista de publicaciones regular (algo así como la función “resumir tema”).


