Sunday, May 19, 2024

Umum

Configuration

A guide to the many configurable options that can be configured in the template manager.

 
 
 
 

Preset Style

The template is bundled with 10 pre-made style variants that can be easily and quickly chosen from the template configuration. There is also an option for Custom which you will choose if you do not wish to use the preset styles. NOTE: The various options will not work unless you click Custom in the Preset Styles section.

Colour Chooser Options

If you selected Custom in the Preset Styles option, you will now have a choice of several options to customise your sites colour scheme. Therefore, you can either manually type your desired colour into the input field or select the colour from the popup.

The names of the various selections denote the area that they apply to. Click the Custom Styles button in the toolbar to output your custom style configuration into the Custom Config output box, underneath all the params. You will use these values in the styles.php file to customise your own defaults.

Display Frontpage Component

This setting allows you to select whether the frontpage area (where content items are placed) is active or not. This is useful if you wish to have an entirely modular frontpage and no article-based content.

IE6 Warning

Warn your visitors using Internet Explorer 6 to upgrade to a more secure version with this toggle. This option activates a javascript based dropdown in IE6 at the top of the template where a description of why IE6 is a redundant browser is visible. The warning will only appear once as it is stored via a cookie.

Font Family

You can choose which font you would like to use for your entire website, these are all web standard fonts.

Font Spans

Set to Enable or Disable Font Spans. Font Spans refer to the multi-coloured effect on titles, such as module headers.

Input Style

Set to Enable or Disable Input Styles. This is the javascript enabled custom styling for radio icons and similar inputs such as in the Poll. You can see these icons in the params above.

Template Width

This template configuration option allows you to easily change the width of the template itself, simply change the number to another pixel value.

Left Inset Width

This template configuration option allows you to easily change the width of the left inset position, simply change the number to another pixel value.

Right Inset Width

This template configuration option allows you to easily change the width of the right inset position, simply change the number to another pixel value.

Splitmenu Location

One of the template's menu options is splitmenu which displays the first level items in the horizontal menu bar and the 2nd in a side column module. This option allows you to choose between the left column or the right column.

Default Font

This option allows you to choose what the font size will be, you have 3 options to choose from, these are small, default and large.

Show Date

Choose whether the date, in the upper left of the template appears.

Client Side Date

Select whether the date is server based or based on the time and date of your visitors computer.

Show Main Logo

Choose whether the logo area has the template logo image, or is the logo module position. If this option is set to no and there are no modules assigned to the logo area, it will collapse completely.

Show Logo Slogan Text

Choose whether the slogan, to the right of logo appears.

Slogan Text

Enter the text you wish to appear for the slogan.

Show Copyright

Choose whether the copyright area has the RocketTheme logo image, or is the footer module position. If this option is set to no and there are no modules assigned to the footer area, it will collapse completely.

Show Text Size Controls

This setting allows you to disable the text size controls in the upper right of the template.

Show Top Button

This setting allows you to disable the top button in the lower right of the template.

Mootools / Javascript Compatibility

Enable or disable js compatibility mode for better compatibility with non mootools based js libraries. Warning, setting to "true" will cause several js template features to not work properly.

Menu Type

SolarSentinel is bundled with 4 menu options, 3 of which are integrated menu approaches. These are splitmenu, moomenu, suckerfish and module. Splitmenu displays the 1st level menu items in the horizontal bar and the 2nd in the side column; moomenu and suckerfish display the menu items in dropdown lists with moomenu having a javascript powered approach; and the module options turns the menu bar into the toolbar module position so you can insert modules into the area (this will disable the menu however). You can also select none so the entire horizontal menu does not appear.

Drop Down Rows per Column

The maximum number of menu item rows per column. Applicable only to MooMenu and Suckerfish, as well as second+ menu levels.

Drop Down Columns

The number of columns for a dropdown. Applicable only to MooMenu and Suckerfish, as well as second+ menu levels.

Multi-Column Level

The menu level that is affected by the multiple column dropdown affect. Set to 0 to affect all dropdown levels or set a number greater than 0 to specify a particular level with the multiple column function. Applicable only to MooMenu and Suckerfish.

Menu Name

The following parameter controls which Joomla menu is loaded for the horizontal navigation bar, by default this is mainmenu but you can change it to whatever menu such as othermenu.

Menu Options

Note: RokNavMenu is an essential module for the template. It is required for the modules to work so ensure that you install it into Joomla.

SolarSentinel features an array of elegant, professional and exclusive menu systems. Here you can read an overview of the available menu configuration options.

Video Tutorial Currently Available! Launch the Joomla Menu Setup Video Tutorial now!

Selecting your Menu Style

SolarSentinel allows you to choose from 4 menu modes:

  • RokMooMenu - The advanced menu system based on the ever popular Suckerfish menu style, featuring mootools powered transitions and effects.
  • Suckerfish - The versatile dropdown menu is an option in combination with RokMooMenu to minimize library conflicts and improve site performance.
  • SplitMenu - The venerable SplitMenu is a solid choice for navigation. It works by rendering the top-level menu options horizontally, and the submenu/child items are rendered in a module on the side.
  • No Menu Bar - Setting the menu type to "none" will remove the horizontal menu as well as the menu bar graphics making the header flush with the main content giving you more control over the appearance of your site.

You can designate which menu type you want to use on your site with a single control in the template configuration.

DropColumn Menu

A brand new menu function, the Multiple Drop Column ability. This applies only to MooMenu and Suckerfish and allows for multiple drop down columns instead of the typical single variant. The advanced options with this feature, allow you to choose the number of columns, specify individual menu levels which exhibit the behaviour and restrict the number of columns per row. A truly versatile new feature as showcased on this demo.

The Powerful & Popular RokMooMenu

This menu has been developed from scratch using the latest and greatest MooTools JavaScript framework. The RokMooMenu is a highly advanced and fully customisable menu system. Some of the great features include:-
  • Hover support for IE6 using the sfHover javascript class just like in Suckerfish.
  • Fully degradable to standard SuckerFish menu if javascript is not supported.
  • Configurable mouse-out delay to allow for accidental mousing out of the menu.
  • Completely customizable animation effects using MooTools transitions. Can be configured in X and/or Y directions.
  • Support for fade-in transparency
  • Experimental support for IE6 z-index bug using the iFrame hack.
An example configuration as used in the demo:
For more details with diagrams, visit the Mootools documentation site

Creating the dropdown menu items

To have specific menu items appear as sub items, you must assign them to the specific navigation item in which they will originate from. The following tutorial will show you how simple it is to create your ideal menu system.

Step 1 - Navigation

Once you have logged into the Joomla! Administration Area, you must navigate to the Menu area. Hover over the Menu item in the taskbar to show the dropdown menu. For this example, we are going into the mainmenu but the technique is exactly the same for all menus in the Administrative area.

Step 2 - The Menu Manager

You will then be transported to the Menu Manager for mainmenu. At this point, you can do two things. The first is to edit an existing menu item, which we will be doing in this tutorial or create a New menu item to be subordinate to an existing item. Click on the item you want to be part of the dropdown menu.

Step 3 - Assigning a Parent Item

You can now assign the content item to the mainmenu item in which you want to be in the dropdown menu. Identify the "Parent Item" section of the manager. You will select the item in which you wish to be the parent and the source of the dropdown menu. In this example, we have selected "Home".
  1. Extensions
  2. Installation
  3. Tutorials
  4. HTML Typography

Khotbah

  • 1
  • 2
  • 3
  • 4

Renungan

Pengunjung Online

We have 30 guests and no members online

Copyright © 2019 Kabar Dari Bukit. All Rights Reserved.

Login Form