My plan was to make a small mod to the home page. Been thinking about it for several months and decided to take a stab. After studying existing code I usually try to make good use of copy/paste rather than reinvent the wheel.
Here's the
LINK BEFORE the change.The last two folder thumbs are links. My goal was to separate these from the previous thumbs, i.e. start a new line, reduce the size slightly, retain the link overlay, and add a title, allowing the current thumb links to be replaced with newer links.
Here's the
LINK to the new look I'm trying to achieve.
I copied the code for the two links from the original and pasted it into the Bottom Info section. I then copied the thumbnails generated in the original to the res folder. Fiddled with image sizes and a couple of other things. Everything looked OK except the "new" thumbnails would not display horizontally (both on same line) - only vertically. Started experimenting (always dangerous) and ended up adding a div -- ja-fthumbs, resulting in a close approximation of what I was attempting to achieve. The spacing gap between the main thumbs and the last two link thumbs should probably be less. Well .... everything seemed AOK until I ran a validation check and learned that duplicate IDs (ja-fthumbs) are not allowed. Looked it up, read a little bit, learned some more ... all good things. But moving forward for a proper solution has me a bit stumped.
The two link thumbs are essentially static - no content and a link that shouldn't change. I like the idea of visually separating the link thumbs from the other thumbs.
I suspect there's a better way to code this, perhaps even simpler, but I've run into a dead end trying to solve this one. The obvious solution is to leave well enough alone, but I'm hoping to make the change properly.
Side question -- when I'm looking at my sites on my iPhone and rotate the phone from portrait to landscape, some of the text enlarges. I can't see a particular pattern other than it's usually with text at the bottom of the page, i.e. copyright or similar. Thoughts - or is this another "hidden" iPhone feature? If not an iPhone thing, is there a way to prevent the font size from changing when rotating the phone?
Thanks,
GWJ