2018-02-22 at 9:14 AMNews slider for ucoz
Beautiful and simple horizontal slider news for ucoz.
Add this code in CP / Design / Management design (css), or in a separate css file.
Add this code to the end of the page before the tag
Set this code to the place where we want to display the carousel
All installation is ready, it remains to revive her, to force her to turn the news. To do this, go to CP / Tools / Informers and create a new informer uCoz. Let us consider the example of the creation of the informer module blog. Choosing roazdel - "Blog", data type - "Materials" to sort - choose the one that is needed, the amount of material that is put too much for you, the number of columns - 1. We click create.
Then go to our design control widget in the dialog box to replace this code:
Save, copy the code of the informer uCoz such $ MYINF_ # $ and go to the page where we set html carousel. Replace the old code to the new:
In which $ MYINF_ # $ is your calling code of the informer, and his figure instead of #. Now all news informer uCoz ready.
Image carousel substituted those dobavlyayutsyav special field with the addition of the news, "image".
Now some settings if you want to reduce the number of visible slides in the carousel, then you only need to change the width parameter in the css code to the classes. Carousel,. Carousel_mask
5 slides - width: 960px;
4 slides - width: 767px;
3 slides - width: 570px;
If you need to scroll arrows were always seen it in css add: