Publikasi Berita

Berita Kampus

If you are using the TinyMCE editor, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

Typography - RokCandy

View all RokCandy typography at the RokCandy Examples page

In this example, we will use the Attention Span Style - Syntax: [div class="attention" class2="typo-icon"]...[/div] syntax.

  • Go to Content → Article Manager → Select an Article.
  • Insert [div class="attention" class2="typo-icon"] .... some content .... [/div]
  • Save

Typography - HTML

View all HTML typography at the HTML Examples page

In this example, we will use the Attention Span Style - Syntax: <div class="attention"><div class="typo-icon">...</div></div> syntax.

Content Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save

No Editor

  • Go to Content → Article Manager → Select an Article; or Extensions → Module Manager → A Module, for a custom module.
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save
Note, with the Content Editor (WYSIWYG) enabled, you need to enter HTML mode.

Berita Kampus

Gantry sets the dimensions of the logo, so CSS modification is unnecessary.

Logo Editing Requirements

  • Adobe® Fireworks: CS5 is preferred, but CS3/4 will be sufficient.
  • Logo Font: Download and install before proceeding to edit in Fireworks.
  • Source File: Download the logo-source.png file from the rt_zephyr_j15-sources.zip package.

Step 1 - Open the File

  • Open the logo-source.png file in Adobe® Fireworks.
Logo
  • Focus on the right column, titled Layers. Select the Web layers directory and click the eye icon to the left of the logo slice (the green object). This will make the slice invisible so you can edit the file.

Step 2 - Text/Slogan/Icon Editing

  • Double click on the logo text. Now you can edit the text of logo to your choosing.
Logo Logo
  • If necessary, move the location of the logo text.
Logo
  • Select the slogan and disable/edit it as you wish.
Logo Logo
  • Now, select the icon and disable/edit it as you wish.
Logo Logo

Step 3 - Slice Modification

  • Reactivate the Slice in the Web Layers column, this will place a green rectangle over the logo image. Change the size of the slice (or move it) to match the new size if applicable.
Logo Logo

Step 4 - Export

  • Now you will want to export the logo. Right click on the image slice and select Exported Selected Slices... from the contextual menu. Proceed to export it to your computer for uploading.
Logo

Step 5 - Multiple Frames/States

  • If there are multiple logos for a template, they are located in Frames or States within Fireworks.
Logo Logo

Step 6 - Uploading

  • Upload logo.png to the /templates/rt_zephyr_15/images/logo/*style*/ directory
  • Clear your browser cache and refresh your site.
  • If you cannot see your new logo, ensure you have uploaded it to the right directory and that the directory permissions are writeable. Enquire with your hosting provider.

Berita Kampus

Please ensure you are using the latest version of RokNavMenu, available here.

Menu Types

  • Fusion Menu
    A Mootools enhanced CSS dropdown menu, with multi-columns, icons and more.
  • SplitMenu
    A static two level menu placing parents items in the header area, and child items in the sidebar.
  • No Menu
    An option to disable the menu, allowing for normal module use of the navigation position.
Fusion is inoperable in IE6, and will automatically switch to Suckerfish.

Configuration

Go to Extensions → Template Manager → rt_zephyr_j15 → Menu Control to find all the parameters for Fusion Menu and Splitmenu, such as transitions, duration and sublevel position.

Descriptions of each template parameter can be seen when you mouseover the label of each option.

Fusion Menu with Mega Menu

Fusion Menu is a menu theme of the RokNavMenu extension, the addon that drives all RocketTheme template menus. It is primarily a javascript enhanced CSS dropdown menu, that combines standard suckerfish type functionality with animations, transitions and other advanced effects provided by Mootools.

NOTE: The latest version of RokNavMenu is required, in order for Fusion to operate.

New Features

In Zephyr, Fusion Menu has been extended with the following features:

  • Triple / Quad Column Mode
  • Column Menu Grouping
  • Column Width Control
  • Load Modules inside Dropdowns
  • Load Module Positions inside Dropdowns

Recurring Features

Below is a list of the standard, recurring features of the Fusion Menu:

  • Single Column Mode
  • Dual Column Mode
  • Menu Item Subtext
  • Menu Item Icons
  • Javascript Controls

Documentation: Fusion Menu


Splitmenu

A static menu system that displays submenu items outside of the main horizontal menu and the 2nd level items in the Sidebar.

Template Configuration: Splitmenu

Go to Extensions → Template Manager → rt_zephyr_j15 → Menu Set Menu Control to Type : Split-Menu, to load all the Splitmenu parameters.

Image

Menu Item Parameters: Subtext

Subtext Line is the option that allows you to insert additional text to the Menu Item Title. There is separate styling for this, making it useful for adding brief descriptions to menu items.

Image Image

Code Modification: Remove the Menu in the Title

Open /templates/rt_zephyr_j15/html/modules.php and change:

<?php echo $menu_title_item->name.' '.JText::_('Menu'); ?>

To

<?php echo $menu_title_item->name; ?>


How to create Child / Sublevel menu items in Joomla

Go to Admin → Menu → A MenuA Menu Item → Select a Parent Item, and it will appear as a child of it.

Image Image

Berita Kampus

Preview all available styles and any associated combination at the Preset Styles page.

Access Style Control

Access the Style Control settings from Admin → Extensions → Template Manager → rt_zephyr_j15 → Settings. Located here are both the Color Chooser and Other Style Controls settings.

Image

Configuration

The options are as follows, and the areas that they control are indicative in their name:

  • Style Presets: Preset 1 to Preset 12
  • Static CSS: On - Off
  • Body Level: High or Low
  • Background Image: List of Images
  • Color Chooser Options: Main, Header, Body, Footer, Feature, Showcase, Utility, Bottom, Navigation - more information
  • Read More Style: Button or Link
  • Article Style: Default, Title1-6
  • Article Overlay: Light or Dark
  • Article Info Style: Layout1-3
  • Fixed Footer: On - Off
  • Web Fonts: On - Off; Google Font Directory
  • Font Settings:
    • Font Family: Enigmatic, Geneva, Optima, Helvetica, Trebuchet, Lucida, Georgia, Palatino, or Various Google Fonts (dropdown)
    • Font Size: Default, Extra Large, Large, Small, Extra Small (dropdown)
Note: Gantry allows you to configure all parameters, on a per menu item basis. For example, you can assign preset2 to one page and preset4 to another.

Creating your own Preset Styles

  • Go to Extensions → Template Manager → rt_zephyr_j15 → Settings
  • Configure the Settings
  • Click Save Custom Presets as New
  • Follow the Preset Saver procedure
You can edit the prebuilt presets in the gantry.config.php file.

Image Image

Assigning a Style to a Specific Page

Image

With Gantry, the ability to assign a certain style to an individual page has never been easier and/or more efficient. Just follow these simple steps:

  • Go to Extensions → Template Manager → rt_zephyr_j15
  • Select the Menu Items tab - located in the right column of the page in the orange box
  • Choose a menu item you wish to assign a different style to
  • Select your preset of choice from the Presets → Style Presets parameter area
  • Configure the Settings area to your personal preferences
  • Save

Gantry Framework: Per Menu Item Configuration

Berita Kampus

More Articles...

Page 20 of 21

20

Member Login