[pmwiki-users] layout

[Derek Lerner]

I have accomplished this using PageLists to print thumbnail images with titles and summaries.

Each page has a thumbnail image file uploaded. I upload a file named as "s_Your-Pages-Name.jpg"

Each page has...

(:title Your Title Here:)
(:image:s_{$Name}.jpg:)
(:Summary: Your Summery Here:)

The PageListTemplate I use looks like this...

I allow HTML so you would need to take that into account... The only issue I have with this is that I have not been able to not use the full URL in the template. I'm sure there is a more elegant way to do this.

----
!!!fmt=#thumblist

[@
[[#thumblist]]
(:if equal {<$Group}:)
<div id="ProjectsGrid">
(:if:)\
<a class="project" href="http://YourDomain.com/GroupName/{=$Name}"><img src="http://ghava.com/pub/img/grey.gif" data-original="YourDomain.com/uploads/{=$Group}/{=$Name}/{=$:image}" width="310px" height="233px"">\\
<span class="info">
<span class="words">
{=$Title}\\
{=$:Summary}
</span>
</span>
</a>
(:if equal {>$Group}:)
>><<
[[#thumblist]]
</div>
@]

Then on the page I want the PageList to appear I use...

(:pagelist list=normal group=YourGroupName fmt=#thumblist order=-ctime:)

The layout of all this is defined with CSS in my Skin.

Hope this is a little helpful.
Derek



On Apr 19, 2013, at 9:07 AM, Xueli Wang wrote:
Dear pmwiki users,

Who can tell me how to make a page in pmwiki with layout as the link shows? --------------http://ecearth.knmi.nl/Visualization/Future_weather.html

Each of the pictures is again a link to a webpage.
Perferbally the text written under the pictures.

Thanks a lot!

Xueli



_______________________________________________
pmwiki-users mailing list
pmwiki-users at pmichaud.com
http://www.pmichaud.com/mailman/listinfo/pmwiki-users