![]() ![]() One of the things that makes RapidWeaver so powerful is the number of excellent themes available for the software, both those built-in and those by third-parties (some free, some commercial). ![]() Foton is a prime example of a responsive RapidWeaver theme.I've already revealed my fondness for the excellent and easy to use web development software RapidWeaver. So when you visit a modern webpage the content responds to the device on which it is being rendered. It’s also on your phone, tablet and laptop. ResponsiveThe internet isn’t just on your computer screen anymore. Font Awesome icons are vectors, which mean they're great on high-resolution displays. Font Awesome gives you access to over 500 quality icons at your disposal, in any colour and any size you like. Just make sure you have CSS consolidation turned on. You can put your logo into the sidebar too.įont Awesome IconsFont Awesome is integrated into this theme so there is nothing further that you need to download or add yourself. By default the logo is above the website title, when enabled in the Theme Styles > Miscellaneous > Show Logo. LogoThe logo and the website title have a link back to the homepage of your website. With a fixed position the menu is always visible when you scroll the page down. There are three different menu positions for the menu relative, absolute and fixed. The 'hamburger' icon is pretty-much universal across the internet now, so a large majority of your website users should face no difficulties in finding the navigation menu. ![]() A toggle menu brings the advantage of avoiding unnecessary 'visual clutter' on the page. NavigationBoth mobile and desktop users to your website see the same menu. However you can easily turn it on in the theme style settings. SidebarThe sidebar shows up above the content, with or without borders. This improves the clarity of written content against backgrounds. All with different semi-transparent backgrounds or transparency. Widths for your content container come in small, medium or wide sizing. This is good to use for page types like the RapidWeaver blog, styled text, Markdown, HTML code or contact form.ĬontentThe content container can be at the left side or centred. In here, you can access the code snippet (in the custom header box) needed to configure the background slider on a non-Stacks page. A solid colour fill will be used instead.Ī Slider With SnippetsThe demo download project for Fuld includes a page called Snippets. This option will disable any CSS background image applied to the page body. Tip: To prevent the default 'sunlight forest' background image showing before your slider starts, use the Hide RW Banner Background checkbox option in the theme Miscellaneous group of style options. Slideshow settings can be adjusted in the theme or the slideshow stack itself. Ideally images should be less-than 500KB each, to promote faster page loading and smoother playback. Simply provide the links to these images. These should be images you've added to your project as Resources or already uploaded to a directory on your web server. Click the blue '+' button to add images to your slider. Drag and drop a copy of the stack into your page. Open the Stacks library and search for Henk's Slider. Launch RapidWeaver and in your project file add a new Stacks page type (if you don't already have a Stacks page in your website). Install the stack into Stacks, by dragging and dropping the stack icon onto your RapidWeaver dock icon. This stack requires the Stacks plugin, version 3 or above. You simply need to download and install the free Henk's Slider stack using this link. Images are resized to fill browser, while maintaining image dimension ratio. An especially nice feature in this theme is the ability to toggle the entire theme content container on and off, so you can marvel at your background slider.īackground SliderThe background slider is very easy to configure with the Stacks plugin. If you want to make an impact, then this is surely one of the most suitable themes for doing so! Foton would certainly not look out of place being used for your showcase or portfolio. * Currently only supported in RapidWeaver 7 and above. You can either setup singular static background images (just drag a suitable image into the RapidWeaver Banner Image box in the page inspector*) or you can configure a feature-rich slider to effortlessly cycle through your images. IntroductionA gorgeous, minimalist theme with particular emphasis on full screen, background images. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |