![]() In other words, you give the main object a web address using the link option, and then select the MouseOver Layer in the Page & Layer Gallery, and place the required mouseover versions of your button on this layer so it overlaps the linked object. (The MouseOver layer must be on top of the MouseOff layer). As long as the MouseOff version has a web address link, then the MouseOver version will automatically be displayed as you move the mouse over it on the web page. Just draw the main parts of the button on the MouseOff layer (remember to group it) and place the corresponding 'highlight' version on the MouseOver layer. You can create your own mouseover buttons from scratch by drawing the necessary elements from rectangles, text, etc. If you move, drag or resize a button on the MouseOff layer, the other version on the MouseOver layer will change as well, even if you can't see it. This is done using Soft Groups. Normally you do not need to know or care about this because both buttons behave as one - the changes you make to one, such as editing the label text, are reflected on the other version. These are created by having two versions of each button, the main one on the MouseOff layer and a 'highlight' one on the MouseOver layer. To edit the objects on a layer both the 'eye' and 'lock' icons have to be open - this means you can see and edit the layer (as shown above in the MouseOff layer).Īlmost all the ready-made buttons from the Online Content Catalog have a mouseover effect. Note: The MouseOver layer must always be above, that is on top of, the MouseOff layer, as shown in the above example. To place objects on any other layers just click the required layer in the Page & Layer Gallery, ensure the eye and the lock icon are open for that layer. The current layer is always indicated with an arrow in the Page & Layer Gallery - the MouseOff layer in the above diagram - and this is the layer that all new objects are drawn on. This is a way of showing what your MouseOver elements will look like on your page. If you open the Page & Layer Gallery you can show or hide any layer by checking or un-checking the visibility icon (the eye symbol). Buttons that highlight when you move the mouse over them on the web page have an alternative graphic on the layer called MouseOver. You can also add a wide range of animations effects.Īll the main objects on your website are placed on the bottom layer, usually called MouseOff. This pop-up layer can contain text, graphics, photos or any combination of these things. There is also a more powerful mouseover feature, where you can make the contents of any layer appear as your mouseover, or click any object on your page. Firstly the one used by mouseover buttons, where any object with a web address can display an overlapping graphic object that appears on a layer called MouseOver. There are several types of mouseover effect you can control. You can also apply a transition to a layer, so that it appears on your web page in an animated way. These include highlighting buttons (they highlight when you move the mouse over them) and also other pop-up effects such as effects such as a text panel containing a detailed product description. ![]() ![]() In website documents layers are used to provide mouseover (sometimes called rollover) features on your website. See the Layers & Page & Layer Gallery chapter for full details. The layers are controlled from the Page & Layer Gallery in the Galleries bar. When the layer is turned off all objects on that layer become invisible. In addition, all items can be placed into named layers. Each layer can have any number of objects, and has the ability to be turned on or off. Should the need to restore a document occur, go to File > Open Recent > Backups. And locate the file you wish to restore.All objects have a stacking order on the page - from the backmost to the frontmost item. But why would you do this? You can also opt to make a backup file every time you save your site. You can change the time period for auto backup or live dangerously and turn it off altogether. Every ten minutes, your hard work is automatically saved. You can drag the S icon over any other layer (that has an S icon) to see what is on that layer while masking the other layers. Click any of these S icons to see and edit only that layer. Solo Mode And while we’re here, notice the new S icons. Unlock the Page Background layer and you can select the page which is now a rectangle, and apply Curved Corners and basically treat the page as you would any rectangle. Once you add a color or bitmap to the page, the Page Background layer becomes editable. And you can add rounded corners to the page. Page Background You can now add a bitmap background behind the page, just hold the Ctrl key and drag and drop a bitmap, or a color from the screen palette onto the pasteboard! Awesome! You can also hold down the Ctrl key and drag and drop a color or bitmap onto the page.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |