Responsive Banner Slider is released under the GNU/GPLv2 or Later licensing model that also means you can install it on multiple websites without any restrictions. 4 Animation types to choose + 8 themes /slide effects to choose.Responsive design, it looks good an all monitor resolutions and mobile devices.Have a look at the demo pages to see how it works. There are currently 4 animation effects to choose that can be chosen from the backend parameteres. Responsive Banner Slider uses images from Joomla default component banner, so it doesn't need additional component to make it works. With its resposive design feature, your banner slides will looks good on any devices such as notebooks, tablets and mobile devices. Remember to add one space before name of Module Class Suffix.Responsive Banner Slider is a small but powerful responsive slider module for Joomla, that will display your Joomla Banner Images responsively with fancy jquery animation effects Now you can use your new, custom suffix in gavick templates. Then add above code to your override.css file and enable CSS override option in template configuration ( Advanced settings tab). No matter what tool you use you’ll likely end up with the same result, so just go with what makes you comfortable.Ĭheck my example CSS code that support CSS3 gradients in unprefixed form or with any of the following vendor prefixes: -ms-, -moz-, -o-, -webkit- :īackground-image: -ms-linear-gradient(top, #FFF824 0%, #4CEF11 100%) īackground-image: -moz-linear-gradient(top, #FFF824 0%, #4CEF11 100%) īackground-image: -o-linear-gradient(top, #FFF824 0%, #4CEF11 100%) īackground-image: -webkit-gradient(linear, left top, left bottom,Ĭolor-stop(0, #FFF824), color-stop(1, #4CEF11)) īackground-image: -webkit-linear-gradient(top, #FFF824 0%, #4CEF11 100%) īackground-image: linear-gradient(to bottom, #FFF824 0%, #4CEF11 100%) Interestingly, even Microsoft got in in the action and made one ( ie./TESTDRIVE ). There’s quite a few gradient generators to choose from online, so feel free to look around and find one that’s easy for you to use. At this point we could use our super expert web designer ninja skills to manually create the gradient, but we’re feeling a bit lazy today so instead we’re going to use a Gradient Generator, which will take care of all the really hard work so we can just concentrate adding the CSS to appropriate file. Although CSS gradients don’t use images, we’ll still apply them to an element using the background-image property. Now if we’re going to be creating a new CSS suffix to apply to our modules, then we’ll need to know how to safely add our own CSS code to the template if you’re not sure how to go about this then have an read of this Documentation Article it covers the various options available for adding custom CSS to our templates.Īs an example of how to add a custom style to a module, let’s create a gradient module background (gradient’s a fancy way to say a background that smoothly transitions between two or more colors). Thanks to the module suffix field this is a breeze, and all you’ll need is a little bit of CSS knowledge, or CSS3 if you fancy rolling out some of the fancier visual effects. however, if you’re the kind of person who likes to tinker and customize your site you’ll likely find the default suffixes far too limited, and you’ll want to add your own style to our template. The thing is, we’re not going to include a huge range of suffixes in our template packages since we want to keep them at a reasonable weight, so just some core ones are added. For those of you who don’t fancy poking around our demo, here’s a few examples: If you’ve had a look at a few of our templates you might have noticed that we include a few different module styles as part of the package you can check them out in our demo pages by looking in the menu for the Module Variations page ( Features –> Module Variations), where we’ll put a few examples of such pre-made suffixes. For the most part this feature is included in pretty much all modules in some form or another, though there’s likely to be a few exceptions. For example, with our News Show Pro GK5 module the feature is included in the Basic Settings tab. In most Joomla 3 modules this feature is included in the Advanced tab, where you can add your suffix into the Module Class Suffix field, though each module will have its own nuances. By adding a CSS suffix to a module, you can individually style each module separately from the others for an eclectic, vibrant website. If there’s one thing that Joomla excels at when compared to WordPress, it’s in how incredibly flexible it is, with multiple ways to apply your own customization to each element of a page. Homepage Customization Tips Diversify your CSS styles with module class suffixes Diversify your CSS styles with module class suffixes Last Updated: July 16th, 2015 Category: Customization Tips
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |