Joomla Styled

Make the most of Joomla's core Protostar template. Style and never worry about overwriting on updates!

Style the core Joomla Protostar template without editing any files by using the simple styling tools and the custom inline CSS editor.

If you want to have many themes to choose from, easily add multiple custom CSS themes to the new custom/themes folder and be able to change the display as desired by simply selecting the file from a list.

If you want to rearrange the positions or have more positions, easily add multiple custom PHP templates to the new custom/templates folder, then easily select the desired template from the drop list in the protostar template manager.

Features

Create multiple template index files and select one for each duplicate instance of the protostar template.
Place the files in protostar/custom/templates
Though Joomla has the function to create template duplicates (preferred), it merely creates a database instance with an ID to allow new parameter settings, but the files remain the same. Any change to the files will affect all instances. The other method to create actual file copy of the template will provide files which can be edited without affecting the core but eventually just clutters the template directory.

This Proto Option feature allows the use of multiple file templates in the single Protostar core directory without the clutter and no concern of overwriting on updates..

Add multiple CSS themes
Place the files in protostar/custom/themes to make them available for selections in the template manager

Add custom PHP
Create a file named user.php and place it in protostar/custom

Add custom parameter fields
Create a file named user.xml and place it in protostar/custom
To output the value of the parameter elements, write the coding in user.php

Set a custom favicon and never lose it on updates
Add a global favicon which will serve all duplicates of Protostar, or set a different favicon for each duplicate.

Create installable themes and display templates
Make exotic designs and package as a Joomla file installer which uses the standard installation system. File installer also supports update notification. Spawn a new revenue source when you sell each Protostar theme.

The Method to achieve the !Joomla styled layout

Set the template and theme in the protostar template manager

Select template wideformat.php
Select theme joomla-styled.css

Upper menu and search

Set the menu module to an unlisted position as headgroup
Add the standard nav-pills class to the menu class suffix
Add module class suffix topnav pull-left
Set the search module to the same position headgroup
Add module class suffix pull-right header-search
Set a new custom module to position-0 and add the shortcode {loadposition headgroup,raw}
Add module class suffix stickhead headnav
Set Options > Prepare content to yes

Logo bar

Set a new custom module to position-0 and add your logo image
Add module class suffix logobar

Sub Nav Bar

Create a new menu group in the menu manager and name it subnav
Set a new menu module to position-0
Select the new menu group
Add standard menu class suffix nav-pills
Add module class suffix topnav subnav stick2
Go to the protostar template manager and click the advanced tab and add the following javascript code to the field labeled Inline Javascript

jQuery(function($) {
$(".stick2").sticky({ topSpacing: 38 });
});

Wide View Area

Set a new custom module to position-1
Add module class suffix tvscreen
Upload a fat-ass image to your host
Go to the protostar template manager and go to the advanced tab
In the field labeled Inline CSS
Add .tvscreen {background: url(/images/bgimages/cruiseship.jpg);}

Though the steps may seem like a lot, the process is very quick once you get used to doing it.

If modules in the same position are not ordered properly to output as displayed, simply enable sorting and drag to order correctly.

The Flexible Proto Option Plugin Empowering Website Creators