Little coding is required to produce a Portfolio page. On a Styled Text plugin we have to make a container element named album-wrapper and place our image links inside it. Below is an example linking two images to the resources of RapidWeaver:
<div class="album-wrapper">
<div class="thumbnail-frame">
<img src="%resource(myimage-1.jpg)%">
<a href="#"></a>
<p class="thumbnail-caption"> CAPTION </p>
</div>
<div class="thumbnail-frame">
<img src="%resource(myimage-2.jpg)%">
<a href="#"></a>
<p class="thumbnail-caption"> CAPTION </p>
</div>
</div>
Just replace the # with a link to the project page and the CAPTION with the project caption or small description.
Important: after pasting the snippet in RapidWeaver select all and clear formatting: Menu > File > Clear Formatting (or Option + Cmd + .)
Note that an example of Portfolio is included in the tutorial project.
Comments
0 comments
Article is closed for comments.