Tabbed pages advanced - Sherlock Photography
This version of my original tabbed pages customisation adds the ability to link to specific tabs from other pages of your site. Check out the demo below:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eu diam vitae lorem blandit posuere vel a metus. Pellentesque porta elit faucibus sapien dapibus, vitae porttitor velit sollicitudin. Quisque consectetur elementum pharetra. Praesent sed odio quis magna fermentum tempor ut at nulla. Nam condimentum urna tincidunt tincidunt fringilla. Suspendisse euismod mi aliquam massa aliquam, id dignissim purus rutrum. Etiam imperdiet congue tortor, sed dapibus tellus congue aliquam. Aenean sit amet erat nec ipsum hendrerit interdum non quis justo. Nullam posuere ornare purus, nec laoreet augue porta et. Curabitur tincidunt non felis id volutpat.

Aenean laoreet bibendum leo non commodo. Nullam aliquet nisl vitae adipiscing consequat. Etiam consectetur augue eget diam pellentesque tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam sollicitudin risus ipsum, nec vulputate mauris tristique vitae. Nulla eu ante dignissim, eleifend orci rutrum, porttitor tellus. Morbi dolor est, scelerisque vel facilisis ut, tempor sit amet magna. Proin nec nisi sed eros suscipit accumsan sed ultrices ligula. Maecenas a risus eu neque commodo iaculis ac vel elit. Fusce blandit vestibulum tortor, vitae facilisis urna adipiscing eget. Ut ullamcorper facilisis tellus, sed convallis odio dictum sed. In vitae est et turpis hendrerit accumsan sed at orci. Nam feugiat vulputate augue non viverra. Etiam sem velit, consequat et est a, molestie convallis risus.

This is my pricelist in Latin

Praesent euismod fringilla odio. Nulla lorem elit, aliquet id diam at, pulvinar varius turpis. Vestibulum ut dignissim augue. Proin felis lacus, aliquam sed lacinia et, accumsan sed felis. Nullam non viverra mauris, ut vehicula arcu. Cras augue augue, consectetur et diam id, ornare hendrerit magna. Vivamus interdum interdum dolor a euismod. Duis id ultricies lectus.

Installation

Add an HTML content block to your page and paste this HTML code into it:
You can add or remove tabs by duplicating the correct parts of that HTML code (hopefully this should be straightforward to spot.)
Add this CSS code to the CSS tab of that HTML content block:

Linking to a specific tab

By default, the tabs are named in the HTML code like "ss-tab-radio-1", "ss-tab-radio-2" etc. You can rename those names in the HTML code (each name appears twice) to something prettier like "tab-pricelist" or "tab-photo-sizes". Then you can link people to a specific tab by adding a "#" followed by the tab name to the end of the link. For example:
Powered by SmugMug Log In