Original table coding from Portes, but to be honest it's seen variations all over the rp world.
A few notes:
You can use any number of small images and at any width; my big image was about 320 pixels wide, so I chose to center three 100-pixel-wide images under it with a space break between them. I cropped pieces of my six chosen images to use as the 'previews' and applied a greyscale filter to them to reflect the greyscale of the larger picture above.
For the height of the small image, I just chose to make it 1.5 times that of the width because that proportion was pleasing to my eye. I adjusted my wording/wordcount to use up about the same amount of vertical space, and tweaked the rest of it by enlarging the font that Zack's name uses. I also applied the 'small caps' effect, because I like it.
The picture-as-link thing is pretty simple. You'd like it just like you were doing a regular hyperlink, but instead of text between the opening and closing 《a》 tags, you would use an image: 《a href="Big Picture's URL"》《img src="Small Picture's URL"》《/a》
I didn't round the corners of the smaller images. I'll probably go back and write that piece of the code in at some point. Edited the code for rounded corners.
Dat Code
A few notes:
I didn't round the corners of the smaller images. I'll probably go back and write that piece of the code in at some point.Edited the code for rounded corners.