Spider Flash Calendar

Step by step guide


Step 4: Creating Themes of a Joomla event calendar.

4.1 On the top menu select Components > Spider FC > Themes.

4.2 In the upper right corner click on the “New” button or choose a theme from the existing list. There are 10 default themes. You can use one of the default themes or create a new one. If you change the parameters of the default theme here is a big “Reset Theme” button for resetting default theme’s parameters to original.

General Parameters

4.3 Title. Choose a title for the theme.

4.4 Default themes. Choose the default theme, which parameters you want to inherit.

4.5 Start week with Monday. Choose whether the calendar starts from Monday or Sunday.
4.6 Width in the large mode. Define the width in the large mode.
4.7 Height in the large mode. Define the height in the large mode.
4.8 Width in the small mode. Define the width in the small mode.
4.9 Height in the small mode. Define the height in the small mode.
4.10 Size mode in start. Choose whether it automatically starts with the maximum size or minimum size.
4.11 View mode in start. Choose the view mode for starting the calendar: days, months, years.
4.12 Main border color. Choose the color for the main border.
4.13 Main border radius. Define the radius of the main border.
4.14 Main background color (gradient). Choose the main background color.
4.15 Date format. Define the format of the date.
4.16 Date format short. Define the short format of the date.
4.17 Use 12 hours time format.Choose whether to use 12 hours time format or not.
4.18 Reset Theme. Push “Reset Theme” if you want to start over.

Header Parameters

4.19 Header Height. Define the height of the header.
4.20 Header Padding. Define the padding of the header.
4.21 Header Background Color (gradient). Choose the background color for the header.
4.22 Header border color. Choose the color of the border for the header.
4.23 Header content color. Choose the color of the content for the header.
4.24 Header content stroke color. Choose the stroke color of the content for the header.
4.25 Header content font size. Define the font size of the content for the header.

Body Parameters

4.26 Weekdays text color. Choose the color of the text for weekdays. 4.27 Weekdays text font size. Define the font size of the text for weekdays.
4.28 Days Background Color. Choose the background color for the days.
4.29 Background Color of a Cell With Event With No Priority. Choose the background color for a cell with event with no priority.
4.30 Background Color of a Cell With Event With Low Priority. Choose the background color for a cell with event with low priority.
4.31 Background Color of a Cell With Event With Medium Priority. Choose the background color for a cell with event with medium priority.
4.32 Background Color of a Cell With Event With High Priority. Choose the background color for a cell with event with high priority.
4.33 Cell content font size. Define the font size of the cell content.
4.34 Cell content color. Choose the color for the cell content.
4.35 Current day cell border color. Choose the border color for the current day cell.
4.36 Show number of events. Choose whether to show the number of events or not.
4.37 Number of events font size. Define the font size for the number of events.
4.38 Number of events color. Choose the color for the number of events.
4.39 Events List Header Height. Define the height of the header for the events list.
4.40 Events List Header Background Color. Choose the background color for the events list header.
4.41 Events List Header Content Color. Choose the color of the content for the events list header.
4.42 Events List Header Content Font Size. Define the font size of the header content for the events list.
4.43 Event Header Height. Define the height of the event header.
4.44 Event Header content Font Size. Define the font size of the content for the event header.
4.45 Event Header content Color. Choose the color of the content for the event header.
4.46 Event Content Background Color(gradient). Choose the background color for the event content.
4.47 Event Content Dates Font Size. Define the font size of the dates for the event content.
4.48 Event Content Dates Color. Choose the color of the dates for the event content.
4.49 Event Content Description Font Size. Define the font size of the event content description.
4.50 Event Content Description Color. Choose the color for the event content description.
4.51 Footer Height. Define the height of the footer.
4.52 Footer content Color. Choose the color for the footer content.

Media Parameters

4.53 Media Autoplay in start. Choose whether the media automatically starts the playback or not.
4.54 Media Scale Type. Choose the scale type for the media: inside, outside, stretch.
4.55 Media change Duration. Define the time in seconds for the media change duration.
4.56 Video Default Volume. Define the default volume position of the video.
4.57 Video Autoplay in Media Slider. Choose whether the video automatically starts the playback on page opening or not.
4.58 Media Background Color. Choose the background color for the media.
4.59 Media Control Buttons Background Color. Choose the background color for the control buttons of the media.
4.60 Media Control Buttons Background Transparency. Define the background transparency level of the control button of the media.
4.61 Media Control Buttons Color. Choose the color of the control buttons of the media.
4.62 Media Control Buttons Transparency. Define the transparency level of the control Buttons of the media.

Previous Step Next Step

WORLD-CLASS SUPPORT

We are here for you every step of the way. Turn to our support with any questions you might have about our products and services. Our experienced customer care team is available to help you as fast as we possibly can.

Contact us