Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2009-06-09 18:24:51

ramiroweb
Member
Registered: 2008-05-06
Posts: 44

[es-es] articulos ordenados en grilla

Hola, alguien sabe cómo ordenar una lista de artículos (con imagen miniatura), pero no con un “li” en forma de listado, sino en forma de grilla?
es decir, por ejemplo, cuatro filas, una imagen pequeña con nombre de artículo debajo.
Es para la publicación de Fotos en una sección de artistas, o para publicación de pinturas para artistas.
Muchas gracias

Offline

#2 2009-06-09 18:26:07

ramiroweb
Member
Registered: 2008-05-06
Posts: 44

Re: [es-es] articulos ordenados en grilla

Quise decir, ordenados en varias columnas y varias filas.

Offline

#3 2009-06-09 20:24:25

juanjonavarro
Plugin Author
From: Valencia, Spain
Registered: 2005-05-16
Posts: 485
Website

Re: [es-es] articulos ordenados en grilla

Puedes utilizar cualquier tipo de elemento (sea un li, un div o el que necesites) flotándolos a la izquierda (float: left)

Offline

#4 2009-06-11 12:19:30

milosevic
Member
From: Madrid, Spain
Registered: 2005-09-19
Posts: 390

Re: [es-es] articulos ordenados en grilla

Coincido con Juanjo, aunque eso te dará un problema:

Si no fuerzas una altura fija, los elementos que den más altura frenarán a aquellos otros que vengan flotando desde la izquierda en la siguiente línea. La solución, si no quieres usar alturas fijas, es introducir un elemento con un estilo clear:both; que fuerze el comienzo de línea cada N elementos (para un diseño de N columnas), lo que te obligaría a tener un contador que detecte cuándo toca introducir dicho elemento.

Si quisieras usar las columnas en sentido vertical (como en un periódico), tendrías que hacer tantas listas como columnas, flotando las listas a la izquierda para que se apilen. De igual modo tendrías que controlar el númeo de articulos a listar para repartirlos entre las cuatro columnas.

Last edited by milosevic (2009-06-11 12:21:25)


<txp:rocks/>

Offline

#5 2009-06-11 13:47:54

ramiroweb
Member
Registered: 2008-05-06
Posts: 44

Re: [es-es] articulos ordenados en grilla

Muchas gracias, lo probaré y luego comento,
salú

Offline

#6 2009-06-11 15:07:44

ramiroweb
Member
Registered: 2008-05-06
Posts: 44

Re: [es-es] articulos ordenados en grilla

Bien, estuve probando, al principio con sacarle el <li> al bloque article_listing, bastó, pero al cargar más artículos se desordenan. Probé con esto:

en el css:

#list {
width: 120px;
margin: 5px;
float: left;

}

y en el bloque article_listing

<div id=“list”><txp:article_image /><br><txp:permlink><txp:title /></txp:permlink> &#183; <span class=“published”><txp:posted format=”%d-%m-%Y” />
</div>

ahí quedó la imagen y debajo el texto, se publican uno al lado del otro.. veremos cuando haya varios qué sucede.
Muchas gracias.

Offline

#7 2009-06-12 23:41:19

kuro
Member
From: Mexico City | Mérida, Yucatán
Registered: 2005-08-26
Posts: 73
Website

Re: [es-es] articulos ordenados en grilla

Ramiro:
Creo que podrías aplicar esto:

Primero crear un bloque llamado * fotos / miniatura / el nombre que gustes * con las siguientes características:

<a href=”<txp:permlink />” title=”<txp:title />”>
<img src=”<txp:site_url />
images/<txp:custom_field name=“Image-ID”/>t.jpg”
alt=“Miniatura de <txp:title />” /></a>

La primer parte mostrará en el web la miniatura con liga al artículo del artista. En caso de querer el nombre del artículo, podrás tomarlo del código y colocarlo abajo de la miniatura.

Para mostrar la cantidad que desees, creo que podrías usar este código:
<txp:article_custom section=“la-sección-de-los-artistas” form=“fotos / miniatura / el nombre que guste” limit=“9” sort=“Posted asc” />

Esto mostrará las miniaturas a desear (9) en un orden ascendente de la sección de artistas.

Espero sea algo de ayuda para tu site. :-)

Offline

Board footer

Powered by FluxBB