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
[email protected]
http://www.pmichaud.com/mailman/listinfo/pmwiki-users
_______________________________________________
pmwiki-users mailing list
[email protected]
http://www.pmichaud.com/mailman/listinfo/pmwiki-users
![http://ghava.com/pub/img/grey.gif"](http://ghava.com/pub/img/grey.gif"){kind=link}