At some stage, you have probably visited a website that carries a little badge or ribbon that floats in a specific location and doesn't move from that point. It sits persistently on the page. This effect is created by pinning the image in place. The ability to pin is a great tool in the designer's arsenal. It allows us to break out of the grid and allow content to flow around the pinned image.
To pin an image to a specific location, you use the Pin tool as explained in the following steps:
1. In Design view, open the blue A-Master page.
2. Place the
PinningWindsurfer.pngimage on the page and keep the image selected.
3. On the Control Panel, click a position in the Pin tool to specify how you want to pin the image in relation to the browser. Selecting the top-center pin will pin the image in relation to the top-center of the browser. Selecting the bottom right-hand side pin will pin the image in relation to the bottom right-hand side of the browser. The best way to see how the...