Skip to content

Tag Archives: link

Link Big Image in MaxiGallery (ModX)

22-Nov-07

Use
<a href="[+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]">Download full res version</a>
to refer to the big version of the MaxiGallery image in any of MaxiGallery templates.
For instance, if you are using Lightbox (lightboxv2) the code in file assets/snippets/maxigallery/templates/gallerypicturetpl.html is originally
<a href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+] - [+maxigallery.picture.descr:htmlent+]">
In the lightbox window, show link to the big image by adding
<br /><a href="[+maxigallery.path_to_gal+]big_[+maxigallery.picture.filename+]">Download full res version</a>
at [...]

Filed in Web Development | Also tagged , , | Comments (0) »

Standards Compliant CSS Linkbox

11-Sep-07

I got really excited the first time I saw Ryan Trash's Simple Rounded Corner CSS Boxes. I decided to apply the technique to make a box that would be a link.

See the linkbox in action.
HTML for a box follows:

<div class="linkbox">
<a class="linkbox"
href="http://siteyouprobablyhaventvisited.com/">
<span class="linkbox_head">
<span class="linkbox_heading">
<span>CSS<br />Linkbox</span>
</span>
</span><span class="linkbox_body">
<span class="linkbox_body_content">
<img alt="" src="images/turtle.png" />
<p>
This box is linked to siteyouprobablyhaventvisited.com.
</p>
</span>
</span>
</a>
</div>

It was [...]

Filed in Web Development | Also tagged , , , | Comments (0) »