![]() ![]() If set to 'true', the layer will gradually emerge from the full transparency to full opacity, depending on the position of the scroll layer. 'data-fade' attribute can have 'true', 'false' values. To set up fade effect for the HTML layer, please use the 'data-fade' attribute. To set a background image inside the media-object, just specify the 'data-url' attribute. If set to 'inverse', it'll move in the opposite direction. If set to 'normal', parallax will move in the same direction as the scroll. 'data-direction' attribute can have the following values 'inverse', 'normal'. To set up layer direction, use the 'data-direction' attribute. If set to 'true', the image will be blurred,in case it's size is too small for good-quality display in parallax section. 'data-blur' can have values 'true', 'false'. To set up layer blur, please use 'data-blur' attribute. For instance, if the speed value equals 1, you'll get the css property 'background-attachment: fixed' emulated. ![]() It defines the parallax speed in relation to scrollbar movement. 'data-speed' attribute can have values from 0 to 2. To set up the layer speed, use the 'data-speed' attribute. If it's defined as 'html' the size will be defined by the content. If it's defined as 'media', layer size willīe defined in relation to the parallax section height. 'data-type' attribute can take 'media', 'html' values. To set up the layer type, use the 'data-type' attribute. RD Parallax HTML Website Template uses RD Parallax extension for implementing parallax effect on the page.īasic script marking looks the following way:Įach parallax element constitutes a separate layer. The event itself can contain any nested marking. Is required and should have the MM/DD/YYYY format, otherwise the script will not display the day with the described event and will not show it in the calendar. ![]() Please pay attention that data-date="" attribute of the. To match a certain event with a certain day in the calendar, set the corresponding event marking in the events list of the target calendar: You just need to specify the content you need: any text in any language in a format, shown in the example (text that is separated by commas). The value should be represented as a line of the months, separated by commas:Īttention: RD Calendar display format can take any form. To set up a custom months of the year format, use the 'data-months' attribute for the target calendar in the HTML marking. July, August, September, October, November, December January, February, March, April, May, June, Specify the content you need: any text in any language in a format, shown in the example (text that is separated by commas).īy default moths of the year in RD Calendar are displayed in the following format: To set Monday as the first day of the week, you need to add an attribute data-first-day-monday='true' and define the day values in a necessary order using 'data-days' attribute:Īttention: RD Calendar display format can take any form. The value should be represented as a line of the days, separated by commas: To setup a custom days of the week display format, please use theĭata attribute 'data-days' for the target calendar in the HTML marking. rdc-table_next displays the days of the next month of the calendar īy default, days of the week are displayed in the following way in RD Calendar: rdc-table_prev displays the days of the previous month of the calendar rdc-table_today displays the current day of a month in the calendar rdc-table_event displays an event in a day of a month in the calendar rdc-table_events-count displays the amount of events in a calendar day rdc-table_has-events displays a calendar day that contains events rdc-table_events displays events of the day of the month in the calendar rdc-table_date displays the day of the month in the calendar rdc-table_day displays the day of the week in the calendar rdc-table displays the days of the month table rdc-next displays the next month switcher rdc-prev displays the previous month switcher rdc-today_fullyear displays the current year rdc-today_month displays the current month rdc-today_date displays the current day of the month rdc-today_day displays the current day of the week RD Calendar supports the following structural elements for creating a calendar markup: Map of the classes for creating the HTML markup The basic HTML marking for a calendar looks the following way: A calendar with events support HTML Website Template use RD Calendar extension for implementing calendar functionality. ![]()
0 Comments
Leave a Reply. |