![]() ![]() The contact item contains an item form that has two further items form-left and form-right. They are very similar to the hero and hero-wrap items in construction The rest of the site is split into five items, artwork, photography, movies, projects, and contact that each present their content slightly differently. Hero-wrap, the parent of hero, stretches the full width of the browser window is just used to create the band of color behind the hero item The item is centered in the window with a maximum width of 940 pixels. As the window gets narrower the images change to two rows of two, and then four rows of one. The text can be changed to anything else or be replaced with a graphicĪ feature item hero that contains the site title and a row of four images. It contains:Ī navigation menu nav that has been set to get smaller at the Navigation: 865 breakpointĪ logo item title that contains the name of the template. It should always be the last item on the page (this can be done using Bring to Front from the Item menu) so that it appears on top of other items on the page when scrolling. It stretches the full width of the page and has a faint drop shadow on it. The master page in this template consist of:Ī fixed header item header that is set to always be positioned at the top of the page in a fixed/pinned position, regardless of page scrolling. Try typing the following into a markup item to see it working: Type in the words you want to display in the marquee To make the marquee text move backwards and forwards, use the attribute behavior=alternate (note that the direction it starts off is governed by the direction attribute).Retro’d Freeway Pro Template 17th of March, 2015 Template overview Master Page The default is 6, so any lower number will slow down the marquee and any higher number will speed it up. ![]() To control the speed of the marquee you need to use the attribute scrollamount=x (where x is the speed of the scrolling text). If you want to add multiple attributes to the marquee you need only type a space and then enter the new attribute (always leaving the end marquee tag the same). Other Attributes to use with a MarqueeThere are many different options for the behavior of marquees - one common option controls the speed of the marquee text as it scrolls and another determines whether it scrolls back and forth without disappearing off the ends. This means that when you type inside the markup item you need to enter Type in the words you want to display in the marquee Note that the end marquee tag remains the same as the original. To do this, you simply need to use (ie, instead of just ) in front of the text you want to appear when you type the code into the markup item. Making the Marquee text move left to rightYou can make the marquee text move from left to right. Freeway Pro users can either use the method above, or they can apply a pre-determined CSS text style to the item. If you want to edit the styling later, note that you need to click inside the HTML item and go to Select All to apply the new styling. Now preview in a browser to see the marquee working with the new text styling. Draw a new HTML item on your page, type a space, go to Edit>Paste, type another space, go to Edit>Select All then add whatever styling you want from the Inspector. When you've made the marquee item, select it and go to Edit>Cut. To do this, first you need to create the marquee item by following the method above. As with all other HTML markup items, Freeway Express users can add styling (font, color, size, etc.) by using the item "in-flow" within another HTML item. You can control the length of the marquee area which displays the text on your page by simply adjusting the width of the item in Freeway. Marquees will always repeat over and over. Note that marquee text will, by default, move horizontally from right to left and that it always waits for the last text to move out of the marquee area before it starts again. ![]() ![]() There is no "live preview" available in Freeway, but you can see it working when you preview the page in a browser. This will place an HTML item on your page with in the top left corner (which signifies that it is a markup item). ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |